:root{--tera-cyan:#88e4f5;--tera-line:#277b99}
.language-switch{display:flex;border:1px solid #2b5269;border-radius:4px;overflow:hidden;flex:none}
.language-switch button{border:0;border-radius:0;padding:8px;font-size:10px;color:#87aaba;background:#0c1a25}
.language-switch button[aria-pressed=true]{color:#e7fbff;background:#185879;box-shadow:inset 0 0 9px #46c9f040}
.top-actions{align-items:center}.top-actions>button{font-size:12px;padding:10px 12px;white-space:nowrap}
.editor-panel{background:linear-gradient(145deg,#101e28,#09131b);border-left-color:#23516a}
.panel-heading h2{font-family:'Segoe UI',Arial,sans-serif;font-size:24px;color:#d7e9ef}
.tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.tabs button{min-height:41px;font-size:10px;color:#8fafbd;line-height:1.4}
.tabs button.active{border-bottom-color:#6bbecb;color:#d8faff;background:#6bbecb0c}
.settings .section-note{color:#82a2b2}.detail-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 12px}
.detail-banner{border:1px solid #2a404d;border-radius:7px;padding:11px 8px;min-height:42px;color:#9bb2bf;font-size:12px;background:#12212b;transition:background .15s,border-color .15s,color .15s}
.detail-banner.active{color:#e4f5f8;border-color:#4b8b99;background:#1a3540}
.detail-banner:hover{border-color:#557581;background:#1a2d37}.detail-banner:focus-visible{outline:2px solid #91d5df;outline-offset:2px}
.detail-reset{display:flex;justify-content:flex-end;margin:0 0 24px}.detail-reset .group-reset{color:#94b5c2;border-color:#2a4655;background:transparent;border-radius:5px;padding:6px 9px}
.tera-slider{margin:0 0 24px}.tera-slider .slider-label{margin-bottom:7px;color:#c5d9e2;font-size:12px;line-height:1.5}
.tera-track{position:relative;--value:0}.tera-slider input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:22px;margin:0;display:block;padding:0;outline:none}
.tera-slider input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,#74b6c5 calc(var(--value)*100%),#29414f calc(var(--value)*100%))}
.tera-slider input[type=range]::-moz-range-track{height:3px;border-radius:3px;background:#29414f}
.tera-slider input[type=range]::-moz-range-progress{height:3px;border-radius:3px;background:#74b6c5}
.tera-slider input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;margin-top:-4.5px;border-radius:50%;border:0;background:#d4e8ed;box-shadow:0 1px 3px #0005}
.tera-slider input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:50%;border:0;background:#d4e8ed;box-shadow:0 1px 3px #0005}
.tera-slider input:focus-visible{outline:1px solid #74b6c5;outline-offset:4px;border-radius:3px}
.tera-slider .slider-label .tera-value{min-width:24px;text-align:right;color:#e0f0f5;font-size:12px;font-variant-numeric:tabular-nums}
.tera-slider .range-end{margin-top:0;color:#718b99;font-size:9px;padding:0}.tera-slider.unavailable-slider{opacity:.35}
.fitting-heading h1{position:relative;top:-4px}
.preset-save-form{display:grid;gap:9px;margin:0 0 24px}.preset-save-form label{font-size:11px;color:#aac6d0}
.preset-save-form input{min-width:0;width:100%;padding:10px;background:#030b11;border:1px solid #315b6d;border-radius:3px;color:#e0f6fb;font:inherit}
.preset-save-form .primary{background:linear-gradient(#14537a,#0a2c45);border-color:#398cb4;color:#d5f5fc;font-size:12px}
.saved-presets{display:grid;gap:12px}.saved-preset{min-width:0;padding:14px;background:#0a1a24;border:1px solid #224b5d;border-radius:3px}.saved-preset h3{overflow-wrap:anywhere}.saved-preset .section-note{font-size:9px;margin:6px 0 13px}.saved-actions{display:flex;gap:7px}.saved-actions button{padding:7px 10px;font-size:11px;border-color:#285a70;color:#b8e5ef}
.preset-summary{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:10px;color:#8fb3c2;margin-bottom:10px}.preset-costume{font-size:11px;line-height:1.6;color:#c6dce5;margin:0 0 14px;overflow-wrap:anywhere}
.preset-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:14px}.preset-photo{margin:0;min-width:0}.preset-photo a{display:flex;align-items:center;justify-content:center;aspect-ratio:1/2;background:#1b2935;border:1px solid #2c424e;border-radius:5px;overflow:hidden}.preset-photo img{display:block;width:100%;height:100%;object-fit:contain}.preset-photo figcaption{color:#82a5b4;font-size:9px;text-align:center;margin-top:5px}.preset-photo a:hover{border-color:#7ab2c4}
.preset-details{border-top:1px solid #203b49;margin:0 0 13px;padding-top:11px}.preset-details summary{cursor:pointer;color:#a3c2cf;font-size:11px}.preset-details pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.7 Consolas,monospace;color:#c3d8e1;padding:12px 0 0;margin:0;user-select:text}.saved-actions{flex-wrap:wrap}.saved-actions .preset-card-download{width:100%;text-align:center;border-color:#467481;background:#1a3540;color:#daedf2}
.lighting-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 24px}.lighting-options button{min-height:52px;padding:10px;text-align:left;font-size:11px;line-height:1.5;background:#12212b;border-color:#2a404d;border-radius:7px}.lighting-options button.selected{border-color:#4b8b99;color:#e4f5f8;background:#1a3540}
.shape-levels button.active{border-color:#67d5ec;color:#cff7ff;background:#15506b66}
@media(max-width:1100px){.topbar{gap:12px}.top-actions{gap:6px}.top-actions>button{font-size:10px;padding:9px 10px}}
@media(max-width:940px){.editor-panel .tabs{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.topbar{min-height:94px;height:auto;flex-wrap:wrap;gap:5px;padding:8px 12px}.brand{font-size:17px}.brand-mark{font-size:25px}.top-actions{width:100%;margin-left:0;gap:5px;justify-content:space-between}.top-actions>button{font-size:9px;padding:8px 7px}.language-switch button{padding:7px;font-size:9px}.fitting-room,.stage{height:calc(100dvh - 94px)}.stage-top{top:17px}}
@media(max-width:580px){.stage{height:58dvh}.fitting-room{height:780px}}
@media(max-width:420px){.top-actions{flex-wrap:wrap}.language-switch{margin-left:auto}}
