@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Sora:wght@400;500;600&display=swap";:root{--bg-0: #171c25;--bg-1: #1b212b;--bg-2: #212936;--ui-main-color: #3a3b42;--surface: color-mix(in srgb, var(--ui-main-color) 82%, #0f1621);--surface-hi: color-mix(in srgb, var(--ui-main-color) 90%, #ffffff);--surface-lo: color-mix(in srgb, var(--ui-main-color) 66%, #0f1621);--surface-pressed: color-mix(in srgb, var(--ui-main-color) 62%, #0b111a);--folder-bg-hi: color-mix(in srgb, var(--ui-main-color) 72%, #111925);--folder-bg-lo: color-mix(in srgb, var(--ui-main-color) 58%, #0b111a);--folder-open-hi: color-mix(in srgb, var(--ui-main-color) 64%, #0e1520);--folder-open-lo: color-mix(in srgb, var(--ui-main-color) 52%, #090f17);--control-bg-hi: color-mix(in srgb, var(--ui-main-color) 66%, #0f1620);--control-bg-lo: color-mix(in srgb, var(--ui-main-color) 54%, #0a1018);--slider-track-hi: color-mix(in srgb, var(--ui-main-color) 46%, #1b2332);--slider-track-lo: color-mix(in srgb, var(--ui-main-color) 38%, #171d28);--slider-shell-hi: color-mix(in srgb, var(--ui-main-color) 44%, #151c28);--slider-shell-lo: color-mix(in srgb, var(--ui-main-color) 36%, #121924);--meter-bg-hi: color-mix(in srgb, var(--ui-main-color) 40%, #1a212d);--meter-bg-lo: color-mix(in srgb, var(--ui-main-color) 34%, #1b2230);--line: rgba(138, 157, 188, .16);--line-strong: rgba(154, 173, 205, .24);--text: #d5deeb;--folder-title-color: #d2dbe9;--muted: #8692a8;--accent: #a8d2ff;--slider-fill: #a8d2ff;--ui-scale: 1;--ui-width-scale: 1;--ui-bevel-strength: 1;--radius-panel: clamp(14px, calc(22px * var(--ui-bevel-strength)), 34px);--radius-button: clamp(8px, calc(13px * var(--ui-bevel-strength)), 22px);--radius-tab: clamp(7px, calc(11px * var(--ui-bevel-strength)), 20px);--radius-folder: clamp(10px, calc(14px * var(--ui-bevel-strength)), 24px);--radius-control: clamp(8px, calc(11px * var(--ui-bevel-strength)), 20px);--radius-field: clamp(7px, calc(9px * var(--ui-bevel-strength)), 16px);--ui-scrollbar-size: clamp(6px, calc(6.8px * var(--ui-scale)), 11px);--ui-scrollbar-right-offset: 4px;--ui-scrollbar-top-offset: clamp(4px, calc(4.5px * var(--ui-scale)), 14px);--ui-scrollbar-bottom-offset: clamp(10px, calc(11px * var(--ui-scale)), 26px);--ui-scrollbar-thumb-min: clamp(26px, calc(34px * var(--ui-scale)), 54px);--ui-scrollbar-color: #97a3b4;--panel-head-color: color-mix(in srgb, var(--ui-main-color) 74%, #0b111a);--head-folder-lightness: 1;--panel-inline-pad: .94rem;--menu-section-gap: 1rem;--panel-content-pad-top: 1rem;--panel-content-pad-bottom: 1rem;--panel-content-opacity: 0;--panel-content-blur: 0px;--panel-content-bg-color: rgba(37, 48, 65, 0);--danger: #ff8f9e;--shadow-deep: rgba(8, 12, 18, .78);--shadow-soft: rgba(9, 14, 22, .5);--light-soft: rgba(255, 255, 255, .045);--light-mid: rgba(255, 255, 255, .085);--elev-x: 8px;--elev-y: 8px;--elev-blur: 16px;--elev-alpha: .58;--inner-x: 3px;--inner-y: 3px;--inner-blur: 7px;--inner-alpha: .72;--hint-center-x: 50%}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:Sora,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(120% 120% at 20% 12%,rgba(255,255,255,.05),transparent 44%),radial-gradient(130% 130% at 84% 88%,rgba(101,132,185,.1),transparent 48%),linear-gradient(155deg,var(--bg-0),var(--bg-1) 52%,var(--bg-2))}.app-shell{position:relative;width:100%;height:100%}.app-shell:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:24px 24px;opacity:.34}.viewport{position:absolute;inset:0;z-index:1}.viewport-canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.overlay[data-ui-depth=soft]{--elev-x: 5px;--elev-y: 5px;--elev-blur: 11px;--elev-alpha: .42;--inner-x: 2px;--inner-y: 2px;--inner-blur: 5px;--inner-alpha: .52}.overlay[data-ui-depth=medium]{--elev-x: 8px;--elev-y: 8px;--elev-blur: 16px;--elev-alpha: .58;--inner-x: 3px;--inner-y: 3px;--inner-blur: 7px;--inner-alpha: .72}.overlay[data-ui-depth=deep]{--elev-x: 13px;--elev-y: 13px;--elev-blur: 24px;--elev-alpha: .74;--inner-x: 4px;--inner-y: 4px;--inner-blur: 10px;--inner-alpha: .84}.panel-dock{--ui-hide-btn-size: clamp(2.51rem, calc(2.84rem * var(--ui-scale)), 3.19rem);position:relative;width:fit-content;pointer-events:none;margin-top:0}.panel-dock .panel,.panel-dock .ui-visibility-btn{pointer-events:auto}.panel{position:relative;display:flex;flex-direction:column;gap:0;width:min(calc((470px * var(--ui-width-scale)) / var(--ui-scale)),95vw);max-height:calc((100vh - 2rem) / var(--ui-scale));overflow-x:hidden;overflow-y:hidden;pointer-events:auto;transform-origin:top left;transform:scale(var(--ui-scale));border-radius:var(--radius-panel);border:1px solid var(--line);background:linear-gradient(165deg,var(--surface-hi),var(--surface));box-shadow:calc(var(--elev-x) * 2) calc(var(--elev-y) * 2) calc(var(--elev-blur) * 2) rgba(8,12,18,var(--elev-alpha)),-12px -12px 28px #ffffff0a,inset 1px 1px #ffffff14,inset -1px -1px #00000061;padding:0 var(--panel-inline-pad) 0;animation:panel-in .46s ease-out both;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .22s ease}.panel-dock[data-ui-hidden=true] .panel{transform:translate(calc(-100% - 1.1rem)) scale(var(--ui-scale));opacity:.95;pointer-events:none}.ui-visibility-btn{position:absolute;top:clamp(.7rem,calc(.84rem * var(--ui-scale)),1.14rem);left:clamp(.28rem,calc(.36rem * var(--ui-scale)),.58rem);width:var(--ui-hide-btn-size);min-height:var(--ui-hide-btn-size);height:var(--ui-hide-btn-size);padding:0;border-radius:var(--radius-button);text-transform:none;letter-spacing:0;line-height:1;white-space:normal;display:flex;align-items:center;justify-content:center;text-align:center;z-index:8;transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .16s ease,border-color .16s ease,color .16s ease}.ui-visibility-icon{position:relative;display:block;width:clamp(1rem,calc(1.08rem * var(--ui-scale)),1.3rem);height:clamp(.68rem,calc(.78rem * var(--ui-scale)),.97rem);color:currentColor}.ui-visibility-icon:before,.ui-visibility-icon:after{content:"";position:absolute;left:0;width:100%;height:2px;border-radius:999px;background:currentColor}.ui-visibility-icon:before{top:0;box-shadow:0 calc(.32rem * var(--ui-scale)) 0 currentColor}.ui-visibility-icon:after{bottom:0}.panel-dock[data-ui-hidden=true] .ui-visibility-btn{transform:translate(.16rem)}.hint-row{transition:opacity .18s ease,transform .18s ease}[data-ui-hidden=true] .hint-row{opacity:0;pointer-events:none;animation:none}.panel-head{flex:0 0 auto;position:relative;overflow:hidden;z-index:4;border-radius:calc(var(--radius-panel) - 1px) calc(var(--radius-panel) - 1px) clamp(12px,calc(var(--radius-panel) * .64),22px) clamp(12px,calc(var(--radius-panel) * .64),22px);border:1px solid rgba(138,157,188,.24);border-bottom-color:#8a9dbc4d;background:linear-gradient(165deg,var(--panel-head-color),color-mix(in srgb,var(--panel-head-color) 65%,#0f1621));padding:.84rem 1.22rem .54rem;box-shadow:0 16px 24px -14px #060a10db,0 6px 10px -6px #060a10b8,inset 1px 1px #ffffff0a,inset -1px -1px #0000005c;filter:brightness(var(--head-folder-lightness));margin-left:calc(var(--panel-inline-pad) * -1);margin-right:calc(var(--panel-inline-pad) * -1);margin-bottom:0}.panel::-webkit-scrollbar{width:0;height:0;background:transparent}.panel-scrollbar{position:absolute;top:var(--ui-scrollbar-top-offset);bottom:var(--ui-scrollbar-bottom-offset);right:var(--ui-scrollbar-right-offset);width:var(--ui-scrollbar-size);pointer-events:auto;z-index:6}.panel-scrollbar[data-hidden=true]{opacity:0}.panel-scrollbar-thumb{position:absolute;inset:0 auto auto 0;width:100%;min-height:var(--ui-scrollbar-thumb-min);border-radius:999px;border:1px solid var(--line);background:var(--ui-scrollbar-color);box-shadow:none;transform:translateY(0);cursor:grab;touch-action:none}.panel-scrollbar-thumb[data-dragging=true]{cursor:grabbing}.title{margin:0 0 .58rem;font-family:Rajdhani,Sora,sans-serif;font-size:clamp(1.62rem,3.4vw,2.04rem);letter-spacing:.06em;line-height:.95;text-transform:uppercase;text-align:center}.project-description{margin:0 0 .64rem;display:flex;flex-direction:column;gap:.36rem;align-items:center;text-align:center}.project-description-line{margin:0;color:#b5c1d6;font-size:.72rem;line-height:1.22}.subtitle{margin:.45rem 0 1rem;color:var(--muted);font-size:.78rem;letter-spacing:.02em}.action-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.58rem}.action-row button,.action-row .file-button span{white-space:nowrap;line-height:1;font-size:.74rem}.file-button{position:relative;display:inline-flex}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-button span,button{border-radius:var(--radius-button);border:1px solid var(--line);font:inherit;font-size:.78rem;color:var(--text);background:linear-gradient(165deg,var(--surface-hi),var(--surface-lo));padding:.64rem .72rem;cursor:pointer;transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease,color .13s ease;box-shadow:var(--elev-x) var(--elev-y) var(--elev-blur) rgba(9,14,22,var(--elev-alpha)),-4px -4px 10px #ffffff09,inset 1px 1px #ffffff0a}.file-button span{width:100%;display:flex;justify-content:center;align-items:center}button:hover,.file-button:hover span{border-color:var(--line-strong);color:var(--accent);transform:translateY(-1px);box-shadow:9px 9px 16px #070b12bf,-6px -6px 12px #ffffff09,inset 1px 1px #ffffff0f}button:active,button[data-active=true]{transform:translateY(0);border-color:var(--accent);color:var(--accent);background:linear-gradient(165deg,#1c2330,#171d27);box-shadow:inset 4px 4px 10px #060a10bf,inset -4px -4px 10px #ffffff08}button:disabled{opacity:.52;cursor:not-allowed;transform:none}.meter-row{margin-top:.82rem;display:grid;grid-template-columns:auto 1fr;gap:.58rem;align-items:center}.meter-row>button{display:flex;align-items:center;justify-content:center}.playback-bars{display:grid;grid-template-rows:11px 11px;row-gap:6px;width:100%;min-height:100%;align-content:center}.seek-slider{display:block;width:100%;height:11px;margin:0;border-radius:999px;box-sizing:border-box;appearance:none;outline:none;border:1px solid var(--line);padding:2px;--seek-progress: 0%;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,#ffffff) 0%,var(--accent) var(--seek-progress),var(--meter-bg-hi) var(--seek-progress),var(--meter-bg-lo) 100%) content-box,linear-gradient(180deg,var(--meter-bg-hi),var(--meter-bg-lo)) padding-box;background-clip:content-box,padding-box;background-origin:border-box;box-shadow:inset 4px 4px 9px #060a10b3,inset -3px -3px 8px #ffffff08}.seek-slider::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border-radius:50%;border:1px solid rgba(128,153,193,.52);background:linear-gradient(165deg,#38485f,#1a2534 62%,#121b28);box-shadow:5px 5px 10px #060a109e,-2px -2px 6px #ffffff12,inset 1px 1px 1px #ffffff24}.seek-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;border:1px solid rgba(128,153,193,.52);background:linear-gradient(165deg,#38485f,#1a2534 62%,#121b28)}.seek-slider:disabled{opacity:.55;cursor:not-allowed}.meter{margin:0;width:100%;height:11px;box-sizing:border-box;border-radius:999px;border:1px solid var(--line);background:linear-gradient(180deg,var(--meter-bg-hi),var(--meter-bg-lo));overflow:hidden;box-shadow:inset 4px 4px 9px #060a10b3,inset -3px -3px 8px #ffffff08}.meter-fill{width:100%;height:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,white));box-shadow:0 0 16px color-mix(in srgb,var(--accent) 32%,transparent)}.status{margin:.68rem 0 .64rem;min-height:1.15rem;font-size:.74rem;color:#9da8bc;text-align:center}.status[data-kind=error]{color:var(--danger)}.folders-root{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;position:relative;z-index:2}.tabs-nav-slot{margin-top:.16rem}.tabs-nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.42rem}.tab-button{font-size:.69rem;font-weight:600;padding:.48rem .34rem;border-radius:var(--radius-tab);border:1px solid var(--line);background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 86%,#ffffff),color-mix(in srgb,var(--ui-main-color) 68%,#0f1621));color:var(--muted);box-shadow:calc(var(--elev-x) * .6) calc(var(--elev-y) * .6) calc(var(--elev-blur) * .6) rgba(7,11,17,calc(var(--elev-alpha) * .9)),-2px -2px 7px #ffffff08}.tab-button[data-active=true]{color:var(--accent);border-color:var(--line-strong);background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 72%,#0f1621),color-mix(in srgb,var(--ui-main-color) 60%,#0b111a));box-shadow:inset 4px 4px 10px #060a10bf,inset -3px -3px 8px #ffffff08}.tabs-panels{display:block;position:relative;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;padding-top:var(--panel-content-pad-top);padding-bottom:var(--panel-content-pad-bottom);margin-left:calc(var(--panel-inline-pad) * -1);margin-right:calc(var(--panel-inline-pad) * -1);padding-left:var(--panel-inline-pad);padding-right:var(--panel-inline-pad);background:var(--panel-content-bg-color);backdrop-filter:blur(var(--panel-content-blur));-webkit-backdrop-filter:blur(var(--panel-content-blur));scrollbar-width:none;-ms-overflow-style:none}.tabs-panels::-webkit-scrollbar{width:0;height:0}.tab-panel{display:flex;flex-direction:column;gap:var(--menu-section-gap)}.tab-panel[hidden]{display:none}.folder{border:1px solid var(--line);border-radius:var(--radius-folder);background:linear-gradient(160deg,var(--folder-bg-hi),var(--folder-bg-lo));overflow:hidden;box-shadow:var(--elev-x) var(--elev-y) var(--elev-blur) rgba(7,11,18,var(--elev-alpha)),-4px -4px 10px #ffffff07}.folder>summary{padding:.54rem .72rem;cursor:pointer;list-style:none;font-size:.74rem;font-weight:600;letter-spacing:.03em;color:var(--folder-title-color);-webkit-user-select:none;user-select:none;filter:brightness(var(--head-folder-lightness))}.folder>summary::-webkit-details-marker{display:none}.folder[open]>summary{background:linear-gradient(160deg,var(--folder-open-hi),var(--folder-open-lo));box-shadow:inset var(--inner-x) var(--inner-y) var(--inner-blur) rgba(6,9,14,var(--inner-alpha)),inset -2px -2px 6px #ffffff08}.folder-body{padding:.58rem;display:flex;flex-direction:column;gap:.45rem}.mode-group{display:flex;flex-direction:column;gap:.42rem}.mode-group[hidden]{display:none}.control-row{display:grid;grid-template-columns:1fr auto;gap:.3rem .6rem;padding:.45rem .5rem;border-radius:var(--radius-control);border:1px solid rgba(137,156,186,.1);background:linear-gradient(165deg,var(--control-bg-hi),var(--control-bg-lo));box-shadow:inset calc(var(--inner-x) * .66) calc(var(--inner-y) * .66) calc(var(--inner-blur) * .66) rgba(6,10,16,calc(var(--inner-alpha) * .88)),inset -2px -2px 4px #ffffff05}.control-row-pair{display:grid;grid-template-columns:1fr 1fr;gap:.45rem}.control-label{font-size:.69rem;color:var(--muted);letter-spacing:.02em}.control-value{font-size:.69rem;color:var(--accent);font-weight:600}.control-row input[type=range]{grid-column:1 / -1;width:100%;height:12px;border-radius:999px;appearance:none;outline:none;border:1px solid rgba(137,156,186,.13);padding:2px;--range-progress: 0%;background:linear-gradient(90deg,color-mix(in srgb,var(--slider-fill) 82%,white) 0%,var(--slider-fill) var(--range-progress),var(--slider-track-hi) var(--range-progress),var(--slider-track-lo) 100%) content-box,linear-gradient(180deg,var(--slider-shell-hi),var(--slider-shell-lo)) padding-box;background-clip:content-box,padding-box;background-origin:border-box;box-shadow:inset 3px 3px 7px #060a10b8,inset -2px -2px 5px #ffffff05}.control-row input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border-radius:50%;border:1px solid rgba(128,153,193,.52);background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 76%,#3f4f68),color-mix(in srgb,var(--ui-main-color) 60%,#1a2534) 62%,#121b28);box-shadow:7px 7px 12px #060a109e,-3px -3px 8px #ffffff12,inset 1px 1px 1px #ffffff24,inset -2px -2px 3px #0000005c,0 0 0 1px #0000003d}.control-row input[type=range]::-moz-range-thumb{width:17px;height:17px;border-radius:50%;border:1px solid rgba(128,153,193,.52);background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 76%,#3f4f68),color-mix(in srgb,var(--ui-main-color) 60%,#1a2534) 62%,#121b28);box-shadow:7px 7px 12px #060a109e,-3px -3px 8px #ffffff12,inset 1px 1px 1px #ffffff24,inset -2px -2px 3px #0000005c,0 0 0 1px #0000003d}.control-select{grid-column:1 / -1;position:relative;width:100%}.control-select-trigger{width:100%;min-height:2rem;border-radius:var(--radius-field);border:1px solid rgba(137,156,186,.18);background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 56%,#0f1621),color-mix(in srgb,var(--ui-main-color) 42%,#0a1119));color:var(--text);padding:.36rem 1.36rem .36rem .45rem;font:inherit;font-size:.72rem;line-height:1.2;text-align:left;display:block;position:relative;box-shadow:inset 3px 3px 7px #060a10b3,inset -2px -2px 5px #ffffff05;transition:border-color .13s ease,box-shadow .13s ease,color .13s ease}.control-select-trigger:after{content:"";position:absolute;top:50%;right:.5rem;width:.42rem;height:.42rem;border-right:2px solid color-mix(in srgb,var(--text) 86%,transparent);border-bottom:2px solid color-mix(in srgb,var(--text) 86%,transparent);transform:translateY(-58%) rotate(45deg);transition:transform .14s ease}.control-select[data-open=true] .control-select-trigger:after{transform:translateY(-36%) rotate(225deg)}.control-select-trigger:hover{transform:none;border-color:var(--line-strong);color:var(--accent);box-shadow:inset 3px 3px 7px #060a10ad,inset -2px -2px 5px #ffffff07,0 0 0 1px #8faed614}.control-select-trigger:active{transform:none;border-color:#899cba33;color:var(--text);background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 52%,#101722),color-mix(in srgb,var(--ui-main-color) 40%,#090f17));box-shadow:inset 3px 3px 7px #060a10b8,inset -2px -2px 5px #ffffff06}.control-select-trigger:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.control-select-value{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.control-select-menu{position:absolute;left:0;right:0;top:calc(100% + .28rem);z-index:40;display:flex;flex-direction:column;gap:.14rem;padding:.24rem;border-radius:var(--radius-control);border:1px solid rgba(137,156,186,.24);background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 68%,#101722),color-mix(in srgb,var(--ui-main-color) 52%,#0a1119));box-shadow:10px 10px 18px #070b12c7,-6px -6px 14px #ffffff08,inset 1px 1px #ffffff0d}.control-select[data-open=false] .control-select-menu{display:none}.control-select-option{width:100%;border-radius:calc(var(--radius-field) - 2px);border:1px solid transparent;background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 56%,#111925),color-mix(in srgb,var(--ui-main-color) 44%,#0d1420));color:var(--text);padding:.34rem .42rem;font:inherit;font-size:.72rem;line-height:1.2;text-align:left;box-shadow:none;transition:border-color .12s ease,color .12s ease,background .12s ease}.control-select-option:hover,.control-select-option:active{transform:none;border-color:var(--line-strong);color:var(--accent);box-shadow:none}.control-select-option[data-selected=true]{border-color:color-mix(in srgb,var(--accent) 46%,transparent);color:var(--accent);background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 52%,#1d2b3e),color-mix(in srgb,var(--ui-main-color) 41%,#101c2b))}.control-select-option:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.control-text,.control-textarea{grid-column:1 / -1;width:100%;border-radius:var(--radius-field);border:1px solid rgba(137,156,186,.18);background:linear-gradient(165deg,color-mix(in srgb,var(--ui-main-color) 56%,#0f1621),color-mix(in srgb,var(--ui-main-color) 42%,#0a1119));color:var(--text);padding:.4rem .5rem;font:inherit;font-size:.72rem;box-shadow:inset 3px 3px 7px #060a10b3,inset -2px -2px 5px #ffffff05}.control-text{min-height:2rem}.control-textarea{min-height:4.3rem;resize:vertical;line-height:1.3}.control-text::placeholder,.control-textarea::placeholder{color:color-mix(in srgb,var(--text) 56%,transparent)}.control-text:focus-visible,.control-textarea:focus-visible{outline:1px solid var(--accent);outline-offset:1px}.control-row input[type=color]{grid-column:1 / -1;width:100%;min-height:2rem;border-radius:var(--radius-field);border:1px solid rgba(137,156,186,.2);background:linear-gradient(165deg,#1d2431,#171d28);padding:.2rem .28rem;cursor:pointer;box-shadow:inset 3px 3px 7px #060a10b3,inset -2px -2px 5px #ffffff05}.texture-input-row{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center}.texture-file-button span{min-width:7.2rem;padding:.48rem .68rem}.texture-file-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;color:var(--text)}.texture-clear-button{padding:.5rem .72rem}.checkbox-row{display:inline-flex;align-items:center;gap:.56rem;color:var(--muted);font-size:.72rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.checkbox-toggle{position:relative;width:2.08rem;height:1.12rem;border-radius:999px;border:1px solid rgba(137,156,186,.2);background:linear-gradient(165deg,#1d2431,#171d28);box-shadow:inset 3px 3px 7px #060a10b8,inset -2px -2px 5px #ffffff05;transition:border-color .15s ease,box-shadow .15s ease}.checkbox-toggle:after{content:"";position:absolute;top:50%;left:.12rem;width:.78rem;height:.78rem;border-radius:50%;transform:translateY(-50%);border:1px solid rgba(161,178,204,.3);background:linear-gradient(160deg,#303949,#212837);box-shadow:4px 4px 8px #080c12a3,-2px -2px 6px #ffffff08;transition:transform .15s ease,box-shadow .15s ease}.checkbox-input:checked+.checkbox-toggle{border-color:var(--accent)}.checkbox-input:checked+.checkbox-toggle:after{transform:translate(.94rem,-50%);box-shadow:4px 4px 8px #080c12a3,-2px -2px 6px #ffffff0a,0 0 0 1px var(--accent)}.checkbox-input:focus-visible+.checkbox-toggle{outline:1px solid var(--accent);outline-offset:2px}.checkbox-label{color:var(--muted)}.hint-row{position:absolute;top:clamp(.55rem,calc(.7rem * var(--ui-scale)),1rem);left:var(--hint-center-x);transform-origin:top center;transform:translate(-50%) scale(var(--ui-scale));display:block;pointer-events:none;padding:0;animation:panel-in .62s ease-out both}.fps-readout{position:absolute;top:0;right:calc(100% + .52rem);width:7.2ch;text-align:right;color:#c4cfdf;font-size:.72rem;line-height:1;letter-spacing:.01em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";white-space:nowrap}.hint{display:block;color:#b5c1d6;font-size:.72rem;line-height:1;text-align:center;white-space:nowrap}@keyframes panel-in{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@media(max-width:860px){.overlay{padding:.66rem;gap:.5rem}.panel-dock{--ui-hide-btn-size: clamp(2.24rem, calc(2.62rem * var(--ui-scale)), 2.97rem)}.panel{width:100%;max-height:calc((100vh - 1.34rem) / var(--ui-scale))}.ui-visibility-btn{top:clamp(.6rem,calc(.76rem * var(--ui-scale)),1.02rem);left:clamp(.18rem,calc(.26rem * var(--ui-scale)),.44rem)}.action-row{grid-template-columns:1fr}.hint-row{top:.5rem}}