:root{--bg:#050608;--ink:#f3efe7;--ink-soft:#f3efe7bd;--muted:#e6e5e16e;--muted-2:#e6e5e142;--line:#ffffff16;--line-strong:#ffffff24;--accent:#e9c7a7;--accent-soft:#e9c7a72e;--cyan:#a9d8d4;--glass:#101318b8;--glass-deep:#0a0c10db;--shadow:0 26px 80px #0000008c, 0 4px 24px #00000059;--ease:cubic-bezier(.22, .8, .24, 1);--font:"Aptos", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei UI", "Noto Sans SC", sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;-webkit-user-select:none;user-select:none;margin:0;font-size:13px;line-height:1.5;overflow:hidden}body:after{content:"";z-index:60;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.62'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.22;pointer-events:none}svg{width:18px;height:18px;display:block}#scene-canvas{z-index:0;width:100%;height:100%;transition:filter .6s var(--ease);outline:none;display:block;position:fixed;inset:0}body.is-2d #scene-canvas{visibility:hidden;opacity:0}#app{z-index:3;pointer-events:none;position:fixed;inset:0}.flat-layer{z-index:2;opacity:1;visibility:hidden;pointer-events:none;position:absolute;inset:0}body.is-2d .flat-layer{opacity:1;visibility:visible;pointer-events:auto}.flat-canvas{touch-action:none;cursor:default;width:100%;height:100%;display:block}.ambient{filter:blur(90px);opacity:.24;pointer-events:none;z-index:0;transition:opacity .5s var(--ease);border-radius:50%;position:absolute}.ambient-a{background:radial-gradient(circle,#79b4be47,#0000 68%);width:30vw;min-width:280px;height:30vw;min-height:280px;bottom:-10vw;left:-6vw}.ambient-b{background:radial-gradient(circle,#e4a8802e,#0000 70%);width:34vw;min-width:300px;height:34vw;min-height:300px;top:-12vw;right:-8vw}body.is-2d .ambient{opacity:0}.topbar{z-index:30;pointer-events:none;height:50px;transition:opacity .35s var(--ease), transform .35s var(--ease);align-items:center;padding:0 22px;display:flex;position:fixed;top:18px;left:0;right:0}.topbar>*{pointer-events:auto}.mark{opacity:.92;flex:0 0 34px;width:34px;height:34px;margin-right:16px;position:relative}.mark-layer{border-radius:5px;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.mark-1{background:linear-gradient(135deg,#fff7edcc,#e2c8ae29);box-shadow:0 0 24px #efd1b333}.mark-2{background:0 0;border:1px solid #efdecb33;width:24px;height:24px;transform:translate(-50%,-50%)rotate(45deg)scale(1.28)}.mark-3{background:#f5ebe0e6;width:7px;height:7px;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 10px #fff1e180}.view-switch{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.2);background:#0d101499;border-radius:999px;gap:2px;padding:4px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 12px 40px #00000047}.view-btn{height:32px;color:var(--muted);letter-spacing:.08em;transition:color .2s var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:11.5px;display:flex}.view-btn svg{width:15px;height:15px}.view-btn:hover{color:var(--ink-soft)}.view-btn.is-active{color:var(--ink);background:#ffffff14;box-shadow:inset 0 0 0 1px #fff5e60f,0 4px 16px #00000038}.top-actions{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(1.2);background:#0d101499;border-radius:999px;align-items:center;gap:1px;margin-left:auto;padding:5px;display:flex;box-shadow:0 12px 40px #00000042}.icon-btn{color:#f2eee79e;width:34px;height:34px;transition:color .22s var(--ease), background .22s var(--ease), transform .22s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.icon-btn svg{width:17px;height:17px}.icon-btn:hover{color:var(--ink);background:#fff1}.icon-btn:active{transform:scale(.92)}.icon-btn.is-disabled{opacity:.26;pointer-events:none}.top-divider{background:var(--line);width:1px;height:16px;margin:0 5px}.hud-reveal{z-index:35;border:1px solid var(--line);color:#ffffffa3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;background:#0d101470;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:none;position:fixed;top:24px;right:24px}.hud-reveal:hover{color:var(--ink);background:#1c2026bf}body.ui-hidden .topbar,body.ui-hidden .inspector,body.ui-hidden .tool-rail,body.ui-hidden .stage-dock,body.ui-hidden .selection-bar,body.ui-hidden .export-menu{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}body.ui-hidden .hud-reveal{opacity:.5;pointer-events:auto;display:flex}body.ui-hidden:hover .hud-reveal,body.ui-hidden .hud-reveal:hover{opacity:1}.tool-rail{z-index:26;border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px)saturate(1.2);opacity:0;pointer-events:none;background:#0b0e12a3;border-radius:20px;flex-direction:column;align-items:center;gap:2px;padding:7px;display:none;position:fixed;top:50%;left:20px;transform:translate(-16px,-50%)}body.is-2d .tool-rail{opacity:1;pointer-events:auto;display:flex;transform:translateY(-50%)}.tool-group{flex-direction:column;gap:2px;display:flex}.tool-sep{background:var(--line);width:22px;height:1px;margin:5px 0}.tool-btn{color:#f0ece480;width:40px;height:40px;transition:color .22s var(--ease), background .22s var(--ease), box-shadow .22s var(--ease);border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.tool-btn svg{width:19px;height:19px}.tool-btn:hover{color:#ffffffe0;background:#ffffff0d}.tool-btn.is-active{color:#f7ead9;background:#fff4e614;box-shadow:inset 0 0 0 1px #f8e2c91a,0 6px 20px #00000026}.tool-btn.is-active:before{content:"";background:linear-gradient(180deg, var(--accent), #e9c7a726);border-radius:2px;width:2px;height:16px;position:absolute;top:50%;left:-8px;transform:translateY(-50%);box-shadow:0 0 12px #e9c7a773}.inspector{z-index:28;pointer-events:none;width:354px;transition:opacity .35s var(--ease), transform .4s var(--ease);position:fixed;top:82px;bottom:18px;right:18px}.inspector-glass{height:100%;box-shadow:var(--shadow), inset 0 1px 0 #ffffff0e;-webkit-backdrop-filter:blur(28px)saturate(1.15);pointer-events:auto;background:linear-gradient(160deg,#1f23299e,#090b0fdb 54%,#0b0d11eb),#0b0d11db;border:1px solid #ffffff18;border-radius:26px;flex-direction:column;display:flex;position:relative;overflow:hidden}.inspector-glass:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(120% 45% at 80% 0,#f0c6a112,#0000 56%);position:absolute;inset:0}.tab-bar{z-index:1;border-bottom:1px solid #ffffff12;grid-template-columns:repeat(5,1fr);padding:8px 8px 0;display:grid;position:relative}.tab-btn{color:#ece8e061;transition:color .22s var(--ease), background .22s var(--ease);border-radius:14px 14px 0 0;flex-direction:column;align-items:center;gap:5px;padding:10px 0 9px;display:flex;position:relative}.tab-btn .tab-icon{transition:transform .3s var(--ease);display:block}.tab-btn svg{width:17px;height:17px}.tab-btn .tab-label{letter-spacing:.14em;font-size:10px;line-height:1}.tab-btn:hover{color:#f4f0e9b3}.tab-btn.is-active{color:#faf3eaf0;background:linear-gradient(#ffffff0b,#fff0)}.tab-btn.is-active:after{content:"";background:linear-gradient(90deg, #e9c7a700, var(--accent), #e9c7a700);border-radius:2px;width:22px;height:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #e9c7a780}.tab-btn.is-active .tab-icon{transform:translateY(-1px)}.inspector-body{z-index:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff29 transparent;flex:1;padding:20px 18px 26px;position:relative;overflow-y:auto}.inspector-body::-webkit-scrollbar{width:4px}.inspector-body::-webkit-scrollbar-thumb{background:#ffffff21;border-radius:4px}.inspector-body::-webkit-scrollbar-track{background:0 0}.inspector-foot{z-index:1;background:#0507092e;border-top:1px solid #fff1;align-items:center;gap:3px;padding:7px 12px;display:flex;position:relative}.foot-action{width:32px;height:30px;color:var(--muted);transition:color .22s var(--ease), background .22s var(--ease);border-radius:9px;justify-content:center;align-items:center;display:flex}.foot-action:last-child{margin-left:auto}.foot-action svg{width:16px;height:16px}.foot-action:hover,.foot-action.is-on{color:var(--ink);background:#ffffff0e}.panel-section{margin-bottom:25px}.panel-section:last-child{margin-bottom:4px}.section-head{align-items:center;gap:8px;margin-bottom:13px;display:flex}.section-head h3{letter-spacing:.18em;color:#f2ebe180;text-transform:none;margin:0;font-size:10.5px;font-weight:500}.section-head:after{content:"";background:linear-gradient(90deg,#ffffff13,#fff0);flex:1;height:1px}.control-row{cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:4px 12px;margin-bottom:15px;display:grid}.control-label{letter-spacing:.04em;color:#f5efe7a1;font-size:11.5px}.control-value{font-variant-numeric:tabular-nums;color:#f7e7d3d6;letter-spacing:.02em;text-align:right;min-width:44px;font-size:10.5px}.range{appearance:none;cursor:ew-resize;--fill:0%;background:0 0;grid-column:1/-1;width:100%;height:16px;margin:2px 0 0;padding:0}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, #e9c7a7cc 0%, #e9c7a7cc var(--fill), #ffffff1c var(--fill), #ffffff1c 100%);border-radius:2px;height:2px}.range::-moz-range-track{background:#ffffff1c;border-radius:2px;height:2px}.range::-moz-range-progress{background:#e9c7a7cc;border-radius:2px;height:2px}.range::-webkit-slider-thumb{appearance:none;width:11px;height:11px;transition:transform .18s var(--ease), box-shadow .18s var(--ease);background:#f7eadb;border-radius:50%;margin-top:-4.5px;box-shadow:0 0 0 3px #e9c7a71c,0 2px 8px #00000080}.range::-moz-range-thumb{background:#f7eadb;border:0;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 3px #e9c7a71c}.range:hover::-webkit-slider-thumb{transform:scale(1.22);box-shadow:0 0 0 5px #e9c7a721,0 2px 10px #0000008c}.range:focus-visible{outline:none}.compact-control{margin-bottom:12px}.switch-row{text-align:left;justify-content:space-between;align-items:center;width:100%;margin:4px 0 8px;padding:4px 0;display:flex}.switch{width:32px;height:18px;transition:background .25s var(--ease), border-color .25s var(--ease);background:#ffffff0e;border:1px solid #ffffff1a;border-radius:999px;position:relative}.switch span{width:11px;height:11px;transition:transform .26s var(--ease), background .26s var(--ease), box-shadow .26s var(--ease);background:#ffffff73;border-radius:50%;position:absolute;top:50%;left:3px;transform:translateY(-50%)}.switch.is-on{background:#e9c7a733;border-color:#e9c7a747}.switch.is-on span{background:#f6e2ca;transform:translate(14px,-50%);box-shadow:0 0 10px #f6e2ca73}.outline-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:10px;display:grid}.shape-layer-context{align-items:center;gap:10px;margin-bottom:16px;display:flex}.shape-layer-context>.control-label{color:var(--muted);flex:none;font-size:10px}.shape-layer-context .panel-tabs{flex:1;justify-content:flex-end}.outline-option{height:58px;color:var(--muted);transition:all .22s var(--ease);background:#ffffff05;border:1px solid #fff1;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.outline-option span{display:flex}.outline-option svg{width:18px;height:18px}.outline-option em{color:#f3ece375;font-size:9.5px;font-style:normal}.outline-option:hover{color:var(--ink-soft);background:#ffffff09}.outline-option.is-active{color:#f7ead9;background:#e9c7a712;border-color:#e9c7a742;box-shadow:inset 0 1px #ffffff0d}.outline-option.is-active em{color:#faefe2d1}.inline-action{color:var(--accent);background:#e9c7a70f;border:1px solid #e9c7a721;border-radius:10px;align-items:center;gap:6px;margin:2px 0 12px;padding:7px 10px;font-size:10.5px;display:inline-flex}.inline-action svg{width:14px;height:14px}.region-stack{gap:6px;margin:10px 0 4px;display:grid}.region-row{background:#ffffff06;border:1px solid #ffffff12;border-radius:9px;grid-template-columns:auto 1fr 44px 20px;align-items:center;gap:8px;padding:7px 8px;display:grid}.region-row .control-label{font-size:10px}.region-row .control-value{color:var(--text-dim);text-align:right;font-size:10px}.region-row .range{min-width:0}.region-row .mini-icon{width:18px;height:18px}.quick-row{grid-template-columns:repeat(3,1fr);gap:6px;margin-top:16px;margin-bottom:14px;display:grid}.quick-row.two{grid-template-columns:repeat(2,1fr);margin-bottom:6px}.quick-btn{height:38px;color:var(--ink-soft);transition:all .2s var(--ease);background:#ffffff06;border:1px solid #ffffff13;border-radius:11px;justify-content:center;align-items:center;gap:6px;font-size:10.5px;display:flex}.quick-btn svg{width:15px;height:15px}.quick-btn:hover{color:var(--ink);background:#ffffff0b;border-color:#ffffff24}.choice-grid{gap:6px;display:grid}.choice-grid.four{grid-template-columns:repeat(4,1fr)}.choice{min-height:56px;color:var(--muted);transition:all .22s var(--ease);background:#ffffff05;border:1px solid #fff1;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.choice-icon{display:flex}.choice svg{width:18px;height:18px}.choice em{font-size:9.5px;font-style:normal}.choice:hover{color:var(--ink-soft);background:#ffffff09}.choice.is-active{color:#f7ead9;background:#e9c7a711;border-color:#e9c7a73d}.choice.compact{border-radius:10px;min-height:34px}.choice.compact em{font-size:10.5px}.swatch-line{align-items:center;gap:9px;margin:11px 0 15px;display:flex}.base-material-grid{grid-template-columns:repeat(5,1fr);gap:4px;margin:12px 0 15px;display:grid}.base-material{color:var(--muted);border-radius:10px;flex-direction:column;align-items:center;gap:5px;padding:4px 0;display:flex}.base-material .swatch{width:24px;height:24px}.base-material em{color:#f3ece373;font-size:8.5px;font-style:normal}.base-material.is-active{color:var(--ink);background:#e9c7a70f}.base-material.is-active em{color:#faefe2cc}.base-material.is-active .swatch{border-color:#fae6ce99;box-shadow:0 0 0 2px #e9c7a714}.swatch-line.soft{margin:4px 0 0}.swatch{width:26px;height:26px;transition:transform .2s var(--ease), border-color .2s var(--ease);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex}.swatch span{background:linear-gradient(135deg, #ffffff73, #fff0 55%), var(--swatch);border-radius:50%;width:100%;height:100%;box-shadow:inset 0 0 0 1px #ffffff21}.swatch:hover{transform:scale(1.08)}.swatch.is-active{border-color:#fae6ce99;box-shadow:0 0 0 2px #e9c7a714}.material-grid{grid-template-columns:repeat(4,1fr);gap:8px 4px;display:grid}.material-option{color:var(--muted);flex-direction:column;align-items:center;gap:6px;padding:2px 0;display:flex}.material-orb{background:radial-gradient(circle at 31% 26%, #ffffffe6, #ffffff0f 34%, #00000038 74%), var(--orb);width:31px;height:31px;transition:transform .25s var(--ease), box-shadow .25s var(--ease);border-radius:50%;position:relative;box-shadow:inset 0 0 0 1px #ffffff24,0 5px 16px #00000047}.material-orb:after{content:"";border:1px solid #ffffff29;border-radius:50%;position:absolute;inset:6px}.material-option em{font-size:9.5px;font-style:normal}.material-option:hover .material-orb{transform:translateY(-2px)}.material-option.is-active{color:var(--ink)}.material-option.is-active .material-orb{transform:translateY(-2px)scale(1.04);box-shadow:inset 0 0 0 1px #ffffff38,0 0 0 2px #e9c7a729,0 8px 20px #00000059}.tint-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.color-well{cursor:pointer;border:1px solid #ffffff2b;border-radius:50%;width:30px;height:30px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #080a0dcc}.color-well input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.color-well span{background:#d9f1ff;width:100%;height:100%;display:block}.film-grid{grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:16px;display:grid}.film-option{color:var(--muted);flex-direction:column;align-items:center;gap:5px;display:flex}.film-chip{background:var(--film);width:100%;height:25px;transition:transform .22s var(--ease), box-shadow .22s var(--ease);border:1px solid #ffffff17;border-radius:7px;box-shadow:inset 0 1px #ffffff24}.film-option em{font-size:9px;font-style:normal}.film-option:hover .film-chip{transform:translateY(-1px)}.film-option.is-active{color:var(--ink)}.film-option.is-active .film-chip{box-shadow:0 0 0 1px #f7e7d1b3,0 0 16px #e7cbac2b}.segment{background:#ffffff06;border:1px solid #ffffff12;border-radius:12px;gap:2px;padding:3px;display:flex}.segment.four{grid-template-columns:repeat(4,1fr);display:grid}.segment-btn{height:34px;color:var(--muted);transition:all .22s var(--ease);border-radius:9px;font-size:10.5px}.segment-btn:hover{color:var(--ink-soft);background:#ffffff09}.segment-btn.is-active{color:#f8ecdc;background:#ffffff13;box-shadow:inset 0 0 0 1px #ffffff0f}.light-grid{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.light-option{color:var(--muted);flex-direction:column;align-items:center;gap:5px;display:flex}.light-orb{width:35px;height:35px;transition:all .25s var(--ease);background:#ffffff08;border:1px solid #ffffff17;border-radius:50%;justify-content:center;align-items:center;display:flex}.light-orb svg{width:17px;height:17px}.light-option[data-light=studio] .light-orb{background:radial-gradient(circle at 32% 22%,#fff1d666,#ffeed005 70%)}.light-option[data-light=dusk] .light-orb{background:radial-gradient(circle at 32% 22%,#ffa87c59,#5543961f 70%)}.light-option[data-light=neon] .light-orb{background:radial-gradient(circle at 32% 22%,#ff5fb552,#3ee6ff24 70%)}.light-option[data-light=moon] .light-orb{background:radial-gradient(circle at 32% 22%,#daebff59,#4a6caa21 70%)}.light-option[data-light=gallery] .light-orb{background:radial-gradient(circle at 32% 22%,#f5e7cf59,#827e761f 70%)}.light-option em{font-size:9px;font-style:normal}.light-option:hover .light-orb{border-color:#ffffff2e}.light-option.is-active{color:var(--ink)}.light-option.is-active .light-orb{border-color:#e9c7a766;box-shadow:0 0 0 2px #e9c7a712,0 0 22px #e9c7a71a}.layer-context{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.layer-side{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:3px;display:flex}.side-btn{height:28px;color:var(--muted);transition:all .22s var(--ease);border-radius:7px;padding:0 10px;font-size:10.5px}.side-btn.is-active{color:var(--ink);background:#ffffff12}.panel-tabs{scrollbar-width:none;gap:3px;min-width:0;display:flex;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.panel-tab{white-space:nowrap;height:28px;color:var(--muted);transition:all .22s var(--ease);border:1px solid #0000;border-radius:8px;padding:0 8px;font-size:9.5px}.panel-tab:hover{color:var(--ink-soft)}.panel-tab.is-active{color:var(--accent);background:#e9c7a70d;border-color:#e9c7a729}.layer-toolbar{background:#ffffff05;border:1px solid #ffffff0f;border-radius:11px;align-items:center;gap:3px;margin-bottom:10px;padding:5px;display:flex}.layer-toolbar .icon-btn{border-radius:8px;width:28px;height:28px}.layer-toolbar .icon-btn svg{width:14px;height:14px}.layer-toolbar .icon-btn.danger:hover{color:#ffb7a9;background:#ff786414}.toolbar-space{flex:1}.layer-list{flex-direction:column;gap:3px;margin-bottom:15px;display:flex}.layer-row{cursor:pointer;min-height:47px;transition:background .2s var(--ease), border-color .2s var(--ease), opacity .2s var(--ease);border:1px solid #0000;border-radius:11px;align-items:center;gap:8px;padding:5px 7px;display:flex}.layer-row:hover{background:#ffffff07}.layer-row.is-active{background:#fff4e70b;border-color:#e9c7a721}.layer-row.is-hidden{opacity:.46}.row-eye,.row-lock{color:#f1eae052;flex:0 0 20px;justify-content:center;align-items:center;width:20px;height:26px;display:flex}.row-eye:hover,.row-lock:hover{color:#f5ece0cc}.row-eye svg,.row-lock svg{width:14px;height:14px}.layer-thumb{background:#0b0d11;border:1px solid #ffffff14;border-radius:8px;flex:0 0 38px;width:38px;height:38px;overflow:hidden}.layer-thumb img{object-fit:cover;opacity:.94;width:100%;height:100%;display:block}.thumb-empty{background-image:linear-gradient(45deg,#ffffff17 25%,#0000 25%),linear-gradient(-45deg,#ffffff17 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff17 75%),linear-gradient(-45deg,#0000 75%,#ffffff17 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;width:100%;height:100%;display:block}.layer-name-input{color:#f3ece2;background:#ffffff0f;border:1px solid #e9c7a752;border-radius:5px;outline:none;width:100%;min-width:40px;padding:2px 5px;font-family:inherit;font-size:11px}.layer-side-tag{color:#f0e8de9e;background:#ffffff12;border-radius:4px;flex:none;padding:2px 4px;font-size:9px;line-height:1}.layer-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.layer-meta em{color:#f4eee6c7;font-size:11px;font-style:normal}.layer-meta span{color:#f0e5d852;white-space:nowrap;text-overflow:ellipsis;min-height:12px;font-size:9px;overflow:hidden}.layer-detail,.cutout-detail{background:#0000001f;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:16px;padding:12px 12px 10px}.layer-detail-head{color:var(--ink-soft);align-items:center;gap:7px;margin-bottom:13px;display:flex}.layer-detail-head>span:first-child{color:var(--accent);display:flex}.layer-detail-head svg{width:14px;height:14px}.layer-detail-head em{letter-spacing:.08em;font-size:10.5px;font-style:normal}.detail-spacer{flex:1}.mini-btn{color:var(--muted);border:1px solid #ffffff0f;border-radius:7px;padding:4px 7px;font-size:9px}.mini-btn:hover{color:var(--ink-soft);background:#ffffff0a}.select-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:4px;display:grid}.select-row label{color:var(--muted);flex-direction:column;gap:5px;font-size:10px;display:flex}.select-row select{height:30px;color:var(--ink-soft);appearance:none;background-color:#ffffff09;background-image:linear-gradient(45deg,#0000 50%,#fff6 50%),linear-gradient(135deg,#fff6 50%,#0000 50%);background-position:calc(100% - 12px) 13px,calc(100% - 8px) 13px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #ffffff12;border-radius:8px;outline:none;padding:0 7px;font-size:10px}.detail-more{border-top:1px solid #ffffff0e;margin-top:9px;padding-top:10px}.detail-more summary{cursor:pointer;color:var(--muted);justify-content:space-between;align-items:center;padding:2px 0 8px;font-size:10px;list-style:none;display:flex}.detail-more summary::-webkit-details-marker{display:none}.detail-more summary:after{content:"";border-right:1px solid var(--muted);border-bottom:1px solid var(--muted);width:5px;height:5px;transition:transform .2s var(--ease);transform:rotate(45deg)}.detail-more[open] summary:after{transform:rotate(-135deg)}.cutout-section{margin-top:4px}.cutout-row.is-hidden{opacity:.45}.cutout-row{cursor:pointer;height:38px;transition:all .2s var(--ease);border:1px solid #0000;border-radius:9px;align-items:center;gap:8px;padding:0 8px;display:flex}.cutout-row:hover{background:#ffffff07}.cutout-row.is-active{background:#ff92780b;border-color:#ffa48a2e}.cutout-icon{color:#ffac92b3;display:flex}.cutout-icon svg{width:15px;height:15px}.cutout-row em{color:var(--ink-soft);flex:1;font-size:10.5px;font-style:normal}.cutout-target{color:#ffba9d73;font-size:8.5px}.mini-icon{width:20px;height:20px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;display:flex}.mini-icon:hover{color:#ffc4b4;background:#ff786414}.mini-icon svg{width:11px;height:11px}.selection-bar{z-index:29;-webkit-backdrop-filter:blur(24px)saturate(1.2);opacity:0;visibility:hidden;pointer-events:none;transition:transform .3s var(--ease);background:#0c0f13c2;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:2px;padding:5px;display:flex;position:fixed;top:82px;left:50%;transform:translate(-50%,-7px);box-shadow:0 18px 50px #00000073}.selection-bar.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%)}.selection-bar>button{height:32px;color:var(--ink-soft);transition:all .2s var(--ease);border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:10.5px;display:flex}.selection-bar>button:hover{color:var(--ink);background:#ffffff12}.selection-bar svg{width:14px;height:14px}.selection-bar .selection-close{width:32px;color:var(--muted);justify-content:center;padding:0}.stage-dock{z-index:25;pointer-events:auto;-webkit-backdrop-filter:blur(24px)saturate(1.2);transition:opacity .35s var(--ease), transform .35s var(--ease);background:#0b0e12a3;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:4px;padding:7px 9px;display:flex;position:fixed;bottom:22px;left:calc(50% - 150px);transform:translate(-50%);box-shadow:0 18px 50px #00000061}body.is-2d .stage-dock{opacity:0;pointer-events:none;display:none;transform:translate(-50%,12px)}.dock-lights{align-items:center;gap:3px;display:flex}.dock-orb{color:#f5eee680;width:30px;height:30px;transition:all .24s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.dock-orb span{background:#ffffff06;border:1px solid #ffffff12;border-radius:50%;justify-content:center;align-items:center;width:23px;height:23px;display:flex}.dock-orb svg{width:13px;height:13px}.dock-orb:hover{color:var(--ink);background:#ffffff0a}.dock-orb[data-light=studio] span{background:radial-gradient(circle at 35% 28%,#ffeccc66,#ffffff03 75%)}.dock-orb[data-light=dusk] span{background:radial-gradient(circle at 35% 28%,#ff9a745c,#624faa24 75%)}.dock-orb[data-light=neon] span{background:radial-gradient(circle at 35% 28%,#ff5cb452,#44e6ff24 75%)}.dock-orb[data-light=moon] span{background:radial-gradient(circle at 35% 28%,#daebff59,#5f7ebc21 75%)}.dock-orb[data-light=gallery] span{background:radial-gradient(circle at 35% 28%,#f5e7cf52,#89847a1f 75%)}.dock-orb.is-active{color:#f7e8d7}.dock-orb.is-active span{border-color:#e9c7a766;box-shadow:0 0 0 2px #e9c7a714,0 0 18px #e9c7a724}.dock-sep{background:#ffffff14;width:1px;height:20px;margin:0 3px}.dock-btn{width:30px;height:30px;color:var(--muted);transition:all .22s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:flex}.dock-btn svg{width:15px;height:15px}.dock-btn:hover{color:var(--ink);background:#ffffff0e}.dock-btn.is-active{color:var(--accent)}.drop-veil{z-index:45;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .25s var(--ease);background:#05070a85;border:1px dashed #e9c7a76b;border-radius:24px;justify-content:center;align-items:center;display:flex;position:fixed;inset:12px}.drop-veil.is-visible{opacity:1}.drop-veil span{width:64px;height:64px;color:var(--accent);background:#e9c7a70f;border:1px solid #e9c7a747;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 50px #e9c7a71f}.drop-veil svg{width:26px;height:26px}@media (width<=1180px){.inspector{width:330px;right:14px}.inspector-body{padding-left:16px;padding-right:16px}}@media (width<=980px){.topbar{height:48px;padding:0 12px;top:10px}.mark{flex-basis:30px;width:30px;height:30px;margin-right:4px}.view-switch{flex:none;padding:3px;position:static;transform:none}.view-btn{height:30px;padding:0 10px;font-size:10.5px}.top-actions{margin-left:auto;padding:4px}.icon-btn{width:30px;height:30px}.icon-btn svg{width:15px;height:15px}.top-divider{margin:0 2px}[data-action=fullscreen]{display:none}.inspector{top:auto;left:10px;right:10px;bottom:max(10px, env(safe-area-inset-bottom));width:auto;height:46vh;min-height:250px;max-height:520px}.inspector-glass{border-radius:22px}.tab-bar{padding:6px 6px 0}.tab-btn{padding:8px 0 7px}.inspector-body{padding:16px 15px 22px}.stage-dock{display:none}.tool-rail{scrollbar-width:none;border-radius:16px;max-height:calc(100vh - 170px);padding:5px;top:44%;left:10px;overflow-y:auto}.tool-rail::-webkit-scrollbar{display:none}.tool-btn{border-radius:10px;width:36px;height:36px}.tool-btn svg{width:17px;height:17px}.selection-bar{max-width:calc(100vw - 20px);top:62px;overflow-x:auto}.selection-bar>button{height:30px;padding:0 8px;font-size:10px}.selection-bar>button span{display:none}.selection-bar .selection-close{display:flex}.hud-reveal{top:16px;right:16px}}@media (width<=560px){.mark{display:none}.view-switch{margin-right:6px}.view-btn span{display:none}.view-btn{padding:0 11px}.top-divider{display:none}.outline-grid{gap:4px}.outline-option{height:52px}.material-grid{grid-template-columns:repeat(4,1fr)}.film-grid{grid-template-columns:repeat(5,1fr)}.inspector{height:47vh}}@media (height<=720px) and (width>=981px){.inspector{top:72px;bottom:10px}.inspector-body{padding-top:15px}.panel-section{margin-bottom:20px}.control-row{margin-bottom:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.export-menu{z-index:100;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);pointer-events:auto;opacity:0;visibility:hidden;background:#0f1218f0;border:1px solid #ffffff1a;border-radius:14px;width:186px;padding:6px;transition:opacity .16s,transform .16s,visibility .16s;position:fixed;top:78px;right:390px;transform:translateY(-6px);box-shadow:0 18px 48px #00000073}.export-menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.export-menu button{width:100%;height:36px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:0 10px;font-size:11px;display:flex}.export-menu button:hover{background:#ffffff12}.export-menu button svg{width:16px;height:16px;color:var(--accent)}.export-menu button span{letter-spacing:.02em}.menu-sep{background:#ffffff14;height:1px;margin:5px 8px}@media (width<=980px){.export-menu{top:64px;right:10px}}.flat-tool-options{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:6;color:#d4d8de;white-space:nowrap;background:#111319db;border:1px solid #ffffff17;border-radius:14px;align-items:center;gap:14px;padding:8px 14px;font-size:12px;display:flex;position:absolute;top:134px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.opt-segments{background:#ffffff0d;border-radius:9px;gap:2px;padding:2px;display:flex}.opt-seg{color:#c6cbd3;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:4px 10px;font-size:12px}.opt-seg:hover{color:#ffd9bd}.opt-seg.is-active{color:#ffd9bd;background:#ffcdaa2e}.opt-slider{align-items:center;gap:8px;display:flex}.opt-slider>span{opacity:.75}.opt-slider input[type=range]{accent-color:#ffc9a5;width:104px}.opt-slider em{text-align:right;color:#ffd9bd;font-variant-numeric:tabular-nums;min-width:36px;font-style:normal}.opt-hint{opacity:.5}.hint-text{color:#d6dce480;margin:4px 2px 0;font-size:11px;line-height:1.55}.opt-color{cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:6px;width:30px;height:22px;padding:0}.flat-context-menu{z-index:60;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111319f2;border:1px solid #ffffff1a;border-radius:12px;min-width:172px;max-width:230px;max-height:min(70vh,520px);padding:6px;position:fixed;overflow-y:auto;box-shadow:0 18px 46px #0000008c}.flat-menu-item{text-align:left;color:#e3e6ea;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 12px;font-size:12.5px;display:block}.flat-menu-item:hover{color:#ffd9bd;background:#ffcdaa1f}.flat-menu-item.is-danger{color:#ff9d9d}.flat-menu-item:disabled{opacity:.35;cursor:default}.flat-menu-item:disabled:hover{color:#e3e6ea;background:0 0}.flat-context-menu .menu-sep{margin:5px 4px}@media (width<=980px){.flat-tool-options{gap:8px;padding:6px 10px;font-size:11px;top:126px}.opt-slider input[type=range]{width:76px}}