:root{color-scheme:dark;--page:#151617;--panel:#1d1e20;--line:#343536;--text:#ededeb;--muted:#979b9e;--accent:#d4ad79;--mono:"Cascadia Code","Consolas",monospace;--sans:"Segoe UI","Microsoft YaHei",sans-serif;font-family:var(--sans);font-size:13px;color:var(--text);background:var(--page)}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button, a{touch-action:manipulation}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}button{transition:background .14s,color .14s,border-color .14s}button:hover{background:#ffffff09}button.selected,button[aria-pressed=true]{color:var(--accent)}.inspector{height:100dvh;display:grid;grid-template-columns:288px minmax(0,1fr);grid-template-rows:72px minmax(0,1fr) 124px;grid-template-areas:"header header" "panel stage" "panel transport"}.topbar{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);z-index:4;background:var(--page)}.identity{display:flex;gap:13px;align-items:center;text-decoration:none;color:var(--text);font-size:13px;font-weight:700;letter-spacing:1.5px}.identity-mark{display:grid;place-items:center;width:34px;height:38px;color:var(--accent)}.identity-mark svg{width:31px;height:34px;stroke-width:1.25}.identity-sub{display:block;letter-spacing:3px;font-weight:400;font-size:10px;color:var(--muted);margin-top:5px}.topbar-right{display:flex;align-items:center;gap:24px}.quality{font:11px var(--mono);letter-spacing:1.3px;border:1px solid #6f614d;color:#e1c49f;padding:5px 8px;border-radius:3px}.panel-toggle{display:flex;align-items:center;gap:8px;color:#b8babc;font-size:12px;padding:9px;border-radius:5px}.panel-toggle svg{width:17px;height:17px}.control-panel{grid-area:panel;background:var(--panel);border-right:1px solid var(--line);overflow-y:auto;padding:27px 23px 22px;scrollbar-width:thin;scrollbar-color:#4a4b4d transparent;z-index:3}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:29px}.eyebrow{font:8px var(--mono);letter-spacing:1.6px;color:var(--muted)}h1{font-size:24px;font-weight:600;letter-spacing:2px;margin:10px 0 0}.edition{font:11px var(--mono);color:#777d81;padding-bottom:3px}.control-section{padding-bottom:21px;margin-bottom:20px;border-bottom:1px solid var(--line)}h2{margin:0 0 13px;font-weight:500;font-size:11px;letter-spacing:1px;color:#bdc0c1}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.action{display:grid;grid-template-columns:19px 1fr;align-items:center;text-align:left;gap:6px;border:1px solid #3d3e40;border-radius:5px;padding:11px 9px;position:relative;min-height:57px}.action.selected{border-color:#a4865f;background:#d4ad790c}.action-icon{font-size:20px;line-height:1;color:#7e8487}.action.selected .action-icon{color:var(--accent)}.action>span:nth-child(2){font-size:12px;font-weight:500}.action small{display:block;color:#858b8f;font:9px var(--mono);margin-top:4px}.action-duration{position:absolute;right:7px;bottom:8px;color:#71787c;font:8px var(--mono)}.segmented{display:flex;padding:3px;gap:3px;border:1px solid #3b3d3f;border-radius:5px;background:#151718}.segmented button{flex:1;white-space:nowrap;border-radius:3px;padding:7px 10px;color:#9da2a5;font-size:11px;min-height:30px}.segmented button.selected{background:#383a3b;color:#edece9}.views button{padding:7px 4px}.toggle-row{display:flex;align-items:center;position:relative;justify-content:space-between;cursor:pointer;min-height:36px;color:#bfc2c4;font-size:12px}.toggle-row input{position:absolute;right:0;width:32px;height:20px;opacity:0;cursor:pointer}.switch{width:29px;height:16px;background:#45484a;border-radius:10px;pointer-events:none;position:relative;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;background:#b5b8ba;border-radius:50%;transition:transform .15s}.toggle-row input:checked+.switch{background:#7a6347}.toggle-row input:checked+.switch:after{transform:translateX(13px);background:#edd8bc}.toggle-row input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:4px}.lighting-row{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:12px;color:#bfc2c4}.lighting-row .segmented button{padding:5px 11px}.asset-section{padding-bottom:19px;margin-bottom:18px}.asset-stats{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:0}.asset-stats div{display:flex;flex-direction:column;gap:6px}.asset-stats dt{font-size:10px;color:#848b90}.asset-stats dd{font:13px var(--mono);margin:0;color:#d2d4d4}.export-controls{display:grid;gap:6px}.export-main{display:flex;align-items:center;justify-content:center;gap:9px;background:#d1b188;color:#201d18;border:1px solid #d1b188;border-radius:4px;padding:11px 10px;font-size:12px;font-weight:600}.export-main:hover{background:#e0c29d}.export-main svg{width:15px;height:15px}.export-main span{font:10px var(--mono);margin-left:auto;opacity:.65}.export-action{display:flex;align-items:center;justify-content:space-between;padding:9px 1px;color:#a9b0b4;font-size:11px}.export-action span{font:9px var(--mono);color:#727b80}.stage{grid-area:stage;position:relative;min-height:0;min-width:0;overflow:hidden;background:#191b1e}.stage canvas{width:100%;height:100%;display:block;touch-action:none}.stage-label{position:absolute;left:28px;top:25px;display:flex;align-items:center;gap:8px;color:#d4d7d9;font-size:11px;pointer-events:none}.live-dot{width:5px;height:5px;border-radius:100%;background:#d5b887}.stage-loop{color:#7f888e;border-left:1px solid #475057;padding-left:9px;margin-left:3px;font-size:10px}.frame-button{position:absolute;right:25px;top:19px;width:36px;height:36px;display:grid;place-items:center;color:#a9b1b5;border:1px solid #ffffff15;border-radius:5px;background:#181b1e77}.frame-button svg{width:18px;height:18px}.stage-foot{position:absolute;bottom:20px;left:28px;right:27px;display:flex;justify-content:space-between;font-size:10px;color:#808991;pointer-events:none}.stage-foot>span:last-child{font-family:var(--mono);font-size:9px}.loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;color:#b4b9bc;font-size:12px;background:#17191b}.loading[hidden]{display:none}.loading-ring{width:19px;height:19px;border:1px solid #535353;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.transport{grid-area:transport;padding:17px 29px 15px;background:#1b1d1f;border-top:1px solid var(--line);z-index:2}.transport-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.playback{display:flex;gap:14px;align-items:center}.play-button{display:grid;place-items:center;width:32px;height:32px;border:1px solid #57564f;border-radius:50%;color:#e2c69f}.play-button svg{width:16px;height:16px;stroke-width:2}.replay-button{display:grid;place-items:center;width:25px;height:32px;color:#9ba2a7}.replay-button svg{width:17px;height:17px}.clip-name{display:flex;align-items:center;gap:11px;border-left:1px solid #42474b;padding-left:18px}.clip-name strong{font-size:12px;font-weight:500}.clip-name span{font-size:10px;color:#838d94}.speed-control{display:flex;gap:5px}.speed-control button{font:11px var(--mono);color:#949da3;border-radius:3px;padding:7px 9px}.speed-control button.selected{color:#e2c69f;background:#d4ad7910}.timeline-row{display:flex;gap:13px;align-items:center}.timeline-row output{font:10px var(--mono);color:#9da6ac;width:35px;font-variant-numeric:tabular-nums}.timeline-row output:last-child{text-align:right}.timeline-row input{--progress:0%;width:100%;height:18px;appearance:none;background:transparent;cursor:pointer;margin:0;accent-color:var(--accent)}.timeline-row input::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#d4ad79 var(--progress),#444a4e var(--progress))}.timeline-row input::-moz-range-track{height:3px;background:#444a4e}.timeline-row input::-moz-range-progress{height:3px;background:#d4ad79}.timeline-row input::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:#e5c79e;margin-top:-3.5px}.timeline-row input::-moz-range-thumb{width:10px;height:10px;border:0;background:#e5c79e;border-radius:50%}.notice{position:fixed;bottom:145px;left:calc(50% + 144px);transform:translateX(-50%);z-index:9;background:#292d30;border:1px solid #515454;border-radius:6px;color:#e0dfdb;padding:12px 18px;font-size:12px;box-shadow:0 12px 40px #0005;max-width:calc(100% - 36px)}.notice[hidden]{display:none}.inspector[data-panel=closed]{grid-template-columns:0 minmax(0,1fr)}.inspector[data-panel=closed] .control-panel{visibility:hidden;padding-left:0;padding-right:0}.inspector[data-panel=closed]~.notice{left:50%}@media(min-width:761px) and (max-height:850px){.control-panel{padding-top:19px}.panel-heading{margin-bottom:19px}.control-section{padding-bottom:15px;margin-bottom:15px}.action{min-height:52px;padding-top:9px;padding-bottom:9px}.asset-stats{gap:10px}h1{font-size:22px}}@media(max-width:760px){.inspector{grid-template-columns:minmax(0,1fr);grid-template-rows:68px minmax(0,1fr) 127px;grid-template-areas:"header" "stage" "transport"}.topbar{padding:0 15px}.identity{font-size:11px;gap:8px;letter-spacing:1px}.identity-mark{width:28px}.identity-mark svg{width:25px;height:30px}.identity-sub{font-size:8px;letter-spacing:2.5px;margin-top:4px}.topbar-right{gap:10px}.quality{font-size:9px;padding:5px 6px}.panel-toggle{padding:9px 0 9px 7px}.panel-toggle span{font-size:11px}.panel-toggle svg{width:16px;height:16px}.control-panel{position:fixed;right:12px;left:12px;top:80px;bottom:139px;width:auto;border:1px solid #484949;border-radius:9px;padding:22px;box-shadow:0 12px 50px #0009;background:#1d1e20f8;z-index:5}.panel-heading{margin-bottom:21px}.action-grid{grid-template-columns:repeat(3,1fr)}.action{min-height:60px;grid-template-columns:14px 1fr;gap:6px;padding:9px 8px}.action-duration{font-size:7px;right:6px;bottom:7px}.action-icon{font-size:17px}.control-section{padding-bottom:15px;margin-bottom:16px}.asset-stats{grid-template-columns:repeat(4,1fr);gap:10px}.export-controls{grid-template-columns:1fr 1fr;align-items:center;gap:16px}.export-main{font-size:11px;gap:7px}.export-main span{font-size:8px}.export-action{font-size:10px;gap:8px}.export-action span{font-size:8px}.transport{padding:16px 19px 13px}.transport-top{margin-bottom:15px}.clip-name{gap:0;padding-left:12px}.clip-name span{display:none}.playback{gap:12px}.stage-label{left:20px;top:19px}.frame-button{right:17px;top:13px}.stage-foot{left:20px;right:20px;bottom:17px;font-size:9px}.timeline-row{gap:9px}.timeline-row output{font-size:9px;width:32px}.notice{left:50%;bottom:147px;width:max-content}.inspector[data-panel=closed]{grid-template-columns:minmax(0,1fr)}.inspector[data-panel=closed] .control-panel{display:none}.speed-control{gap:1px}.speed-control button{padding:7px 8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}
:root{--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace}
.inspector{padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}