/* The single Design drawer owns its controls; it never participates in orbit
   transforms or spawns live WebGL thumbnails for the entire catalogue. */
.design-toolbar{flex-wrap:wrap}.design-page-picker{position:relative;flex:1;min-width:180px}.design-page-picker>summary{list-style:none;padding:10px 12px;border:1px solid #78a8ba85;border-radius:5px;cursor:pointer;background:#0a202d;line-height:1.35}.design-page-picker>summary:after{content:'⌄';float:right;margin-left:8px}.design-page-targets{position:absolute;left:0;right:0;top:calc(100% + 5px);max-height:330px;overflow:auto;border:1px solid #78a8ba99;border-radius:7px;padding:7px;background:#071b28;box-shadow:0 12px 32px #0009;z-index:30}.design-page-target{display:flex;align-items:center;gap:8px;padding:5px 2px}.design-page-check{display:flex;align-items:center;gap:9px;flex:1;min-width:0;cursor:pointer;font-size:12px}.design-page-check input,.design-global-scope input{width:17px;height:17px;accent-color:#79cadc;flex-shrink:0}.design-page-target button{border:1px solid #77a6b867;border-radius:4px;padding:5px 7px;color:#bce1eb;background:#113647;font-size:11px;cursor:pointer}.design-page-target button[aria-current]{border-color:#a1dce5;color:#e3fcff}.design-global-scope{display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer}.design-save-note{font-size:11px;line-height:1.55;color:#9cbac7;margin:8px 0}.design-page-manager{margin:12px 0}.design-page-picker :is(summary,button,input):focus-visible,.design-global-scope input:focus-visible{outline:2px solid #a1dce5;outline-offset:3px}
@media(max-width:600px){.design-page-picker{flex-basis:calc(100% - 65px)}.design-global-scope{margin-left:auto}.design-page-targets{max-height:260px}.design-page-target{gap:5px}}
.design-menu{position:relative;margin:0;color:#cce1e7;flex-shrink:0;font-family:Outfit,Arial,sans-serif}
.design-menu>summary{list-style:none;display:flex;gap:22px;align-items:center;padding:10px 15px;border:1px solid #8bdbe17a;border-radius:7px;cursor:pointer;font-size:14px;font-weight:500;background:#081923ad}
.design-menu>summary::-webkit-details-marker{display:none}.design-menu[open]>summary{background:#122b38;border-color:#a9e8ed}.design-menu>summary span{font-size:11px;color:#96beca}
.design-panel{position:absolute;right:0;top:calc(100% + 14px);width:min(650px,calc(100vw - 40px));max-height:calc(100dvh - var(--header) - 30px);overflow-y:auto;overscroll-behavior:contain;border:1px solid #8cc3d287;border-radius:15px;background:linear-gradient(140deg,#102b39f9,#07141ffb 65%);box-shadow:0 26px 80px #000a;padding:22px;scrollbar-width:thin;scrollbar-color:#5f8d9d #0b1d29;font:14px/1.45 Outfit,Arial,sans-serif;z-index:20;color:#d6e9ed;isolation:isolate}
.design-panel[hidden],.design-menu:not([open])>.design-panel{display:none}.design-panel-heading{display:flex;justify-content:space-between;gap:20px}.design-panel-heading strong{font-size:22px;font-weight:500;letter-spacing:-.03em}.design-panel-heading p{font-size:13px;color:#9bb9c6;margin:4px 0 16px}.design-close{font-size:25px;align-self:flex-start;padding:0 5px;color:#b6d9e1}.design-toolbar{display:flex;align-items:center;gap:10px}.design-toolbar>label{font-size:12px;color:#a8c4ce}.design-toolbar>select{flex:1;min-width:0}.design-toolbar>span{font-size:11px;white-space:nowrap;color:#a6e9db;border:1px solid #4d918482;padding:5px 8px;border-radius:5px}.design-scope{margin:11px 0 17px;color:#9cb8c6;font-size:12px}
.design-panel select,.design-panel input[type=search]{font:14px/1.3 Outfit,Arial,sans-serif;width:100%;color:#dfeff1;background:#0a1e2b;border:1px solid #5d85969c;border-radius:6px;padding:10px 12px;min-height:40px}.design-panel input::placeholder{color:#8ba8b6}.design-panel option{background:#0a1e2b}.design-panel button,.design-panel a{font-family:inherit}.design-category{border-top:1px solid #678a9c40}.design-category>summary{display:flex;justify-content:space-between;align-items:center;list-style:none;padding:13px 3px;cursor:pointer;font-size:15px;font-weight:500}.design-category>summary:after{content:'+';margin-left:14px;color:#8bb7c5}.design-category[open]>summary:after{content:'−'}.design-category>summary::-webkit-details-marker{display:none}.design-category-count{margin-left:auto;color:#8eafbc;font:11px Mono,monospace}.design-category-body{padding:0 0 17px}.design-field{display:block;font-size:12px;color:#a8c5d0;margin:0 0 12px}.design-field select{display:block;margin-top:6px}.design-field-note{color:#92adba;font-size:12px;margin:3px 0 14px}.design-catalog-search{margin:6px 0 8px}.design-catalog-list{list-style:none;margin:0;padding:0;max-height:220px;overflow:auto;scrollbar-width:thin;scrollbar-color:#5f8d9d transparent}.design-catalog-list>li{display:flex;gap:10px;align-items:center;padding:10px 2px;border-bottom:1px solid #7898a420}.design-catalog-list>li>div{flex:1;min-width:0}.design-catalog-list strong{display:block;font-size:13px;font-weight:500;overflow-wrap:anywhere}.design-catalog-list span{display:block;font-size:11px;color:#8faaB8;margin-top:3px}.design-catalog-list a,.design-catalog-list button{font-size:11px;color:#b1e9e9;white-space:nowrap;padding:6px}.design-catalog-list button{border:1px solid #6598a1;border-radius:4px;background:#163441}.design-catalog-empty{font-size:12px;color:#8aa8b6}.design-actions{border-top:1px solid #678a9c50;padding-top:17px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.design-actions button{font-size:12px;padding:10px;border:1px solid #64919e8c;border-radius:5px;background:#102b39}.design-actions button:first-child{background:#183e47;border-color:#80bcb9}.design-panel button:hover,.design-panel a:hover{color:#e8ffff;border-color:#b9eeee}.design-panel :focus-visible{outline:2px solid #b8ecec;outline-offset:3px}.design-panel #design-feedback{font-size:12px;color:#b0d8d7;min-height:16px;margin:12px 0}.design-library-status{display:flex;gap:10px;align-items:center;color:#8caab8;font-size:11px}.design-library-status>span{flex:1}.design-library-status button{border:0;border-bottom:1px solid #6fa4ac60;font-size:11px;padding:4px;color:#a7d8de}
@media(max-width:1330px) and (min-width:901px){.design-menu>summary{font-size:13px;padding:9px 12px;gap:14px}}
@media(max-width:900px){.design-menu{position:absolute;right:5%;top:64px}.design-menu>summary{font-size:13px;padding:6px 13px;min-height:32px}.design-panel{position:fixed;left:15px;right:15px;top:110px;width:auto;max-height:calc(100dvh - 125px);padding:18px;border-radius:11px}.design-panel-heading strong{font-size:21px}.design-toolbar{flex-wrap:wrap}.design-toolbar>span{margin-left:auto}.design-toolbar>select{flex-basis:70%}.design-scope{font-size:11px}.design-category>summary{font-size:15px}.design-actions button{min-height:42px}.design-catalog-list{max-height:190px}}
.design-panel .design-native-select{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;clip-path:inset(50%);overflow:hidden;padding:0;min-height:0}
.design-caption-settings{margin:16px 0;padding:14px 12px 3px;border:1px solid #79b8cb66;border-radius:9px;background:linear-gradient(140deg,#17435835,#07192545)}.design-caption-settings legend{padding:0 6px;font-size:13px;color:#c3e9f2}.design-range-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.design-range output{flex-shrink:0;color:#c3e9f2;font-variant-numeric:tabular-nums}.design-range input{display:block;width:100%;min-height:30px;margin-top:4px;accent-color:#87d8ec;cursor:pointer}.design-range input:disabled{opacity:.45;cursor:default}.design-actions [data-design-action=original]{grid-column:1/-1;background:transparent}.design-actions button:disabled{opacity:.45;cursor:default}
.design-catalog-list .design-preview-action{background:transparent;border-color:#577e8c}.design-catalog-list button:not(.design-preview-action){border-color:#83d3e1;background:#164054}.design-catalog-list>li{flex-wrap:wrap}.design-catalog-list>li>div{flex-basis:50%;min-width:150px}
.design-visual-select{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:42px;margin-top:6px;padding:10px 12px;text-align:left;border:1px solid #5d85969c;border-radius:6px;background:#0a1e2b;color:#dfeff1;font:14px/1.3 Outfit,Arial,sans-serif;cursor:pointer}.design-visual-select:after{content:'⌄';color:#a2c9da}.design-visual-select[aria-expanded=true]{border-color:#9de6fa;background:#143344}
.design-picker-popup{position:fixed;z-index:80;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:0;border:1px solid #80c0dfc2;border-radius:12px;background:#071722;box-shadow:0 22px 70px #000c;overflow:hidden;color:#d7ebf4;font:13px/1.35 Outfit,Arial,sans-serif}.design-picker-popup[hidden],.design-menu:not([open])>.design-picker-popup{display:none}.design-picker-list{min-height:100px;max-height:340px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#568ca8 #071722;padding:6px}.design-picker-option{position:relative;padding:11px 27px 11px 12px;border-radius:6px;cursor:pointer;overflow-wrap:anywhere}.design-picker-option.is-active{background:#194b65;color:#effcff}.design-picker-option[aria-selected=true]:after{content:'✓';position:absolute;right:10px;top:11px;color:#b4e9ff}.design-picker-option[aria-disabled=true]{color:#8195a3;cursor:default}.design-picker-preview{margin:0;min-width:0;align-self:stretch;padding:13px;border-left:1px solid #77aec53d;background:linear-gradient(135deg,#12324480,#06101c);display:flex;flex-direction:column;justify-content:center;gap:11px}.design-picker-preview img{display:block;width:100%;height:150px;object-fit:contain;border-radius:6px;background:#030b12}.design-picker-preview img[hidden]{display:none}.design-picker-preview figcaption{font-size:14px;color:#d9f2fc;overflow-wrap:anywhere}.design-picker-preview .design-preview-note{font-size:11px;line-height:1.5;color:#94b4c7;margin:0}.design-picker-popup :focus-visible{outline:2px solid #b8ecec;outline-offset:-3px}
@media(max-width:560px){.design-picker-popup{grid-template-columns:minmax(0,1fr) 145px}.design-picker-preview{padding:9px;gap:8px}.design-picker-preview img{height:110px}.design-picker-preview figcaption{font-size:12px}.design-picker-option{padding:12px 24px 12px 9px;font-size:12px}.design-picker-preview .design-preview-note{font-size:10px}}