:root{color-scheme:dark;--bg: #0a0d12;--bg-stage: #070a0f;--surface: #0f141c;--surface-2: #141c27;--surface-3: #1b2534;--surface-4: #223045;--border: #243044;--border-strong: #35465f;--border-hover: #41556f;--text: #eaf0f8;--text-2: #aab7c9;--text-3: #7e8da3;--accent: #61d98c;--accent-hover: #7beaa3;--accent-press: #48c877;--accent-ink: #07130c;--accent-soft: rgba(97, 217, 140, .12);--accent-soft-strong: rgba(97, 217, 140, .2);--accent-line: rgba(97, 217, 140, .38);--accent-glow: rgba(97, 217, 140, .2);--warm: #ffb86b;--danger: #ff6b7a;--danger-soft: rgba(255, 107, 122, .12);--danger-line: rgba(255, 107, 122, .28);--danger-ink: #ffd6da;--danger-cutout: #2a1218;--warning: #f5c451;--warning-soft: rgba(245, 196, 81, .12);--warning-line: rgba(245, 196, 81, .26);--info: #7fb2ff;--info-soft: rgba(127, 178, 255, .12);--info-line: rgba(127, 178, 255, .26);--focus: #9cc2ff;--rec: #ff5d73;--rec-soft: rgba(255, 93, 115, .14);--rec-line: rgba(255, 93, 115, .34);--scrim: rgba(4, 7, 11, .66);--scrim-soft: rgba(4, 7, 11, .42);--white-04: rgba(255, 255, 255, .04);--white-06: rgba(255, 255, 255, .06);--white-08: rgba(255, 255, 255, .08);--white-12: rgba(255, 255, 255, .12);--black-25: rgba(0, 0, 0, .25);--black-35: rgba(0, 0, 0, .35);--black-55: rgba(0, 0, 0, .55);--checker-a: #101720;--checker-b: #182230;--stage-glow: rgba(74, 111, 165, .25);--stage-bg: radial-gradient(120% 90% at 50% 30%, #16202e 0%, #070a0f 62%);--panel-bg: linear-gradient( 180deg, rgba(20, 28, 39, .92) 0%, rgba(13, 18, 26, .96) 100% );--font-sans: Inter, "SF Pro Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", "Microsoft YaHei", sans-serif;--font-mono: ui-monospace, "SFMono-Regular", "Cascadia Mono", Consolas, "Liberation Mono", Menlo, monospace;--fs-display: clamp(1.625rem, 1.2rem + 1.4vw, 2rem);--fs-h1: 1.375rem;--fs-h2: .9375rem;--fs-body: .875rem;--fs-sm: .8125rem;--fs-xs: .75rem;--fs-micro: .6875rem;--fs-2xs: .6875rem;--lh-display: 1.19;--lh-h1: 1.36;--lh-h2: 1.47;--lh-body: 1.5;--lh-sm: 1.46;--lh-xs: 1.33;--lh-micro: 1.27;--lh-2xs: 1.2;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--tracking-micro: .08em;--tracking-tight: -.01em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 20px;--radius-pill: 999px;--shadow-panel: inset 0 1px 0 var(--white-04), 0 12px 32px var(--black-35);--shadow-stage: 0 32px 90px var(--black-55);--shadow-pop: 0 8px 24px rgba(0, 0, 0, .42);--shadow-toast: 0 16px 44px rgba(0, 0, 0, .58);--shadow-button: inset 0 1px 0 var(--white-04);--shadow-inset: inset 0 1px 0 var(--white-06);--header-height: 64px;--header-height-mobile: 56px;--shell-max: 1600px;--shell-pad: 24px;--panel-width: 400px;--panel-width-md: 360px;--gap: 24px;--stage-radius: 20px;--stage-min-height: 320px;--stage-mobile-height: 46vh;--touch-min: 44px;--z-stage-host: 1;--z-stage-overlay: 10;--z-stage-toolbar: 11;--z-stage-drop: 12;--z-header: 20;--z-shortcuts: 50;--z-toast: 60;--ease-out: cubic-bezier(.2, .8, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--dur-hover: .14s;--dur-press: 80ms;--dur-panel: .32s;--dur-crossfade: .22s;--dur-progress: .12s;--dur-reset: .32s;--dur-toast: .22s;--rec-pulse: 1.4s;--spin: .8s;--numeric: tabular-nums}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{min-width:320px;background:var(--bg);color-scheme:dark;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(900px 520px at 12% -12%,rgba(70,120,96,.1),transparent 62%),radial-gradient(760px 420px at 92% -4%,rgba(64,96,140,.1),transparent 64%),var(--bg);background-repeat:no-repeat;color:var(--text);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-body);font-variant-numeric:var(--numeric);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{min-height:100vh}h1,h2,h3,h4,p,figure{margin:0}h1{font-size:var(--fs-h1);line-height:var(--lh-h1);font-weight:var(--fw-semibold);letter-spacing:var(--tracking-tight);text-wrap:balance}h2{font-size:var(--fs-h2);line-height:var(--lh-h2);font-weight:var(--fw-semibold)}h3{font-size:var(--fs-body);line-height:var(--lh-body);font-weight:var(--fw-semibold)}p{color:var(--text-2)}a{color:var(--accent);text-decoration-color:var(--accent-line);text-underline-offset:.2em}a:hover{color:var(--accent-hover)}img,canvas,video{display:block;max-width:100%}img{-webkit-user-drag:none;user-select:none}button,input,select,textarea{font:inherit;color:inherit}button{margin:0;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed}fieldset{min-width:0;margin:0;padding:0;border:0}legend{padding:0}ul,ol{margin:0;padding:0;list-style:none}summary{list-style:none}summary::-webkit-details-marker{display:none}:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--accent-soft-strong);color:var(--text)}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 5px;border:1px solid var(--border-strong);border-bottom-color:var(--border-hover);border-radius:5px;background:var(--surface-2);box-shadow:0 1px #00000059;color:var(--text-2);font-family:var(--font-mono);font-size:11px;font-weight:600;line-height:1;white-space:nowrap}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border:2px solid transparent;border-radius:var(--radius-pill);background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);background-clip:padding-box}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.page{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:100dvh}.skip-link{position:fixed;top:8px;left:8px;z-index:100;display:inline-flex;align-items:center;min-height:44px;transform:translateY(-160%);padding:0 16px;border-radius:var(--radius-sm);background:var(--accent);color:var(--accent-ink);font-size:var(--fs-xs);font-weight:var(--fw-semibold);text-decoration:none;box-shadow:var(--shadow-pop);transition:transform var(--dur-hover) var(--ease-out)}.skip-link:focus-visible{transform:translateY(0);outline:2px solid var(--focus);outline-offset:2px}.app-header{position:sticky;top:0;z-index:var(--z-header);flex:none;height:var(--header-height);border-bottom:1px solid var(--border);background:#0a0d12c7;backdrop-filter:blur(18px) saturate(1.15);-webkit-backdrop-filter:blur(18px) saturate(1.15)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;max-width:var(--shell-max);height:100%;margin:0 auto;padding:0 var(--shell-pad)}.brand{display:flex;align-items:center;gap:var(--space-3);min-width:0}.brand-mark{position:relative;display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid var(--accent-line);border-radius:11px;background:linear-gradient(155deg,rgba(97,217,140,.14),transparent 58%),linear-gradient(180deg,#17231f,#0b1118);box-shadow:inset 0 1px #ffffff17,0 8px 20px #00000059;color:var(--accent);--icon-cutout: #0d151c}.brand-mark:after{content:"";position:absolute;inset:4px;border-radius:8px;border:1px solid rgba(255,255,255,.04);pointer-events:none}.brand-text{display:flex;flex-direction:column;gap:1px;min-width:0;font-size:inherit;line-height:inherit}.brand-name{font-size:15px;line-height:18px;font-weight:650;letter-spacing:-.01em;color:var(--text);white-space:nowrap}.brand-sub{overflow:hidden;max-width:260px;color:var(--text-3);font-size:11px;line-height:14px;font-weight:600;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis}.header-tools{display:flex;align-items:center;gap:var(--space-2);flex:none}.local-badge{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#141c278f;color:var(--text-2);font-size:11px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.local-badge .i{color:var(--accent)}.header-tool{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#141c276b;color:var(--text-2);font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out)}.header-tool:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.header-tool:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.header-tool .i{color:var(--accent)}.shortcuts{position:relative}.shortcuts summary{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#141c276b;color:var(--text-2);font-size:12px;font-weight:600;cursor:pointer;list-style:none;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out)}.shortcuts summary:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.shortcuts summary:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shortcuts[open] summary{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.shortcuts summary .i-chevron{--is: 11px;color:var(--text-3);transition:transform var(--dur-hover) var(--ease-out)}.shortcuts[open] summary .i-chevron{transform:rotate(180deg)}.shortcuts-panel{position:absolute;top:calc(100% + 10px);right:0;z-index:var(--z-shortcuts);width:min(334px,calc(100vw - 32px));padding:10px;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#0f141cfa;box-shadow:var(--shadow-pop);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:pop-in .16s var(--ease-out)}.shortcuts-title{padding:4px 8px 8px;color:var(--text-3);font-size:var(--fs-2xs);line-height:var(--lh-2xs);font-weight:700;letter-spacing:var(--tracking-micro);text-transform:uppercase}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:6px 8px;border-radius:var(--radius-xs);color:var(--text-2);font-size:var(--fs-xs);line-height:var(--lh-xs)}.shortcut-row:hover{background:var(--surface-2);color:var(--text)}.shortcut-keys{display:flex;flex:none;gap:4px}.shortcuts-note{margin:8px 4px 2px;padding:8px;border-top:1px solid var(--border);color:var(--text-3);font-size:11px;line-height:16px}.shell{display:grid;flex:1;grid-template-columns:minmax(0,1fr) var(--panel-width);gap:var(--gap);align-items:stretch;width:100%;max-width:var(--shell-max);min-height:0;margin:0 auto;padding:var(--shell-pad)}.panel{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-bg);box-shadow:var(--shadow-panel)}.panel-head{display:flex;flex:none;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:58px;padding:15px var(--space-5);border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(27,37,52,.34),transparent)}.panel-title{display:flex;align-items:center;gap:8px;color:var(--text);font-size:14px;line-height:20px;font-weight:650;letter-spacing:-.01em}.panel-title .i{--is: 14px;color:var(--accent);--icon-cutout: var(--surface)}.panel-status{display:inline-flex;align-items:center;gap:7px;color:var(--text-3);font-size:11px;line-height:15px;font-weight:600;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-3);box-shadow:0 0 0 3px #7e8da31a;flex:none}.status-dot.is-ready,.status-dot.is-done{background:var(--accent);box-shadow:0 0 0 3px #61d98c1f}.status-dot.is-loading{background:var(--warning);box-shadow:0 0 0 3px #f5c4511f}.status-dot.is-busy{background:var(--rec);box-shadow:0 0 0 3px #ff5d7329;animation:rec-pulse var(--rec-pulse) ease-in-out infinite}.status-dot.is-error{background:var(--danger);box-shadow:0 0 0 3px #ff6b7a24}.panel-scroll{flex:1;min-height:0;padding:0 var(--space-5);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scroll-padding-block:12px 40px}.panel-scroll-hint{display:flex;flex:none;align-items:center;justify-content:center;gap:6px;width:100%;min-height:30px;padding:0 12px;border:0;border-top:1px solid var(--border);background:linear-gradient(180deg,#0f141cb8,#0a0e14f5);color:var(--text-2);font-size:11px;font-weight:600;line-height:15px;cursor:pointer;transition:background var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out)}.panel-scroll-hint .i{--is: 13px;color:var(--accent)}.panel-scroll-hint:hover{background:var(--surface-2);color:var(--text)}.panel-scroll-hint:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.panel-foot{position:relative;z-index:2;flex:none;padding:12px var(--space-5) calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:linear-gradient(180deg,#0f141cf5,#0a0e14fc);box-shadow:0 -14px 28px #00000038}.panel-foot .export-actions{margin-top:0}.panel:focus{outline:none}.panel:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.panel-section{min-width:0;padding:20px 0;border-top:1px solid var(--border)}.panel-scroll>.panel-section:first-child{border-top:0}@media(max-width:1279px){.shell{grid-template-columns:minmax(0,1fr) var(--panel-width-md);gap:20px;padding:20px}.header-inner{padding:0 20px}}@media(min-width:1024px){.page{height:100dvh;overflow:hidden}.stage{min-height:420px}}@media(min-width:1024px)and (max-height:620px){.page{height:auto;overflow:visible}.shell{min-height:560px}.stage{min-height:480px}}@media(max-width:1023px){.page{min-height:100dvh;height:auto;overflow:visible}.shell{display:flex;flex-direction:column;gap:20px;padding:20px}.stage{flex:none;height:clamp(320px,52vh,560px)}.panel{flex:none;overflow:visible}.panel-foot{position:relative}.page.is-scrolled.is-export-near:not(.is-panel-end) .panel-foot{position:sticky;bottom:0}.page.is-panel-end .panel-foot{position:sticky;bottom:auto}.panel-scroll-hint{display:none}.panel-scroll{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--space-6);padding:0 var(--space-5);overflow:visible;scrollbar-gutter:auto}.panel-section--skin{grid-column:1;grid-row:1}.panel-section--actions{grid-column:2;grid-row:1}.panel-section--scenes{grid-column:1 / -1;grid-row:2}.panel-section--skin-extras{grid-column:1 / -1;grid-row:3}.panel-section--export{grid-column:1 / -1;grid-row:4}.panel-section--usage{grid-column:1 / -1;grid-row:5}.panel-section--about{grid-column:1 / -1;grid-row:6}.panel-section--skin,.panel-section--actions{border-top:0;padding-top:20px}.panel-section--scenes,.panel-section--skin-extras{border-top:1px solid var(--border);padding-top:20px}.panel-section--export{border-top:1px solid var(--border)}.panel-section{padding-bottom:20px}}@media(min-width:720px)and (max-width:1023px){.scene-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.panel-section--export{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--space-4);align-items:start}.panel-section--export>.section-head{grid-column:1 / -1}.panel-section--export>.option-group{margin-top:0}.panel-section--export>:not(.option-group):not(.section-head){grid-column:1 / -1}}@media(max-width:719px){.app-header{height:var(--header-height-mobile)}.header-inner{gap:var(--space-2);padding:0 var(--space-4)}.brand{gap:9px}.brand-mark{width:32px;height:32px;border-radius:10px}.brand-mark .i{--is: 18px}.brand-name{font-size:14px;line-height:17px}.brand-sub{display:none}.header-tools{gap:6px}.local-badge{height:28px;padding:0 8px;font-size:11px}.shortcuts summary{height:28px;padding:0 8px;gap:5px;font-size:11px}.header-tool{height:44px}.share-trigger{width:44px;min-width:44px;padding:0}.share-trigger .header-tool-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.shortcut-row{gap:6px}.shortcut-row>span:first-child{white-space:nowrap}.shortcut-keys{flex-wrap:wrap;justify-content:flex-end;gap:2px}.shortcut-keys kbd{min-width:17px;height:18px;padding:0 2px;font-size:10px}.shell{gap:16px;padding:var(--space-4)}.shell>.stage{height:clamp(300px,46vh,420px);transition:height var(--dur-hover) var(--ease-out)}.page:not(.is-export-bottom):not(.is-panel-end) .shell>.stage{position:sticky;top:calc(var(--header-height-mobile) + 8px);z-index:6}.page.is-scrolled .shell>.stage:not(.is-recording){height:clamp(240px,36vh,300px)}.panel{border-radius:16px}.panel-head{min-height:54px;padding:14px var(--space-4)}.panel-foot{padding:10px var(--space-4) calc(10px + env(safe-area-inset-bottom,0px))}.panel-scroll{display:block;padding:0 var(--space-4)}.panel-section{border-top:1px solid var(--border);padding:18px 0}.panel-scroll>.panel-section--skin{border-top:0}.panel-section--export,.panel-section--actions{border-top:1px solid var(--border)}}@media(max-width:379px){.local-badge>span:not(.i){display:none}.local-badge{width:30px;padding:0;justify-content:center}}html{scroll-padding-top:var(--stage-cover, 0px)}.panel-section,.scene-card,.action-card,.sample{scroll-margin-top:12px}.panel-section--usage,.panel-section--about{scroll-margin-bottom:24px}@media(max-width:1023px){.page.is-export-near:not(.is-panel-end) .panel-scroll{padding-bottom:calc(var(--panel-foot-h, 0px) + 24px)}.panel-section--usage{padding-bottom:24px}}@media(max-width:719px)and (max-height:640px){.page.is-scrolled .shell>.stage:not(.is-recording){height:clamp(188px,34vh,232px)}}@media(pointer:coarse){.share-trigger{height:44px;min-height:44px}}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:20px;margin-bottom:var(--space-3)}.section-head h2{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:12.5px;line-height:17px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.section-head h2:before{content:"";width:4px;height:4px;border-radius:1px;background:var(--accent);opacity:.9;box-shadow:0 0 0 3px #61d98c14}.section-meta{overflow:hidden;max-width:58%;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:15px;white-space:nowrap;text-overflow:ellipsis}.field-group{min-width:0;margin-top:var(--space-4)}.field-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-bottom:8px}.field-label{color:var(--text-3);font-size:var(--fs-2xs);line-height:var(--lh-2xs);font-weight:700;letter-spacing:var(--tracking-micro);text-transform:uppercase}.field-hint{margin:6px 0 0;color:var(--text-3);font-size:11px;line-height:16px}.field-head .field-hint{margin:0;white-space:nowrap}.is-muted{opacity:.52}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--surface-2),#111924);box-shadow:var(--shadow-button);color:var(--text);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer;user-select:none;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),opacity var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}.btn:hover:not(:disabled){border-color:var(--border-hover);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));color:var(--text)}.btn:active:not(:disabled){transform:translateY(1px) scale(.99);transition-duration:var(--dur-press)}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.btn-primary{min-height:48px;border-color:transparent;background:linear-gradient(180deg,var(--accent-hover),var(--accent));box-shadow:0 1px #ffffff4d inset,0 8px 22px #61d98c29;color:var(--accent-ink);font-size:13px;font-weight:650;letter-spacing:.01em}.btn-primary:hover:not(:disabled){border-color:transparent;background:linear-gradient(180deg,#91f3b5,var(--accent-hover));color:var(--accent-ink)}.btn-primary:active:not(:disabled){background:var(--accent-press)}.btn-primary:disabled{border-color:var(--border);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));box-shadow:none;color:var(--text-3);opacity:1}.btn-primary.export-submit.is-secondary{border-color:var(--border-strong);background:linear-gradient(180deg,var(--surface-2),#111924);box-shadow:var(--shadow-button);color:var(--text)}.btn-primary.export-submit.is-secondary:hover:not(:disabled){border-color:var(--border-hover);background:linear-gradient(180deg,var(--surface-3),var(--surface-2));color:var(--text)}.btn-cancel{border-color:var(--danger-line);background:var(--danger-soft);box-shadow:none;color:var(--danger-ink)}.btn-cancel:hover:not(:disabled){border-color:var(--danger);background:#ff6b7a33;color:#ffe0e3}.btn-block{width:100%}.btn.is-busy{cursor:progress}.link-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;padding:0 8px;border:1px solid transparent;border-radius:6px;color:var(--text-2);font-size:11.5px;font-weight:600;line-height:1;cursor:pointer;transition:background var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out)}.link-btn:hover:not(:disabled){border-color:var(--border);background:var(--surface-3);color:var(--text)}.link-btn:active:not(:disabled){transform:translateY(1px)}.link-btn.is-primary{color:var(--accent)}.link-btn.is-primary:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-hover)}.link-btn:disabled{opacity:.4;cursor:not-allowed}.seg{position:relative;display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:3px;padding:3px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2)}.seg-item{position:relative;display:block;min-width:0}.seg-input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.seg-input:focus-visible{outline:none}.seg-input:disabled{cursor:not-allowed}.seg-option{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;min-height:36px;padding:4px 6px;border:1px solid transparent;border-radius:7px;color:var(--text-2);font-size:var(--fs-xs);font-weight:600;line-height:1.25;text-align:center;cursor:pointer;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}.seg-option:hover,.seg-input:not(:disabled):hover+.seg-option{background:var(--surface-3);color:var(--text)}.seg-option:active,.seg-input:not(:disabled):active+.seg-option{transform:scale(.985)}.seg-label{display:block;overflow:hidden;max-width:100%;text-overflow:ellipsis;white-space:nowrap}.seg-sub{display:block;overflow:hidden;max-width:100%;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:1.25;font-weight:500;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.seg-input:checked+.seg-option{border-color:var(--accent-line);background:linear-gradient(180deg,#61d98c2b,#61d98c14);box-shadow:inset 0 1px #ffffff0d;color:var(--text)}.seg-input:checked+.seg-option .seg-sub{color:var(--accent)}.seg-input:focus-visible+.seg-option{outline:2px solid var(--focus);outline-offset:2px}.seg-option.is-disabled,.seg-input:disabled+.seg-option{opacity:.38;cursor:not-allowed;background:transparent;border-color:transparent;color:var(--text-3);transform:none}.action-fieldset{min-width:0}.action-grid{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.action-item{position:relative;display:block;min-width:0}.action-input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.action-input:focus-visible{outline:none}.action-input:disabled{cursor:not-allowed}.action-card{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;min-height:74px;padding:10px 11px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-sm);background:#141c278c;color:var(--text-2);cursor:pointer;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}.action-card .i{--is: 24px;color:var(--text-3);transition:color var(--dur-hover) var(--ease-out)}.action-card:hover{border-color:var(--border-strong);background:var(--surface-2);color:var(--text)}.action-card:hover .i{color:var(--text-2)}.action-card:active{transform:scale(.985)}.action-label{font-size:var(--fs-xs);font-weight:600;line-height:1.2}.action-card:has(>.action-input:checked){border-color:var(--accent-line);background:linear-gradient(180deg,#61d98c26,#61d98c0f);box-shadow:inset 0 1px #ffffff0d;color:var(--text)}.action-card:has(>.action-input:checked) .i{color:var(--accent)}.action-card:has(>.action-input:checked):after{content:"";position:absolute;top:8px;right:8px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #61d98c1f}.action-card:has(>.action-input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.action-card:has(>.action-input:disabled){opacity:.4;cursor:not-allowed;border-color:var(--border);background:#141c2759;transform:none}.action-card:has(>.action-input:disabled):after{display:none}.action-desc{margin-top:10px;color:var(--text-3);font-size:11px;line-height:16px}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}@media(min-width:720px)and (max-width:1023px){.panel-section--scenes .scene-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.scene-item{position:relative;display:block;min-width:0}.scene-input{position:absolute;inset:0;z-index:2;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.scene-input:focus-visible{outline:none}.scene-input:disabled{cursor:not-allowed}.scene-card{position:relative;display:flex;flex-direction:column;gap:6px;height:100%;min-width:0;padding:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#141c278c;cursor:pointer;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),box-shadow var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}.scene-card:hover{border-color:var(--border-strong);background:var(--surface-2)}.scene-card:active{transform:scale(.99)}.scene-card:has(>.scene-input:checked){border-color:var(--accent-line);background:linear-gradient(180deg,#61d98c1f,#61d98c0a);box-shadow:inset 0 1px #ffffff0d}.scene-card:has(>.scene-input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.scene-card:has(>.scene-input:disabled){opacity:.42;cursor:not-allowed;border-color:var(--border);background:#141c2759;transform:none}.scene-card:has(>.scene-input:disabled) .scene-thumb{filter:saturate(.55)}.scene-thumb{position:relative;display:block;overflow:hidden;height:72px;border:1px solid rgba(255,255,255,.09);border-radius:7px;background:#0b0f14}.scene-thumb:after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit;box-shadow:inset 0 1px #ffffff1a,inset 0 -14px 20px #0003;pointer-events:none}.scene-art,.scene-art>span{position:absolute;inset:0;display:block}.scene-art{overflow:hidden;border-radius:6px;filter:saturate(.97) contrast(1.02)}.scene-follow{position:absolute;top:5px;left:5px;z-index:3;padding:0 5px;border:1px solid rgba(255,255,255,.16);border-radius:4px;background:#0a0d1299;color:#f3f6fb;font-size:11px;line-height:15px;font-weight:600;letter-spacing:.03em;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.scene-check{position:absolute;top:5px;right:5px;z-index:3;display:grid;place-items:center;width:15px;height:15px;border-radius:50%;background:var(--accent);box-shadow:0 1px 4px #00000059;opacity:0;transform:scale(.6);transition:opacity var(--dur-hover) var(--ease-out),transform var(--dur-hover) var(--ease-out)}.scene-check:before{content:"";width:6px;height:3px;border-left:1.5px solid var(--accent-ink);border-bottom:1.5px solid var(--accent-ink);transform:translateY(-1px) rotate(-45deg)}.scene-card:has(>.scene-input:checked) .scene-check{opacity:1;transform:none}.scene-copy{display:flex;flex-direction:column;gap:1px;min-width:0;padding:0 2px 1px}.scene-name{overflow:hidden;color:var(--text-2);font-size:11.5px;line-height:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.scene-card:has(>.scene-input:checked) .scene-name{color:var(--text)}.scene-hint{display:-webkit-box;overflow:hidden;min-height:30px;color:var(--text-3);font-size:11px;line-height:15px;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.scene-note{margin-top:8px}.scene-pending{position:absolute;right:5px;bottom:5px;z-index:4;padding:0 5px;border:1px solid var(--warning-line);border-radius:4px;background:#0a0d12d1;color:var(--warning);font-size:11px;line-height:15px;font-weight:600;letter-spacing:.02em;opacity:0;transform:translateY(2px);transition:opacity var(--dur-hover) var(--ease-out),transform var(--dur-hover) var(--ease-out);pointer-events:none}.scene-card.is-pending{border-color:var(--warning-line)}.scene-card.is-pending .scene-pending{opacity:1;transform:none}.scene-card.is-pending .scene-thumb:before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(100deg,transparent 18%,rgba(255,255,255,.14) 46%,transparent 74%);animation:shimmer 1.4s var(--ease-in-out) infinite;pointer-events:none}.scene-art--stage .sa-sky{background:radial-gradient(64% 46% at 50% 8%,rgba(127,178,255,.2),transparent 72%),linear-gradient(180deg,#0a0d12,#16233a 64%,#0a0d12)}.scene-art--stage .sa-sky:before{content:"";position:absolute;top:-6%;left:50%;width:40%;height:64%;background:linear-gradient(180deg,#7fb2ff57,#7fb2ff00);clip-path:polygon(38% 0,62% 0,84% 100%,16% 100%);filter:blur(2px);transform:translate(-50%)}.scene-art--stage .sa-sun{background:radial-gradient(circle at 76% 18%,rgba(255,184,107,.5),transparent 42%)}.scene-art--stage .sa-ground{top:auto;bottom:0;height:34%;background:linear-gradient(180deg,#0a0d12 0 22%,#070a0f)}.scene-art--stage .sa-ground:before{content:"";position:absolute;top:-3%;left:50%;width:68%;height:44%;border:2px solid #61d98c;border-radius:50%;background:radial-gradient(ellipse at center,rgba(97,217,140,.16),transparent 70%);box-shadow:0 0 8px #61d98c99,inset 0 0 8px #61d98c4d;transform:translate(-50%)}.scene-art--stage .sa-prop{top:auto;left:50%;bottom:17%;width:42%;height:17%;border-radius:50%;background:radial-gradient(ellipse at 50% 28%,#2e4a6b,#16233a 58%,#0a0d12);box-shadow:0 0 10px #61d98c2e,inset 0 1px #ffffff24;transform:translate(-50%)}.scene-art--stage .sa-prop:after{content:"";position:absolute;bottom:58%;left:50%;width:8%;height:250%;background:linear-gradient(180deg,#7fb2ff4d,#7fb2ff00);filter:blur(1px);transform:translate(-50%)}.scene-art--studio .sa-sky{background:radial-gradient(70% 55% at 50% 14%,rgba(255,255,255,.62),transparent 68%),linear-gradient(180deg,#e4eaf2,#c8d2df 52%,#aebccc)}.scene-art--studio .sa-sky:before,.scene-art--studio .sa-sky:after{content:"";position:absolute;top:10%;width:20%;height:36%;border-radius:4px;border-top:2px solid rgba(255,255,255,.92);border-bottom:1px solid rgba(43,48,56,.18);background:linear-gradient(180deg,#fbfcfe,#d3dce7 64%,#b8c5d3);box-shadow:0 0 10px #ffffff80,0 2px 5px #2b303833,0 0 0 1px #2b303833}.scene-art--studio .sa-sky:before{left:7%}.scene-art--studio .sa-sky:after{right:7%}.scene-art--studio .sa-sun{background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.6),transparent 58%)}.scene-art--studio .sa-ground{top:auto;bottom:0;height:26%;border-top:1px solid rgba(43,48,56,.38);background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 34%),linear-gradient(180deg,#b8c4d2,#9dafc2 56%,#8496aa)}.scene-art--studio .sa-ground:after{content:"";position:absolute;top:2%;left:28%;width:44%;height:30%;border-radius:50%;background:radial-gradient(ellipse,rgba(35,44,56,.34),transparent 70%);transform:translate(-50%)}.scene-art--studio .sa-prop{inset:auto auto 12% 50%;width:44%;height:30%;border-radius:50% 50% 44% 44%/64% 64% 30% 30%;background:linear-gradient(180deg,rgba(255,255,255,.92) 0 14%,transparent 16%),linear-gradient(180deg,#f7f9fc,#d9e2ec 56%,#b3c1d0);box-shadow:0 7px 14px #1e26305c,0 0 0 1px #2b303842,inset 0 -2px 4px #2b303829;transform:translate(-50%)}.scene-art--studio .sa-prop:before{content:"";position:absolute;left:50%;bottom:-10%;width:112%;height:18%;border-radius:50%;background:linear-gradient(180deg,#c3cedb,#93a4b7);box-shadow:0 2px 4px #1e263047,0 0 0 1px #2b30382e;transform:translate(-50%)}.scene-art--studio .sa-prop:after{content:"";position:absolute;top:8%;left:12%;width:22%;height:60%;border-radius:50%;background:linear-gradient(90deg,rgba(255,255,255,.82),transparent);filter:blur(1px);transform:rotate(-8deg)}.scene-art--plains .sa-sky{background:linear-gradient(180deg,#b4613c,#d07b46 34%,#e8944e 58%,#f0b077 78%,#f3c996 92%,#cfb9ae)}.scene-art--plains .sa-sun{inset:39% auto auto 20%;width:19%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fffaf0 0 36%,#ffe0b0 50%,#ff973b00 72%);box-shadow:0 0 10px 3px #ffe0b08c,0 0 22px 10px #ff973b47}.scene-art--plains .sa-ground{top:auto;bottom:0;height:34%;border-top:2px solid #647f3a;background:repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 6%,transparent 6% 12%),linear-gradient(180deg,#8fb055 0 16%,#7fa24a 16% 100%)}.scene-art--plains .sa-ground:before{content:"";position:absolute;top:0;bottom:0;left:38%;width:22%;background:repeating-linear-gradient(180deg,#d8c3a58c 0 12%,#b090688c 12% 24%)}.scene-art--plains .sa-prop{inset:auto 9% 20% auto;width:17%;height:42%;background:linear-gradient(180deg,#5f8f3f 0 38%,transparent 38%),linear-gradient(90deg,transparent 40%,#6b4a2f 40% 60%,transparent 60%)}.scene-art--plains .sa-prop:before{content:"";position:absolute;right:128%;bottom:0;width:62%;height:68%;background:linear-gradient(180deg,#6e9a46 0 34%,transparent 34%),linear-gradient(90deg,transparent 42%,#5c412a 42% 58%,transparent 58%)}.scene-art--flower-forest .sa-sky{background:linear-gradient(180deg,#aa5c42,#c9784f 34%,#df925c 58%,#eab080 78%,#f0c9a8 92%,#cdb0a2)}.scene-art--flower-forest .sa-sun{inset:41% auto auto 23%;width:17%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff8ea 0 38%,#ffd3a0 54%,#ffa25400 74%);box-shadow:0 0 9px 3px #fff0da80,0 0 20px 9px #ffa25442}.scene-art--flower-forest .sa-ground{top:auto;bottom:0;height:38%;border-top:2px solid #4d7332;background:radial-gradient(circle at 12% 30%,#e58fb0 0 2.5%,transparent 3.5%),radial-gradient(circle at 30% 55%,#f7e7da 0 2%,transparent 3%),radial-gradient(circle at 48% 28%,#ffd166 0 2%,transparent 3%),radial-gradient(circle at 66% 60%,#e58fb0 0 2.5%,transparent 3.5%),radial-gradient(circle at 84% 36%,#f7e7da 0 2%,transparent 3%),linear-gradient(180deg,#6e9a46 0 14%,#5f8a3c 14% 100%)}.scene-art--flower-forest .sa-prop{inset:auto 8% 18% auto;width:24%;height:44%;border-radius:2px;background:repeating-linear-gradient(90deg,#f3efe6 0 9%,#ddd5c4 9% 16%,transparent 16% 36%),linear-gradient(180deg,rgba(110,154,70,.95) 0 26%,transparent 26%)}.scene-art--flower-forest .sa-prop:after{content:"";position:absolute;top:0;left:0;width:100%;height:32%;background:linear-gradient(100deg,#6e9a46 0 40%,#7fa24a 40% 100%);clip-path:polygon(0 20%,30% 0,70% 8%,100% 0,100% 100%,0 100%);opacity:.9}.scene-art--desk .sa-sky{background:radial-gradient(60% 42% at 20% 30%,rgba(255,226,196,.35),transparent 70%),linear-gradient(180deg,#5d687f,#8b7a68 46%,#b39a7c)}.scene-art--desk .sa-sky:before{content:"";position:absolute;top:12%;left:6%;width:34%;height:52%;border:1px solid rgba(255,226,196,.55);border-radius:3px;background:linear-gradient(160deg,#ffe2c4,#ffbfa1 60%,#e9a27c);box-shadow:0 0 18px #ffbfa152}.scene-art--desk .sa-sky:after{content:"";position:absolute;top:12%;left:22%;width:1px;height:52%;background:#4e5a7873}.scene-art--desk .sa-sun{background:radial-gradient(80% 70% at 24% 36%,rgba(255,226,196,.28),transparent 64%)}.scene-art--desk .sa-ground{top:auto;bottom:0;height:32%;border-top:2px solid #d8c3a5;background:linear-gradient(180deg,rgba(255,226,196,.16),transparent 42%),repeating-linear-gradient(90deg,rgba(0,0,0,.08) 0 9%,transparent 9% 18%),linear-gradient(180deg,#b99470 0 12%,#7d6a57 12% 100%)}.scene-art--desk .sa-ground:after{content:"";position:absolute;top:10%;left:18%;width:26%;height:24%;border-radius:1px;background:linear-gradient(90deg,#d8c3a5 0 45%,#c2a985 45% 100%);box-shadow:0 2px 2px #0000002e}.scene-art--desk .sa-prop{inset:auto 12% 26% auto;width:30%;height:34%;background:repeating-linear-gradient(180deg,rgba(140,235,200,.7) 0 1px,transparent 1px 4px) right 12% top 18% / 26% 15% no-repeat,radial-gradient(circle at 68% 30%,rgba(255,191,161,.5),transparent 46%),linear-gradient(180deg,transparent 62%,#3f4a63 62% 70%,transparent 70%),linear-gradient(90deg,transparent 18%,#4e5a78 18% 34%,transparent 34%)}.scene-art--desk .sa-prop:before{content:"";position:absolute;top:8%;right:6%;width:44%;height:26%;background:linear-gradient(180deg,#ffbfa1,#e08b6a);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);box-shadow:0 0 10px #ffbfa166}.scene-art--desk .sa-prop:after{content:"";position:absolute;top:34%;right:18%;width:6%;height:30%;background:#3f4a63;transform:rotate(8deg);transform-origin:top}.scene-art--desk-real .sa-sky{background:radial-gradient(70% 58% at 74% 18%,rgba(255,252,245,.5),transparent 64%),linear-gradient(180deg,#f8f1e4,#f2e8d8 58%,#e7d9c3)}.scene-art--desk-real .sa-sky:before{content:"";position:absolute;top:8%;left:7%;width:40%;height:56%;border-radius:2px;background:linear-gradient(90deg,transparent 0 32%,#b98d62 32% 36%,transparent 36% 64%,#b98d62 64% 68%,transparent 68% 100%),linear-gradient(180deg,transparent 0 30%,#b98d62 30% 35%,transparent 35% 65%,#b98d62 65% 70%,transparent 70% 100%),radial-gradient(ellipse 42% 20% at 34% 42%,rgba(255,255,255,.75),transparent 72%),radial-gradient(ellipse 30% 16% at 70% 62%,rgba(255,255,255,.6),transparent 74%),linear-gradient(180deg,#c9e1f0,#dcecf4 46%,#f2efe2 78%,#f6ead4);box-shadow:0 0 0 2px #c9b79c,0 0 0 3px #8b6b4f73,0 4px 10px #8b6b4f33}.scene-art--desk-real .sa-sky:after{content:"";position:absolute;top:63%;left:6%;width:41%;height:6.5%;border-radius:1px;background:linear-gradient(90deg,transparent 0 49%,rgba(139,107,79,.22) 49% 51%,transparent 51% 100%) left top / 100% 74% no-repeat,linear-gradient(180deg,#f4ecdd 0 72%,#e4d5bd 72% 100%) left top / 100% 74% no-repeat,linear-gradient(180deg,#c19a6c 0 100%) left bottom / 100% 26% no-repeat;box-shadow:0 0 0 1px #8b6b4f47,0 1px 2px #4b392824}.scene-art--desk-real .sa-sun{background:radial-gradient(52% 50% at 48% 40%,rgba(255,249,234,.5) 0 20%,rgba(255,240,212,.22) 55%,transparent 76%),radial-gradient(40% 36% at 20% 20%,rgba(255,251,240,.3),transparent 70%)}.scene-art--desk-real .sa-ground{top:auto;bottom:0;height:30%;border-top:1px solid rgba(139,107,79,.35);background:repeating-linear-gradient(90deg,rgba(120,90,60,.15) 0 1px,transparent 1px 9%),linear-gradient(180deg,#dbc7a5 0 8%,#cdbb9e 8% 52%,#c2ac8c 52% 100%);box-shadow:inset 0 3px 5px #8b6b4f1a}.scene-art--desk-real .sa-ground:before{content:"";position:absolute;top:6%;left:3%;width:50%;height:88%;background:radial-gradient(60% 60% at 30% 40%,rgba(255,248,230,.75),rgba(255,244,222,.25) 55%,transparent 75%);transform:skew(-8deg)}.scene-art--desk-real .sa-ground:after{content:"";position:absolute;inset:26% 8% 6% 12%;background:linear-gradient(180deg,#f3eadbeb,#e2d4beeb) center / calc(100% - 3px) calc(100% - 3px) no-repeat,#7a8b74;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%)}.scene-art--desk-real .sa-prop{inset:auto 4% 22% auto;width:38%;height:31%;filter:drop-shadow(0 1px 1px rgba(75,57,40,.2));background:linear-gradient(180deg,#eedab7 0 22%,#d6b183 22% 62%,#b0865a 62% 100%) left top / 100% 23% no-repeat,linear-gradient(90deg,transparent 0 40%,#6f543c 40% 60%,transparent 60%) right 16.5% top 34% / 6% 4% no-repeat,linear-gradient(180deg,#cba77a 0 46%,#a97e52 46% 50%,#cba77a 50% 96%,#99714a 96% 100%) right 5% top 23% / 30% 77% no-repeat,linear-gradient(180deg,#8b6b4f,#6f543c) left 7% top 23% / 10% 77% no-repeat}.scene-art--desk-real .sa-prop:before{content:"";position:absolute;top:-40%;left:0;width:100%;height:48%;background:linear-gradient(180deg,#5c7085 0 58%,#3b4a5a 58% 100%) right 18% top 26% / 28% 62% no-repeat,linear-gradient(180deg,#cfe2ffcc,#cfe2ff00) right 20% top 32% / 24% 28% no-repeat,linear-gradient(180deg,#dde6ec 0 46%,#a3b2bf 46% 100%) right 14% bottom 0 / 36% 13% no-repeat,radial-gradient(ellipse 52% 55% at 38% 54%,#7a8b74 0 58%,#7a8b7400 66%) left 8% bottom 22% / 28% 62% no-repeat,radial-gradient(ellipse 40% 42% at 66% 40%,#8c9c86 0 58%,#8c9c8600 66%) left 8% bottom 30% / 26% 50% no-repeat,linear-gradient(180deg,#f1e8d8 0 60%,#cbb79d 60% 100%) left 12% bottom 0 / 18% 26% no-repeat}.scene-art--desk-real .sa-prop:after{content:"";position:absolute;left:-28%;bottom:-4%;width:32%;height:120%;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,#f2e8d6 0 100%) 16% 6% / 68% 40% no-repeat,linear-gradient(180deg,#b98d62 0 100%) 10% 0 / 80% 52% no-repeat,linear-gradient(180deg,#e5d5bb 0 100%) 0 52% / 100% 14% no-repeat,linear-gradient(180deg,#d5c0a0 0 100%) 0 66% / 100% 8% no-repeat,linear-gradient(180deg,#8b6b4f 0 100%) left bottom / 11% 34% no-repeat,linear-gradient(180deg,#8b6b4f 0 100%) right bottom / 11% 34% no-repeat;filter:drop-shadow(0 1px 1px rgba(75,57,40,.18))}.speed-block{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--border)}.speed-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:4px}.speed-name{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--text-2);font-size:var(--fs-xs);font-weight:600;cursor:default}.speed-name .i{--is: 14px;color:var(--text-3)}.speed-value{min-width:52px;padding:2px 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:12px;font-variant-numeric:tabular-nums;font-weight:600;text-align:center;transition:opacity var(--dur-hover) var(--ease-out)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:26px;margin:0;padding:0;background:transparent;cursor:pointer;--fill: 27.27%}.slider::-webkit-slider-runnable-track{width:100%;height:4px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--accent) 0 var(--fill),var(--surface-3) var(--fill) 100%)}.slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;margin-top:-7px;border:2px solid var(--accent);border-radius:50%;background:#0a1017;box-shadow:0 0 0 4px #61d98c1a;transition:transform var(--dur-hover) var(--ease-out),box-shadow var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out)}.slider:hover::-webkit-slider-thumb{transform:scale(1.08)}.slider:focus-visible{outline:none}.slider:focus-visible::-webkit-slider-thumb{border-color:var(--focus);box-shadow:0 0 0 4px #9cc2ff52}.slider::-moz-range-track{height:4px;border-radius:var(--radius-pill);background:var(--surface-3)}.slider::-moz-range-progress{height:4px;border-radius:var(--radius-pill);background:var(--accent)}.slider::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--accent);border-radius:50%;background:#0a1017}.slider:focus-visible::-moz-range-thumb{border-color:var(--focus)}.slider:disabled{opacity:.42;cursor:not-allowed}.speed-scale{display:flex;justify-content:space-between;padding:0 2px;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:1.25}.speed-block .field-hint{margin-top:8px}.shortcut-inline{display:flex;align-items:center;gap:7px;margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--border);color:var(--text-3);font-size:11px;line-height:16px;transition:opacity var(--dur-hover) var(--ease-out)}.shortcut-inline .i{--is: 14px;color:var(--text-3)}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:112px;padding:14px 16px;overflow:hidden;border:1.5px dashed var(--border-strong);border-radius:var(--radius-md);background:radial-gradient(120% 100% at 50% 0%,rgba(97,217,140,.05),transparent 64%),#141c2757;color:var(--text-2);text-align:center;cursor:pointer;transition:border-color var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out),transform var(--dur-hover) var(--ease-out),box-shadow var(--dur-hover) var(--ease-out)}.dropzone-input{position:absolute;top:0;left:0;z-index:2;width:44px;height:44px;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.dropzone-input:focus-visible{outline:none}.dropzone-input:disabled{cursor:not-allowed}.dropzone:hover{border-color:var(--accent-line);background:radial-gradient(120% 100% at 50% 0%,rgba(97,217,140,.1),transparent 66%),#141c2780}.dropzone:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.dropzone.is-dragover{transform:scale(1.01);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #61d98c1a,inset 0 1px #ffffff0d}.dropzone.is-disabled{opacity:.48;cursor:not-allowed}.dropzone.is-disabled:hover{border-color:var(--border-strong);background:radial-gradient(120% 100% at 50% 0%,rgba(97,217,140,.05),transparent 64%),#141c2757}.dropzone-icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:4px;border:1px solid var(--border-strong);border-radius:12px;background:linear-gradient(180deg,var(--surface-3),var(--surface-2));box-shadow:var(--shadow-inset);color:var(--accent);transition:transform var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out)}.dropzone:hover .dropzone-icon{border-color:var(--accent-line);transform:translateY(-1px)}.dropzone.is-dragover .dropzone-icon{border-color:var(--accent);transform:translateY(-2px) scale(1.04)}.dropzone-title{color:var(--text);font-size:var(--fs-sm);line-height:19px;font-weight:600}.dropzone-sub{color:var(--text-3);font-size:11px;line-height:15px}.dropzone-badge{position:absolute;top:10px;right:10px;padding:2px 6px;border:1px solid var(--border);border-radius:5px;background:#0a0d1273;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:14px;letter-spacing:.04em}.skin-card{position:relative;display:flex;align-items:center;gap:12px;min-height:78px;margin-top:12px;padding:10px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:#141c2799}.skin-card[hidden]{display:none}.skin-thumb{position:relative;display:grid;flex:none;place-items:center;width:56px;height:56px;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background:radial-gradient(120% 120% at 50% 0%,rgba(97,217,140,.08),transparent 70%),var(--surface-3)}.skin-thumb img{position:absolute;top:-100%;left:-100%;width:800%;height:auto;max-width:none;image-rendering:pixelated}.skin-body{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.skin-name{overflow:hidden;color:var(--text);font-size:var(--fs-sm);line-height:18px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.skin-meta{display:flex;align-items:center;gap:6px;overflow:hidden;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:15px;white-space:nowrap}.skin-meta-item{overflow:hidden;text-overflow:ellipsis}.meta-dot{width:2px;height:2px;border-radius:50%;background:var(--text-3);flex:none}.skin-sub{display:flex;flex-wrap:wrap;align-items:center;gap:2px 6px;min-width:0;color:var(--text-3);font-size:11px;line-height:16px}.skin-model{display:inline-flex;flex:1 1 auto;align-items:center;gap:5px;min-width:0;overflow:hidden;color:var(--text-2);font-weight:600;white-space:nowrap}.skin-model-text{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.skin-model:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}.skin-tag{flex:none;padding:1px 5px;border:1px solid var(--accent-line);border-radius:4px;background:var(--accent-soft);color:var(--accent);font-size:11px;line-height:14px;font-weight:600;white-space:nowrap}.skin-tag.is-manual{border-color:var(--warning-line);background:var(--warning-soft);color:var(--warning)}.skin-status{display:grid;flex:none;place-items:center;width:20px;height:20px;border:1px solid var(--accent-line);border-radius:50%;background:var(--accent-soft);color:var(--accent)}.skin-replace{display:grid;flex:none;place-items:center;width:34px;height:34px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface-2);box-shadow:var(--shadow-inset);color:var(--text-2);cursor:pointer;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}.skin-replace:hover:not(:disabled){border-color:var(--accent-line);background:var(--surface-3);color:var(--accent)}.skin-replace:active:not(:disabled){transform:scale(.96)}.skin-replace:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.skin-replace:disabled{opacity:.4;cursor:not-allowed}.skin-replace .i{--is: 14px}.skin-card.is-skeleton{pointer-events:none}.skin-card.is-skeleton .skin-thumb img{visibility:hidden}.skin-card.is-skeleton .skin-name{width:72%;height:12px;border-radius:4px;background:var(--surface-3);color:transparent}.skin-card.is-skeleton .skin-meta-item,.skin-card.is-skeleton .skin-model{width:44px;height:9px;border-radius:4px;background:var(--surface-3);color:transparent}.skin-card.is-skeleton .skin-tag,.skin-card.is-skeleton .skin-status,.skin-card.is-skeleton .skin-replace{visibility:hidden}.skin-card.is-skeleton:after,.skin-card.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.045) 45%,transparent 70%);transform:translate(-110%);animation:shimmer 1.5s var(--ease-in-out) infinite;pointer-events:none}.sample-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sample{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;min-height:82px;padding:6px 3px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-2);cursor:pointer;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}.sample:hover:not(:disabled){border-color:var(--border);background:var(--surface-2)}.sample:active:not(:disabled){transform:scale(.97)}.sample:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sample:disabled{opacity:.4;cursor:not-allowed}.sample-thumb{position:relative;width:44px;height:44px;overflow:hidden;border:1px solid var(--border-strong);border-radius:8px;background-color:var(--checker-a);background-image:linear-gradient(45deg,var(--checker-b) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--checker-b) 75%),linear-gradient(45deg,transparent 75%,var(--checker-b) 75%),linear-gradient(45deg,var(--checker-b) 25%,var(--checker-a) 25%);background-position:0 0,0 0,5px 5px,5px 5px;background-size:10px 10px;flex:none;transition:border-color var(--dur-hover) var(--ease-out)}.sample:hover:not(:disabled) .sample-thumb{border-color:var(--accent-line)}.sample-thumb img{position:absolute;top:-100%;left:-100%;width:800%;height:auto;max-width:none;image-rendering:pixelated}.sample-name{overflow:hidden;max-width:100%;color:var(--text);font-size:11px;line-height:14px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.sample-meta{overflow:hidden;max-width:100%;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:14px;white-space:nowrap;text-overflow:ellipsis}.alert{position:relative;scroll-margin-block:12px 40px;display:flex;gap:10px;margin-top:12px;padding:11px 12px 11px 14px;overflow:hidden;border:1px solid var(--danger-line);border-radius:var(--radius-sm);background:var(--surface-2);--alert-accent: var(--danger);--alert-cutout: var(--surface-2)}.alert:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--alert-accent)}.alert>.i{--is: 16px;margin-top:1px;color:var(--alert-accent)}.alert-body{min-width:0;flex:1}.alert-title{color:var(--text);font-size:12.5px;line-height:18px;font-weight:650}.alert-message{margin-top:2px;overflow-wrap:anywhere;color:var(--text-2);font-size:11.5px;line-height:17px}.alert-hint{margin-top:4px;overflow-wrap:anywhere;color:var(--text-3);font-size:11px;line-height:16px}.alert-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.alert-warning{--alert-accent: var(--warning);border-color:var(--warning-line)}.alert-info{--alert-accent: var(--info);border-color:var(--info-line)}.option-group{min-width:0}.option-group+.option-group{margin-top:12px}.caps-hint{display:flex;align-items:flex-start;gap:8px;margin:12px 0 0;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#141c276b;color:var(--text-3);font-size:11px;line-height:16px;--alert-cutout: var(--surface-2)}.caps-hint .i{--is: 14px;margin-top:1px;color:var(--info);flex:none}.caps-hint.is-warning{border-color:var(--warning-line);color:var(--text-2)}.caps-hint.is-warning .i{color:var(--warning)}.caps-hint-text{overflow-wrap:anywhere}.export-summary{margin-top:12px;padding:9px 11px;border:1px solid var(--border);border-radius:9px;background:linear-gradient(180deg,#1b25348a,#141c275c);color:var(--text-2);font-size:11px;line-height:16px;font-variant-numeric:tabular-nums}.export-footer{display:flex;flex-direction:column;gap:6px;min-width:0}.export-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;min-width:0;transition:opacity var(--dur-hover) var(--ease-out)}.param-control{min-width:0}.param-head{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:2px}.param-name{overflow:hidden;color:var(--text-2);font-size:11px;line-height:15px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.param-value{flex:none;min-width:42px;padding:1px 6px;border:1px solid var(--border);border-radius:5px;background:var(--surface-2);color:var(--text);font-family:var(--font-mono);font-size:11px;line-height:15px;font-weight:600;font-variant-numeric:tabular-nums;text-align:center;transition:opacity var(--dur-hover) var(--ease-out)}.export-params .slider{height:26px}.param-scale{display:flex;justify-content:space-between;padding:0 2px;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:13px;font-variant-numeric:tabular-nums}.export-params.is-disabled .param-name{opacity:.55}.export-derived{margin:0;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.export-summary--foot{margin:0;padding:6px 8px;border-radius:8px;background:#141c2766;font-size:11px;line-height:15px;overflow-wrap:anywhere}.export-footer .export-actions{margin-top:2px;gap:6px}.panel-foot .export-reason{min-height:0}.export-actions{display:flex;flex-direction:column;gap:8px;margin-top:14px}.export-submit{letter-spacing:.01em}.export-reason{min-height:16px;color:var(--text-3);font-size:11px;line-height:16px;text-align:center;overflow-wrap:anywhere}.export-progress{margin-top:14px;padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#141c278c}.progress-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--text-2);font-size:11px;line-height:15px;font-weight:600}.progress-pct{color:var(--text);font-family:var(--font-mono);font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.progress-track{position:relative;height:6px;margin-top:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-3)}.progress-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-hover));transition:width var(--dur-progress) linear}.panel-section--export.is-busy .progress-fill,.export-progress.is-recording .progress-fill{background:linear-gradient(90deg,var(--rec),#ff8a9a)}.export-progress.is-preparing .progress-fill{width:35%!important;background:linear-gradient(90deg,var(--accent),var(--accent-hover));animation:progress-indeterminate 1.2s var(--ease-in-out) infinite}.export-progress.is-finalizing .progress-fill{width:100%!important;background:linear-gradient(90deg,var(--rec),#ff8a9a)}.progress-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:6px;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:15px;font-variant-numeric:tabular-nums}.result-card{scroll-margin-block:16px 40px;margin-top:14px;padding:12px;border:1px solid var(--accent-line);border-radius:var(--radius-md);background:linear-gradient(180deg,#61d98c12,#141c278c);box-shadow:0 12px 28px #0000003d;animation:rise-in var(--dur-panel) var(--ease-out)}.result-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.result-head .i{--is: 16px;color:var(--accent)}.result-head h3{color:var(--text);font-size:13px;line-height:18px;font-weight:650;letter-spacing:-.005em}.result-video{aspect-ratio:16 / 9;overflow:hidden;border:1px solid var(--border);border-radius:9px;background:#04070b}.result-video video{width:100%;height:100%;max-width:none;object-fit:contain;background:#04070b}.result-file{margin-top:8px;color:var(--text-2);font-family:var(--font-mono);font-size:11px;line-height:15px;overflow-wrap:anywhere;word-break:break-word}.result-meta{margin-top:1px;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-actions{display:flex;gap:8px;margin-top:10px}.result-actions .btn{flex:1;min-height:40px;padding:0 10px;font-size:11.5px}.result-again{background:transparent;box-shadow:none}.export-note{margin-top:10px;color:var(--text-3);font-size:11px;line-height:16px}.export-privacy{display:flex;align-items:center;gap:6px;margin-top:12px;color:var(--text-3);font-size:11px;line-height:15px}.export-privacy .i{--is: 12px;color:var(--text-3)}.toast-region{position:absolute;inset:auto auto 68px 16px;z-index:var(--z-toast);display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:max-content;max-width:calc(100% - 32px);transform:none;pointer-events:none}.toast{display:flex;align-items:center;gap:9px;max-width:min(460px,calc(100vw - 32px));padding:9px 14px 9px 11px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:#141c27f7;box-shadow:var(--shadow-toast);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text);font-size:12px;line-height:17px;animation:toast-in var(--dur-toast) var(--ease-out);--icon-cutout: var(--surface-2);--alert-cutout: var(--surface-2)}.toast .i{--is: 15px;flex:none}.toast>span{overflow-wrap:anywhere}.toast-success{border-color:var(--accent-line)}.toast-success .i{color:var(--accent)}.toast-error{border-color:var(--danger-line)}.toast-error .i{color:var(--danger)}.toast-info .i{color:var(--info)}.toast.is-leaving{animation:toast-out .2s var(--ease-in-out) both}@media(pointer:coarse){.btn{min-height:44px}.btn-primary{min-height:48px}.link-btn{min-height:44px;padding:0 10px}.seg-option{min-height:44px}.action-card{min-height:82px}.skin-replace{width:44px;height:44px}.sample{min-height:86px}.slider,.export-params .slider{height:44px}.shortcuts summary{height:44px;min-height:44px}.result-actions .btn{min-height:44px}}@media(max-width:359px){.sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.sample-thumb{width:48px;height:48px}}@media(max-width:719px){.shortcuts summary{min-height:44px;height:44px}.btn{min-height:44px}.btn-primary{min-height:48px}.link-btn,.seg-option{min-height:44px}.action-card{min-height:80px;padding:10px}.skin-replace{width:44px;height:44px}.sample{min-height:86px}.slider,.export-params .slider{height:44px}.result-actions .btn{min-height:44px}.panel-foot{padding-top:8px}.export-footer{gap:3px}.export-params{gap:3px 10px}.param-head{margin-bottom:0}.param-scale{line-height:12px}.export-summary--foot{margin-top:0;padding:3px 6px;line-height:14px}.export-footer .export-actions{margin-top:0;gap:4px}.alert-actions{gap:6px}.toast-region{top:auto;right:12px;bottom:calc(var(--stage-chrome-bottom, 58px) + 16px);left:12px;width:auto;max-width:none;align-items:stretch;transform:none}.toast{max-width:none;width:100%;border-radius:14px}}.shake-block{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px dashed var(--border);transition:opacity var(--dur-hover) var(--ease-out)}.shake-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.shake-title{display:inline-flex;align-items:center;gap:7px;color:var(--text-2);font-size:12px;line-height:16px;font-weight:700;letter-spacing:.03em}.shake-title .i{--is: 14px;color:var(--text-3);transition:color var(--dur-hover) var(--ease-out)}.shake-block.is-on .shake-title .i{color:var(--accent)}.shake-toggle{display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 8px;border:1px solid transparent;border-radius:8px;color:var(--text-2);font-size:11px;font-weight:600;line-height:1;cursor:pointer;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),opacity var(--dur-hover) var(--ease-out)}.shake-toggle:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.shake-toggle:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.shake-toggle:disabled{opacity:.42;cursor:not-allowed}.shake-toggle.is-on{color:var(--accent);background:var(--accent-soft)}.shake-toggle.is-on .switch-track{border-color:var(--accent);background:var(--accent)}.shake-toggle.is-on .switch-thumb{background:var(--accent-ink);transform:translate(11px)}.shake-toggle-label{min-width:1.2em;text-align:center}.shake-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.shake-row{min-width:0}.shake-row-head{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:4px}.shake-label{color:var(--text-3);font-size:11px;line-height:15px;font-weight:600}.shake-value{color:var(--text-2);font-family:var(--font-mono);font-size:11px;line-height:15px}.shake-scale-hint{margin-top:4px;font-family:var(--font-mono);font-size:11px;line-height:14px}.shake-hint{margin-top:8px}.shake-status{margin-top:6px;padding:6px 8px;border:1px solid var(--warning-line);border-radius:7px;background:var(--warning-soft);color:var(--warning);font-size:11px;line-height:16px}.shake-block.is-muted .shake-rows,.shake-block.is-muted .shake-hint{opacity:.52}.usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.usage-card{display:flex;flex-direction:column;gap:2px;min-width:0;padding:10px 10px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#141c278c}.usage-card-head{display:flex;flex-direction:column;align-items:flex-start;gap:1px;min-width:0}.usage-period{color:var(--text-2);font-size:11px;line-height:15px;font-weight:700;white-space:nowrap}.usage-range{max-width:100%;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:15px;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.usage-number{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px;margin-top:3px;min-width:0}.usage-visits{color:var(--text);font-size:20px;line-height:24px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:clip;overflow:visible}.usage-unit{color:var(--text-3);font-size:11px;line-height:15px;white-space:nowrap}.usage-uniques{color:var(--text-3);font-size:11px;line-height:15px;overflow-wrap:anywhere}.panel-section--about{padding-bottom:30px}.about-copy{margin-top:8px;color:var(--text-3);font-size:11px;line-height:16px}.about-copy:first-of-type{margin-top:0}.about-sources{display:flex;flex-direction:column;gap:5px;margin-top:8px;padding:9px 11px;border:1px solid var(--border);border-radius:8px;background:#141c2780}.about-sources li{position:relative;padding-left:11px;color:var(--text-3);font-size:11px;line-height:16px}.about-sources li:before{content:"";position:absolute;top:6px;left:1px;width:3px;height:3px;border-radius:50%;background:var(--accent)}.about-sources+.about-copy{margin-top:8px}.share-dialog{width:min(560px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 28px);margin:auto;padding:0;overflow:hidden;border:1px solid var(--border-strong);border-radius:18px;background:var(--surface);color:var(--text);box-shadow:0 32px 80px #0000009e}.share-dialog::backdrop{background:#04070bb8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.share-card{display:flex;flex-direction:column;max-height:calc(100dvh - 30px)}.share-head{display:flex;flex:none;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 18px 14px;border-bottom:1px solid var(--border)}.share-head-copy{min-width:0}.share-head-copy h2{color:var(--text);font-size:16px;line-height:22px;font-weight:650}.share-sub{margin-top:4px;color:var(--text-3);font-size:11.5px;line-height:16px}.share-close{display:grid;flex:none;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:10px;background:#141c2780;color:var(--text-2);transition:background var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out)}.share-close:hover{background:var(--surface-3);color:var(--text)}.share-close:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.share-body{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;min-height:0;padding:16px 18px 18px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.share-url-row{display:flex;flex-direction:column;gap:4px;min-width:0}.share-url-label{color:var(--text-3);font-size:11px;line-height:15px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.share-url{display:block;overflow:hidden;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:#0a0d1299;color:var(--text-2);font-family:var(--font-mono);font-size:11.5px;line-height:17px;white-space:nowrap;text-overflow:ellipsis;user-select:all}.share-prompt{color:var(--text);font-size:13px;line-height:18px;font-weight:700}.share-copy{justify-content:center;min-height:44px}.share-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.share-app{min-height:44px;padding:0 10px;font-size:12.5px}.share-hint{color:var(--text-3);font-size:11.5px;line-height:16px}.share-footnote{padding-top:10px;border-top:1px solid var(--border);color:var(--text-3);font-size:11px;line-height:16px}.share-status{min-height:16px;color:var(--accent);font-size:11.5px;line-height:16px}.share-copy-area{position:fixed;top:0;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}@media(max-width:519px){.share-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.share-card{max-height:calc(100dvh - 22px)}.share-head{padding:14px 14px 12px}.share-body{gap:12px;padding:12px 14px 16px}.share-apps{gap:6px}}@media(max-width:519px)and (max-height:640px){.share-head{padding:12px 14px 10px}.share-sub{font-size:11px;line-height:15px}}@media(max-width:719px)and (hover:none){.share-close{width:44px;height:44px}.shake-toggle{min-height:44px}}@media(max-width:379px){.shake-rows{grid-template-columns:minmax(0,1fr)}}@media(pointer:coarse){.share-close{width:44px;height:44px}.shake-toggle{min-height:44px}}.scene-group-title{grid-column:1 / -1;margin:10px 0 2px;font-size:12px;font-weight:600;color:var(--text-muted, #8895a8)}.scene-art--street-cobble .sa-sky{background:linear-gradient(#a9c4d9,#e5d5b7)}.scene-art--street-cobble .sa-ground{background:repeating-linear-gradient(0deg,#827a6d 0 8px,#a79a84 9px 10px)}.scene-art--street-cobble .sa-prop{inset:10% 4% 30%;background:linear-gradient(90deg,#8c7560 0 27%,transparent 27% 73%,#b2a08a 73%)}.scene-art--market-medieval .sa-sky{background:#b6c8dc}.scene-art--market-medieval .sa-ground{background:#a88455}.scene-art--market-medieval .sa-prop{inset:30% 8% 24%;background:repeating-linear-gradient(90deg,#ba4b36 0 12%,#d8b44d 12% 24%);clip-path:polygon(8% 0,92% 0,100% 38%,90% 38%,90% 100%,83% 100%,83% 38%,17% 38%,17% 100%,10% 100%,10% 38%,0 38%)}.scene-art--village-street .sa-sky{background:#b6c8dc}.scene-art--village-street .sa-ground{background:linear-gradient(90deg,#698e41 30%,#a58c60 30% 70%,#698e41 70%)}.scene-art--village-street .sa-prop{inset:16% 6% 25%;background:#9e7541;clip-path:polygon(0 35%,20% 0,40% 35%,35% 35%,35% 100%,5% 100%,5% 35%,60% 35%,80% 0,100% 35%,95% 35%,95% 100%,65% 100%,65% 35%)}.i{--is: 20px;display:inline-block;position:relative;flex:none;width:1em;height:1em;color:currentColor;font-size:var(--is);line-height:0;vertical-align:-.125em;pointer-events:none;--icon-cutout: var(--surface)}.i:before,.i:after{content:"";position:absolute;box-sizing:border-box}.i-upload{background:linear-gradient(currentColor,currentColor) 50% 16% / .1em .44em no-repeat}.i-upload:before{top:.08em;left:50%;width:.6em;height:.36em;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%);transform:translate(-50%)}.i-upload:after,.i-download:after{bottom:.06em;left:50%;width:.72em;height:.3em;border:.1em solid currentColor;border-top:0;border-radius:0 0 .12em .12em;transform:translate(-50%)}.i-download{background:linear-gradient(currentColor,currentColor) 50% 20% / .1em .36em no-repeat}.i-download:before{top:.46em;left:50%;width:.6em;height:.3em;background:currentColor;clip-path:polygon(0 0,100% 0,50% 100%);transform:translate(-50%)}.i-play:before{top:.17em;left:.32em;width:0;height:0;border-left:.55em solid currentColor;border-top:.35em solid transparent;border-bottom:.35em solid transparent}.i-pause:before{top:.15em;left:.27em;width:.18em;height:.7em;border-radius:.04em;background:currentColor;box-shadow:.28em 0 0 currentColor}.i-rotate{border:.1em solid currentColor;border-right-color:transparent;border-radius:50%}.i-rotate:after{top:.14em;right:-.03em;width:.28em;height:.28em;background:currentColor;clip-path:polygon(0 0,100% 50%,0 100%);transform:rotate(-18deg)}.i-rotate.is-active{animation:spin 2.4s linear infinite}.i-reset{border:.1em solid currentColor;border-top-color:transparent;border-radius:50%}.i-reset:before{top:50%;left:50%;width:.14em;height:.14em;border-radius:50%;background:currentColor;transform:translate(-50%,-50%)}.i-reset:after{top:.11em;left:.01em;width:.28em;height:.28em;background:currentColor;clip-path:polygon(100% 0,100% 100%,0 50%);transform:rotate(-16deg)}.i-close:before,.i-close:after{top:50%;left:50%;width:.1em;height:.62em;border-radius:.05em;background:currentColor}.i-close:before{transform:translate(-50%,-50%) rotate(45deg)}.i-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.i-check:before{inset:.05em;background:currentColor;clip-path:polygon(0% 58%,12% 46%,34% 68%,86% 16%,100% 28%,34% 94%)}.i-chevron:before{top:50%;left:50%;width:.42em;height:.42em;border-right:.1em solid currentColor;border-bottom:.1em solid currentColor;transform:translate(-50%,-55%) rotate(45deg)}.i-chevron.is-up:before{transform:translate(-50%,-45%) rotate(-135deg)}.i-alert:before{top:50%;left:50%;width:.94em;height:.82em;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%);transform:translate(-50%,-50%)}.i-alert:after{top:.27em;left:50%;width:.12em;height:.44em;transform:translate(-50%);background:linear-gradient(var(--alert-cutout, var(--surface-2)),var(--alert-cutout, var(--surface-2))) 50% 0 / .1em .24em no-repeat,linear-gradient(var(--alert-cutout, var(--surface-2)),var(--alert-cutout, var(--surface-2))) 50% 100% / .1em .1em no-repeat}.i-spinner{border:.1em solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin var(--spin) linear infinite}.i-info{border:.1em solid currentColor;border-radius:50%}.i-info:before{top:.42em;left:50%;width:.1em;height:.3em;border-radius:.05em;background:currentColor;transform:translate(-50%)}.i-info:after{top:.23em;left:50%;width:.1em;height:.1em;border-radius:50%;background:currentColor;transform:translate(-50%)}.i-lock:before{bottom:.06em;left:50%;width:.62em;height:.46em;border:.1em solid currentColor;border-radius:.1em;transform:translate(-50%)}.i-lock:after{bottom:.44em;left:50%;width:.4em;height:.38em;border:.1em solid currentColor;border-bottom:0;border-radius:.22em .22em 0 0;transform:translate(-50%)}.i-file:before{top:50%;left:50%;width:.7em;height:.88em;border:.1em solid currentColor;border-radius:.08em;clip-path:polygon(0 0,72% 0,100% 24%,100% 100%,0 100%);transform:translate(-50%,-50%)}.i-file:after{top:56%;left:50%;width:.32em;height:.26em;transform:translate(-50%);background:linear-gradient(currentColor,currentColor) 0 0 / .32em .08em no-repeat,linear-gradient(currentColor,currentColor) 0 .16em / .22em .08em no-repeat}.i-cube{background:currentColor;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}.i-cube:before{inset:0;background:#00000047;clip-path:polygon(50% 0,100% 25%,50% 50%,0 25%)}.i-cube:after{top:50%;left:50%;width:.08em;height:.5em;background:#0000003d;transform:translate(-50%)}.i-speed:before{top:.18em;left:.1em;width:.8em;height:.42em;border:.1em solid currentColor;border-bottom:0;border-radius:.4em .4em 0 0}.i-speed:after{top:.3em;left:50%;width:.1em;height:.28em;border-radius:.05em;background:currentColor;transform:translate(-50%) rotate(38deg);transform-origin:50% 100%}.i-figure{--stroke: .075em}.i-figure .i-part{position:absolute;display:block;box-sizing:border-box}.i-figure .i-head{top:.04em;left:50%;width:.32em;height:.32em;border:var(--stroke) solid currentColor;border-radius:50%;transform:translate(-50%)}.i-figure .i-torso{top:.41em;left:50%;width:.26em;height:.3em;border:var(--stroke) solid currentColor;border-radius:.07em;transform:translate(-50%)}.i-figure .i-arm-l,.i-figure .i-arm-r,.i-figure .i-leg-l,.i-figure .i-leg-r{width:var(--stroke);height:.28em;border-radius:var(--stroke);background:currentColor;transform-origin:50% 0}.i-figure .i-arm-l,.i-figure .i-arm-r{top:.44em}.i-figure .i-leg-l,.i-figure .i-leg-r{top:.72em;height:.26em}.i-still .i-arm-l{left:.26em;transform:rotate(4deg)}.i-still .i-arm-r{right:.26em;transform:rotate(-4deg)}.i-still .i-leg-l{left:.42em}.i-still .i-leg-r{right:.42em}.i-idle .i-arm-l{left:.26em;transform:rotate(13deg)}.i-idle .i-arm-r{right:.26em;transform:rotate(-13deg)}.i-idle .i-leg-l{left:.42em}.i-idle .i-leg-r{right:.42em}.i-idle:after{top:.5em;right:.02em;width:.12em;height:.05em;border-radius:.03em;background:currentColor;box-shadow:0 .12em 0 currentColor;opacity:.55}.i-walk .i-arm-l{left:.26em;transform:rotate(-22deg)}.i-walk .i-arm-r{right:.26em;transform:rotate(22deg)}.i-walk .i-leg-l{left:.42em;transform:rotate(-24deg)}.i-walk .i-leg-r{right:.42em;transform:rotate(24deg)}.i-run .i-arm-l{left:.26em;transform:rotate(-38deg)}.i-run .i-arm-r{right:.26em;transform:rotate(38deg)}.i-run .i-leg-l{left:.42em;transform:rotate(-42deg)}.i-run .i-leg-r{right:.42em;transform:rotate(42deg)}.i-run:before,.i-run:after{top:.52em;width:.16em;height:var(--stroke);border-radius:var(--stroke);background:currentColor;opacity:.6}.i-run:before{left:.01em;box-shadow:0 .15em 0 currentColor}.i-run:after{right:.01em;box-shadow:0 .15em 0 currentColor}.i-wave .i-arm-l{left:.26em;transform:rotate(5deg)}.i-wave .i-arm-r{top:.42em;right:.24em;height:.34em;transform-origin:50% 0;transform:rotate(-145deg)}.i-wave .i-leg-l{left:.42em}.i-wave .i-leg-r{right:.42em}.i-wave:after{top:.1em;right:.03em;width:.05em;height:.05em;border-radius:50%;background:currentColor;box-shadow:-.11em .1em 0 currentColor;opacity:.7}.i-fly .i-arm-l{top:.44em;left:.14em;width:.24em;height:var(--stroke);transform-origin:100% 50%;transform:rotate(-8deg)}.i-fly .i-arm-r{top:.44em;right:.14em;width:.24em;height:var(--stroke);transform-origin:0 50%;transform:rotate(8deg)}.i-fly .i-leg-l{left:.42em;transform:rotate(-10deg)}.i-fly .i-leg-r{right:.42em;transform:rotate(10deg)}.i-sneak .i-head{top:.16em;left:57%}.i-sneak .i-torso{top:.47em;height:.27em;transform:translate(-50%) skew(-10deg)}.i-sneak .i-arm-l{left:.28em;top:.49em;height:.24em;transform:rotate(-30deg)}.i-sneak .i-arm-r{right:.26em;top:.49em;height:.24em;transform:rotate(46deg)}.i-sneak .i-leg-l{left:.39em;top:.71em;height:.19em;transform:rotate(-44deg)}.i-sneak .i-leg-r{right:.37em;top:.71em;height:.19em;transform:rotate(34deg)}.i-sneak:after{bottom:.05em;left:26%;width:48%;height:.02em;border-radius:.02em;background:currentColor;opacity:.42}.i-sit .i-head{top:.14em}.i-sit .i-torso{top:.49em;height:.26em}.i-sit .i-arm-l{left:.28em;top:.53em;height:.2em;transform:rotate(-16deg)}.i-sit .i-arm-r{right:.28em;top:.53em;height:.2em;transform:rotate(16deg)}.i-sit .i-leg-l,.i-sit .i-leg-r{top:.74em;width:.28em;height:var(--stroke);border-radius:var(--stroke);transform-origin:0 50%}.i-sit .i-leg-l{left:.57em;transform:rotate(4deg)}.i-sit .i-leg-r{right:auto;left:.57em;top:.8em;transform:rotate(1deg)}.i-sit:after{bottom:.07em;left:26%;width:56%;height:.02em;border-radius:.02em;background:currentColor;opacity:.42}.i-dance .i-head{top:.05em;left:53%}.i-dance .i-torso{top:.41em;transform:translate(-50%) rotate(7deg)}.i-dance .i-arm-l{left:.23em;top:.42em;height:.33em;transform:rotate(148deg)}.i-dance .i-arm-r{right:.22em;top:.46em;height:.3em;transform:rotate(-62deg)}.i-dance .i-leg-l{left:.38em;height:.24em;transform:rotate(-26deg)}.i-dance .i-leg-r{right:.42em;height:.22em;transform:rotate(36deg)}.i-dance:after{top:.02em;right:.02em;width:.05em;height:.05em;border-radius:50%;background:currentColor;box-shadow:-.1em .08em 0 currentColor;opacity:.6}.i-clap .i-head{top:.06em}.i-clap .i-arm-l{left:.3em;top:.45em;height:.23em;transform:rotate(54deg)}.i-clap .i-arm-r{right:.3em;top:.45em;height:.23em;transform:rotate(-54deg)}.i-clap .i-leg-l{left:.41em}.i-clap .i-leg-r{right:.41em}.i-clap:before{top:.53em;left:50%;width:.15em;height:.15em;background:currentColor;clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);transform:translate(-50%);opacity:.75}.i-clap:after{top:.62em;left:50%;width:.14em;height:.02em;border-radius:.02em;background:currentColor;opacity:.36;transform:translate(-50%)}.i-salute .i-head{top:.05em;left:52%}.i-salute .i-arm-l{left:.28em;transform:rotate(8deg)}.i-salute .i-arm-r{right:.26em;top:.41em;height:.25em;transform:rotate(126deg)}.i-salute .i-leg-l{left:.42em}.i-salute .i-leg-r{right:.42em}.i-point .i-head{top:.06em;left:55%}.i-point .i-torso{transform:translate(-50%) skew(4deg)}.i-point .i-arm-l{left:.27em;transform:rotate(-12deg)}.i-point .i-arm-r{right:.24em;top:.43em;height:.3em;transform:rotate(-88deg)}.i-point .i-leg-l{left:.4em;transform:rotate(-9deg)}.i-point .i-leg-r{right:.4em;transform:rotate(9deg)}.i-point:after{top:.455em;right:0;width:.06em;height:.06em;border-radius:50%;background:currentColor;opacity:.8}.i-bow .i-head{top:.12em;left:53%}.i-bow .i-torso{top:.42em;height:.28em;transform:translate(-50%) rotate(12deg)}.i-bow .i-arm-l{left:.28em;top:.48em;height:.24em;transform:rotate(24deg)}.i-bow .i-arm-r{right:.28em;top:.48em;height:.24em;transform:rotate(-24deg)}.i-bow .i-leg-l{left:.41em}.i-bow .i-leg-r{right:.41em}.i-bow:after{top:.1em;left:.12em;width:.12em;height:.02em;background:currentColor;box-shadow:0 .07em 0 currentColor;opacity:.42}.i-cheer .i-head{top:.07em}.i-cheer .i-arm-l{left:.22em;top:.42em;height:.34em;transform:rotate(158deg)}.i-cheer .i-arm-r{right:.22em;top:.42em;height:.34em;transform:rotate(-158deg)}.i-cheer .i-leg-l{left:.39em;height:.24em;transform:rotate(-14deg)}.i-cheer .i-leg-r{right:.39em;height:.24em;transform:rotate(14deg)}.i-cheer:before{top:-.04em;left:50%;width:.56em;height:.56em;border-radius:50%;background:radial-gradient(circle,currentColor 0 12%,transparent 46%);transform:translate(-50%);opacity:.22}.i-cheer:after{top:.04em;right:.12em;width:.05em;height:.05em;border-radius:50%;background:currentColor;box-shadow:-.16em .1em 0 currentColor,.1em .16em 0 currentColor,-.6em .22em 0 currentColor;opacity:.55}.i-swim .i-head{top:.09em;left:52%}.i-swim .i-arm-l{left:.23em;top:.42em;height:.35em;transform:rotate(136deg)}.i-swim .i-arm-r{right:.23em;top:.46em;height:.32em;transform:rotate(-64deg)}.i-swim .i-leg-l{left:.38em;height:.24em;transform:rotate(-18deg)}.i-swim .i-leg-r{right:.4em;height:.24em;transform:rotate(18deg)}.i-swim:after{bottom:.04em;left:14%;width:.32em;height:.02em;border-radius:.02em;background:currentColor;box-shadow:.24em .06em 0 currentColor;opacity:.46}.i-attack .i-head{top:.07em;left:55%}.i-attack .i-torso{transform:translate(-50%) skew(-9deg)}.i-attack .i-arm-l{left:.28em;top:.46em;height:.24em;transform:rotate(-26deg)}.i-attack .i-arm-r{right:.22em;top:.39em;height:.35em;transform:rotate(116deg)}.i-attack .i-leg-l{left:.38em;transform:rotate(-26deg)}.i-attack .i-leg-r{right:.45em;transform:rotate(16deg)}.i-attack:after{top:.3em;left:.12em;width:.18em;height:.18em;border-top:var(--stroke) solid currentColor;border-left:var(--stroke) solid currentColor;border-radius:50% 0 0;opacity:.36;transform:rotate(-24deg)}.i-climb .i-head{top:.09em;left:52%}.i-climb .i-arm-l{left:.24em;top:.39em;height:.35em;transform:rotate(162deg)}.i-climb .i-arm-r{right:.24em;top:.44em;height:.32em;transform:rotate(-116deg)}.i-climb .i-leg-l{left:.38em;top:.7em;height:.22em;transform:rotate(-46deg)}.i-climb .i-leg-r{right:.37em;top:.73em;height:.2em;transform:rotate(38deg)}.i-climb:before{top:.02em;bottom:.02em;left:.09em;width:.035em;border-radius:.02em;background:currentColor;box-shadow:.84em 0 0 currentColor;opacity:.28}.i-climb:after{top:.12em;left:.09em;width:.875em;height:.03em;border-radius:.02em;background:currentColor;box-shadow:0 .16em 0 currentColor,0 .32em 0 currentColor,0 .48em 0 currentColor,0 .64em 0 currentColor;opacity:.28}.i-lie .i-head{top:.34em;left:.68em;width:.28em;height:.28em;transform:none}.i-lie .i-torso{top:.4em;left:.36em;width:.3em;height:.22em;border-radius:.06em;transform:none}.i-lie .i-arm-l{top:.33em;left:.42em;width:.24em;height:var(--stroke);transform-origin:0 50%;transform:rotate(-24deg)}.i-lie .i-arm-r{top:.61em;right:auto;left:.43em;width:.22em;height:var(--stroke);transform-origin:0 50%;transform:rotate(22deg)}.i-lie .i-leg-l{top:.45em;right:auto;left:.07em;width:.29em;height:var(--stroke);transform-origin:0 50%;transform:rotate(5deg)}.i-lie .i-leg-r{top:.56em;right:auto;left:.08em;width:.27em;height:var(--stroke);transform-origin:0 50%;transform:rotate(-6deg)}.i-lie:after{bottom:.1em;left:8%;width:84%;height:.02em;border-radius:.02em;background:currentColor;opacity:.28}.i-video:before{top:50%;left:50%;width:.84em;height:.62em;border:.1em solid currentColor;border-radius:.16em;transform:translate(-50%,-50%)}.i-video:after{top:50%;left:50%;width:0;height:0;border-left:.22em solid currentColor;border-top:.14em solid transparent;border-bottom:.14em solid transparent;transform:translate(-38%,-50%)}.i-keyboard:before{top:50%;left:50%;width:.92em;height:.6em;border:.1em solid currentColor;border-radius:.12em;transform:translate(-50%,-50%)}.i-keyboard:after{top:50%;left:50%;width:.08em;height:.08em;border-radius:.02em;background:currentColor;transform:translate(-50%,-50%);box-shadow:-.24em -.1em 0 currentColor,0 -.1em 0 currentColor,.24em -.1em 0 currentColor,-.24em .12em 0 currentColor,0 .12em 0 currentColor,.24em .12em 0 currentColor}.i-share{background:linear-gradient(currentColor,currentColor) 50% 40% / .1em .42em no-repeat}.i-share:before{top:.08em;left:50%;width:.44em;height:.3em;background:currentColor;clip-path:polygon(50% 0,100% 100%,0 100%);transform:translate(-50%)}.i-share:after{bottom:.08em;left:50%;width:.72em;height:.3em;border:.1em solid currentColor;border-top:0;border-radius:0 0 .12em .12em;transform:translate(-50%)}.i-qr{border:.1em solid currentColor;border-radius:.08em}.i-qr:before{top:.16em;left:.16em;width:.2em;height:.2em;background:currentColor;box-shadow:.3em 0 0 currentColor}.i-qr:after{bottom:.16em;left:.16em;width:.2em;height:.2em;background:currentColor;box-shadow:.3em 0 0 currentColor}.i-chart{border-left:.1em solid currentColor;border-bottom:.1em solid currentColor}.i-chart:before{bottom:.06em;left:.18em;width:.16em;height:.32em;background:currentColor;box-shadow:.28em -.12em 0 currentColor,.56em -.26em 0 currentColor}.stage{position:relative;isolation:isolate;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--stage-radius);background:radial-gradient(80% 55% at 50% 16%,rgba(88,128,188,.12),transparent 62%),radial-gradient(100% 70% at 50% 110%,rgba(24,61,40,.16),transparent 60%),var(--stage-bg);box-shadow:var(--shadow-stage);--icon-cutout: #0d131b}.stage:before{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;box-shadow:inset 0 1px #ffffff12,inset 0 -120px 150px #00000042,inset 0 0 0 1px #ffffff04;pointer-events:none}.stage.is-dragover{box-shadow:var(--shadow-stage),inset 0 0 0 1px var(--accent-line)}.stage.is-recording{box-shadow:var(--shadow-stage),inset 0 0 0 1px var(--rec-line)}.stage.is-fatal{box-shadow:var(--shadow-stage),inset 0 0 0 1px var(--danger-line)}.stage-host{position:absolute;inset:0;z-index:var(--z-stage-host);min-width:0;min-height:0}.stage-host .stage-canvas-focus{position:absolute;inset:0;border-radius:inherit;outline:none;cursor:grab}.stage-host .stage-canvas-focus:active{cursor:grabbing}.stage-host .stage-canvas-focus:focus-visible{outline:2px solid var(--focus);outline-offset:-3px}.stage-host .stage-canvas-focus:focus:not(:focus-visible){outline:none}.stage-canvas{display:block;width:100%;height:100%;max-width:none;object-fit:contain;touch-action:none}.stage-overlay{position:absolute;inset:0;z-index:var(--z-stage-overlay);display:flex;flex-direction:column;justify-content:space-between;padding:var(--space-4);pointer-events:none}.stage-overlay button,.stage-overlay [role=button],.stage-overlay a,.stage-overlay label,.stage-overlay .interactive,.stage-overlay.is-empty,.stage-overlay.is-recording,.stage-overlay.is-loading{pointer-events:auto}.stage-top,.stage-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);min-width:0}.stage-bottom{align-items:flex-end;flex-wrap:wrap;row-gap:8px}.stage-chips{display:flex;flex-wrap:wrap;gap:6px;min-width:0;max-width:calc(100% - 104px)}.chip{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:0 9px;border:1px solid var(--border);border-radius:7px;background:#0d121ab8;box-shadow:inset 0 1px #ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-2);font-size:11px;line-height:1;white-space:nowrap}.chip .i{--is: 12px;color:var(--text-3)}.chip-file{max-width:280px;border-color:var(--border-strong);color:var(--text);font-weight:500;--is: 20px}.chip-file .i{--is: 12px;color:var(--accent)}.chip-text{overflow:hidden;min-width:0;text-overflow:ellipsis}.chip-mono{color:var(--text-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.02em}.chip-model{border-color:var(--accent-line);background:#0f2018a8;color:var(--accent);font-weight:600}.chip-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #61d98c1a;flex:none}.stage-live{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#0d121a99;color:var(--text-3);font-size:11px;line-height:1;font-weight:600;letter-spacing:.05em;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #61d98c1a;animation:rec-pulse 2.4s ease-in-out infinite}.stage-hint{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#0a0e1494;color:var(--text-3);font-size:11px;line-height:1;white-space:nowrap;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hint-touch{display:none}.stage-toolbar{display:flex;align-items:center;gap:2px;margin-left:auto;padding:3px;border:1px solid var(--border);border-radius:12px;background:#0a0e14bd;box-shadow:0 12px 30px #0000006b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto;z-index:var(--z-stage-toolbar)}.tool-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 9px;border:1px solid transparent;border-radius:8px;color:var(--text-2);font-size:11.5px;font-weight:600;line-height:1;cursor:pointer;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out),opacity var(--dur-hover) var(--ease-out),transform var(--dur-press) var(--ease-out)}.tool-btn .i{--is: 16px;color:var(--text-3);transition:color var(--dur-hover) var(--ease-out)}.tool-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.tool-btn:hover:not(:disabled) .i{color:var(--text-2)}.tool-btn:active:not(:disabled){transform:scale(.97)}.tool-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tool-btn:disabled{opacity:.4;cursor:not-allowed}.tool-btn.is-on{color:var(--accent);background:var(--accent-soft)}.tool-btn.is-on .i{color:var(--accent)}.tool-label{white-space:nowrap}.switch-track{position:relative;width:26px;height:15px;margin-left:1px;border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface-3);flex:none;transition:background var(--dur-hover) var(--ease-out),border-color var(--dur-hover) var(--ease-out)}.switch-thumb{position:absolute;top:1px;left:1px;width:11px;height:11px;border-radius:50%;background:var(--text-3);transition:transform var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out)}.tool-btn.is-on .switch-track{border-color:var(--accent);background:var(--accent)}.tool-btn.is-on .switch-thumb{background:var(--accent-ink);transform:translate(11px)}.stage-empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:var(--space-6);background:radial-gradient(58% 46% at 50% 44%,rgba(97,217,140,.06),transparent 68%);text-align:center;cursor:pointer;pointer-events:auto}.stage-empty:before{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(62% 58% at 50% 46%,#070a0fdb,#070a0fc7 40%,#070a0f85 64%,#070a0f2e 80%,#070a0f0a 92%);pointer-events:none}.stage-empty>*{position:relative;z-index:1}.empty-art{position:relative;display:grid;place-items:center;width:64px;height:64px;margin-bottom:6px;border:1px solid var(--accent-line);border-radius:50%;background:radial-gradient(120% 120% at 50% 18%,#61d98c33,#0f141cad);box-shadow:0 0 0 8px #61d98c09,0 20px 44px #00000073;color:var(--accent)}.empty-art .i{--is: 26px}.empty-art:after{content:"";position:absolute;inset:-10px;border:1px dashed rgba(97,217,140,.2);border-radius:50%;animation:slow-spin 30s linear infinite}.stage-empty h2{color:var(--text);font-size:clamp(20px,2.4vw,26px);line-height:1.15;font-weight:650;letter-spacing:-.015em}.empty-copy{max-width:280px;color:var(--text-2);font-size:var(--fs-sm);line-height:19px}.empty-cta{margin-top:6px;pointer-events:auto}.empty-meta{color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:15px;letter-spacing:.01em}.stage-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#070a0f8f;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.stage-loading .i{--is: 28px;color:var(--accent)}.loading-title{color:var(--text);font-size:var(--fs-sm);line-height:19px;font-weight:600}.loading-sub{color:var(--text-3);font-size:11px;line-height:15px}.stage-recording{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#04070b6b;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);pointer-events:auto}.rec-pill{position:absolute;top:16px;left:50%;display:inline-flex;align-items:center;gap:7px;height:27px;padding:0 11px;border:1px solid var(--rec-line);border-radius:var(--radius-pill);background:#2a0a10c2;box-shadow:0 8px 24px #0006;color:#ffb3bd;transform:translate(-50%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.rec-dot{width:6px;height:6px;border-radius:50%;background:var(--rec);box-shadow:0 0 0 3px #ff5d7324;animation:rec-pulse var(--rec-pulse) ease-in-out infinite;flex:none}.rec-label{color:#ffd0d6;font-size:11px;line-height:1;font-weight:700;letter-spacing:.09em}.rec-time{color:#ffb3bd;font-family:var(--font-mono);font-size:11px;line-height:1;font-variant-numeric:tabular-nums}.rec-card{width:min(380px,100%);padding:var(--space-5);border:1px solid rgba(255,93,115,.28);border-radius:var(--radius-md);background:#0f141cf5;box-shadow:0 2px #ffffff0a inset,0 34px 80px #00000094;animation:rise-in .22s var(--ease-out)}.rec-card-head{display:flex;align-items:center;gap:9px}.rec-spinner{display:inline-flex;color:var(--rec)}.rec-spinner .i{--is: 17px}.rec-title{flex:1;color:var(--text);font-size:var(--fs-sm);line-height:19px;font-weight:650}.rec-pct{color:var(--rec);font-family:var(--font-mono);font-size:17px;line-height:1;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.rec-phase-line{min-height:16px;margin-top:3px;color:var(--text-3);font-size:11px;line-height:16px}.rec-track{height:6px;margin-top:10px;overflow:hidden;border-radius:var(--radius-pill);background:var(--surface-3)}.rec-fill{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--rec),#ff8a9a);transition:width var(--dur-progress) linear}.rec-card.is-preparing .rec-fill{width:35%!important;animation:progress-indeterminate 1.2s var(--ease-in-out) infinite}.rec-card.is-finalizing .rec-fill{width:100%!important}.rec-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:6px;color:var(--text-3);font-family:var(--font-mono);font-size:11px;line-height:15px;font-variant-numeric:tabular-nums}.rec-hint{margin-top:10px;color:var(--text-3);font-size:11px;line-height:16px}.rec-plan{margin-top:8px;padding-top:8px;border-top:1px dashed var(--border);color:var(--text-2);font-family:var(--font-mono);font-size:11px;line-height:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.rec-cancel{width:100%;min-height:40px;margin-top:12px}.stage-fatal{position:absolute;inset:0;display:grid;place-items:center;padding:var(--space-6);background:#04070bb8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);pointer-events:auto}.fatal-card{display:flex;flex-direction:column;align-items:center;gap:8px;width:min(420px,100%);padding:var(--space-6);border:1px solid var(--danger-line);border-radius:16px;background:var(--surface);box-shadow:0 34px 80px #00000094;text-align:center;animation:rise-in .22s var(--ease-out);--alert-cutout: var(--surface)}.fatal-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--danger-line);border-radius:50%;background:var(--danger-soft);color:var(--danger)}.fatal-icon .i{--is: 22px}.fatal-card h2{color:var(--text);font-size:var(--fs-h1);line-height:28px;font-weight:650;letter-spacing:-.01em}.fatal-message{color:var(--text-2);font-size:var(--fs-xs);line-height:18px}.fatal-hint{color:var(--text-3);font-size:11px;line-height:16px}.fatal-card .btn{min-width:132px;margin-top:6px}.stage-drop{position:absolute;inset:12px;z-index:var(--z-stage-drop);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:2px dashed var(--accent);border-radius:14px;background:#070a0fd6;color:var(--accent);font-size:var(--fs-sm);font-weight:600;opacity:0;visibility:hidden;pointer-events:none;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);transition:opacity var(--dur-hover) var(--ease-out),visibility var(--dur-hover) var(--ease-out);--is: 20px}.stage-drop .i{--is: 24px}.stage.is-dragover .stage-drop{opacity:1;visibility:visible}@media(max-width:1023px){.stage-overlay{padding:14px}.stage-empty h2{font-size:23px}}@media(max-width:719px){.stage{--stage-chrome-top: 40px;--stage-chrome-bottom: 58px;scroll-margin-top:calc(var(--header-height-mobile) + 8px)}.stage-host{top:var(--stage-chrome-top);bottom:var(--stage-chrome-bottom)}.stage.is-empty .stage-host,.stage.is-loading .stage-host,.stage.is-recording .stage-host,.stage.is-fatal .stage-host{top:0;bottom:0}.stage-overlay{padding:0}.stage-top{position:absolute;top:0;left:0;right:0;z-index:var(--z-stage-toolbar);align-items:center;height:var(--stage-chrome-top);padding:6px 12px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#0a0e14f0,#0a0e149e)}.stage-bottom{position:absolute;left:0;right:0;bottom:0;z-index:var(--z-stage-toolbar);align-items:center;flex-wrap:nowrap;height:var(--stage-chrome-bottom);padding:5px 12px;border-top:1px solid var(--border);background:linear-gradient(0deg,#0a0e14f5,#0a0e14a8)}.stage-chips{max-width:100%;flex-wrap:nowrap;overflow:hidden;gap:5px}.chip{flex:none;min-height:26px;padding:0 8px;font-size:11px}.chip-file{max-width:150px}.stage-live{display:none}.stage-hint{padding:0 9px;font-size:11px}.stage-toolbar{margin-left:auto;border-radius:11px;padding:2px}.tool-btn{min-height:44px;height:44px;padding:0 10px;font-size:11px}.tool-btn .i{--is: 17px}.switch-track{width:28px;height:16px}.switch-thumb{width:12px;height:12px}.tool-btn.is-on .switch-thumb{transform:translate(12px)}.stage-empty{justify-content:flex-start;gap:8px;padding:20px var(--space-5) 10px;background:radial-gradient(62% 52% at 50% 44%,rgba(7,10,15,.42),transparent 72%),radial-gradient(58% 46% at 50% 44%,rgba(97,217,140,.06),transparent 68%)}.empty-art{width:58px;height:58px;margin-bottom:4px}.empty-art .i{--is: 24px}.stage-empty h2{font-size:21px}.empty-copy{font-size:var(--fs-xs);line-height:17px}.empty-meta{padding:3px 8px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#0a0e14ad;font-size:11px;line-height:14px}.stage.is-recording{z-index:19;height:clamp(210px,30vh,260px)}.stage-recording{align-items:flex-end;justify-content:center;padding:0;background:#04070b1f;backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.rec-pill{top:10px}.rec-card{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:12px;z-index:30;width:auto;max-width:430px;max-height:calc(100dvh - 24px);margin:0 auto;padding:var(--space-4);overflow-y:auto;pointer-events:auto}.rec-title{font-size:12px;line-height:17px}.rec-pct{font-size:15px}.rec-cancel{min-height:44px}.fatal-card{padding:var(--space-5)}.fatal-card h2{font-size:18px;line-height:24px}}@media(max-width:719px)and (max-height:640px){.stage-empty{gap:6px;padding:10px 12px 8px}.empty-art{width:48px;height:48px;margin-bottom:2px}.empty-art .i{--is: 20px}.stage-empty h2{font-size:19px;line-height:22px}.empty-copy{font-size:12px;line-height:16px}.empty-cta{margin-top:2px}.empty-meta{padding:2px 4px;font-size:11px;line-height:14px;letter-spacing:0;white-space:nowrap}}@media(max-width:359px){.stage-hint{display:none}.chip-file{max-width:118px}.chip-format{display:none}}@media(pointer:coarse){.stage-host .stage-canvas-focus{cursor:default}.tool-btn{min-height:44px;height:44px}.rec-cancel{min-height:44px}}@media(hover:none){.hint-desktop{display:none}.hint-touch{display:inline}}.hint-lock,.stage.is-travel-locked .hint-desktop,.stage.is-travel-locked .hint-touch{display:none}.stage.is-travel-locked .hint-lock{display:inline;color:var(--warning)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes rec-pulse{0%,to{opacity:1;box-shadow:0 0 0 3px #ff5d7324}50%{opacity:.55;box-shadow:0 0 0 5px #ff5d730a}}@keyframes shimmer{0%{transform:translate(-110%)}to{transform:translate(110%)}}@keyframes progress-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(6px) scale(.98)}}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.panel-head,.panel-section{animation:rise-in var(--dur-panel) var(--ease-out) both}.panel-section--skin{animation-delay:40ms}.panel-section--scenes{animation-delay:70ms}.panel-section--skin-extras{animation-delay:90ms}.panel-section--actions{animation-delay:.12s}.panel-section--export{animation-delay:.16s}.stage-top,.stage-bottom{animation:fade-in .22s var(--ease-out)}.stage-empty{animation:rise-in .32s var(--ease-out)}.stage-loading,.stage-recording,.stage-fatal{animation:fade-in .18s var(--ease-out)}.toast{animation:toast-in var(--dur-toast) var(--ease-out)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.empty-art{animation:rise-in .42s var(--ease-out)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.i-rotate.is-active,.i-spinner,.rec-dot,.live-dot,.status-dot.is-busy,.empty-art:after,.skin-card:after,.export-progress.is-preparing .progress-fill,.rec-card.is-preparing .rec-fill{animation:none!important}.panel-head,.panel-section,.stage-top,.stage-bottom,.stage-empty,.stage-loading,.stage-recording,.stage-fatal,.result-card,.rec-card,.shortcuts-panel,.toast{animation:none!important}}