@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap";:root{--bg-0: #ffffff;--bg-1: #f6f8fc;--bg-2: #eef2fa;--bg-3: #e6ecf7;--line: #d5dbe9;--line-strong: #445286;--text: #2b2d33;--muted: #5c543e;--accent: #254edb;--accent-strong: #dbab25;--danger: #9c8341;--ink-soft: #445286;--surface-0: rgba(255, 255, 255, .96);--surface-1: rgba(240, 244, 252, .95);--control-bg: #ffffff;--control-border: #c8d2e7;--overlay-bg: rgba(24, 33, 58, .42);--shadow-soft: rgba(68, 82, 134, .11);--header-strip: rgba(238, 242, 250, .9);--timeline-bg: rgba(248, 250, 255, .98);--timeline-canvas-bg: linear-gradient(180deg, #ffffff, #f3f6fc);--timeline-row-bg: rgba(255, 255, 255, .75);--timeline-head-bg: rgba(236, 242, 252, .92);--timeline-ruler-bg: rgba(255, 255, 255, .96);--timeline-grid-line: rgba(68, 82, 134, .13);--timeline-row-border: #e2e7f3}[data-theme=dark]{--bg-0: #0c1018;--bg-1: #121824;--bg-2: #182033;--bg-3: #202a40;--line: #33405d;--line-strong: #8da0d8;--text: #edf2ff;--muted: #a9b5d0;--accent: #7ea2ff;--accent-strong: #f0bf4e;--danger: #e2bd5b;--ink-soft: #b5c3ea;--surface-0: rgba(18, 24, 36, .96);--surface-1: rgba(25, 34, 52, .95);--control-bg: #111827;--control-border: #3c4b6b;--overlay-bg: rgba(2, 6, 15, .62);--shadow-soft: rgba(0, 0, 0, .32);--header-strip: rgba(20, 28, 43, .95);--timeline-bg: rgba(13, 18, 29, .98);--timeline-canvas-bg: linear-gradient(180deg, #0e1420, #111a2a);--timeline-row-bg: rgba(18, 26, 41, .82);--timeline-head-bg: rgba(24, 34, 52, .95);--timeline-ruler-bg: rgba(17, 24, 39, .97);--timeline-grid-line: rgba(126, 162, 255, .18);--timeline-row-border: #26334d}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{font-family:Noto Sans JP,sans-serif;color:var(--text);background:radial-gradient(circle at 12% 14%,rgba(37,78,219,.12),transparent 38%),radial-gradient(circle at 86% 84%,rgba(219,171,37,.18),transparent 42%),linear-gradient(140deg,var(--bg-0),var(--bg-1) 52%,var(--bg-2) 100%)}.app-shell{width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr);gap:8px;padding:10px}.project-file-error{position:fixed;top:76px;left:18px;right:18px;z-index:75}.app-header{min-width:0;display:grid;grid-template-rows:auto auto;gap:6px;border:1px solid var(--line);border-radius:7px;background:linear-gradient(180deg,var(--surface-0),var(--surface-1));box-shadow:0 8px 22px var(--shadow-soft);overflow:hidden}.header{border:1px solid var(--line);border-radius:7px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,var(--surface-0),var(--surface-1));box-shadow:0 10px 30px var(--shadow-soft)}.header h1{margin:0;font-family:Orbitron,sans-serif;font-size:17px;letter-spacing:.06em;color:var(--accent)}.workspace{min-height:0;display:grid;gap:0}.main-grid{min-height:0;display:grid;align-items:stretch;gap:8px}.main-grid-v2{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.panel{position:relative;min-height:0;border:1px solid var(--line);border-radius:7px;background:linear-gradient(180deg,var(--surface-0),var(--surface-1));box-shadow:0 8px 20px var(--shadow-soft)}.panel-active{border-color:#254edba6;box-shadow:0 0 0 2px #254edb29,0 8px 20px #4452861a}.panel-left,.panel-right{padding:12px;overflow:auto}.panel-center{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden}.scene-tabs{display:flex;align-items:center;gap:6px;padding:8px;border-bottom:1px solid var(--line);background:var(--header-strip);position:relative}.header-actions{margin-left:auto;display:flex;align-items:center;gap:6px}.settings-menu{display:inline-flex}.header-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:72;display:grid;place-items:center;padding:24px;background:#2e334294;-webkit-backdrop-filter:grayscale(.72) blur(2px);backdrop-filter:grayscale(.72) blur(2px)}.header-floating-panel{width:min(340px,calc(100vw - 48px));display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,var(--surface-0),var(--surface-1));box-shadow:0 26px 72px #14182447,0 0 0 1px #ffffff8a inset}.file-floating-panel{width:min(240px,calc(100vw - 48px))}.settings-panel{width:min(340px,calc(100vw - 48px))}.header-floating-panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-bottom:4px;border-bottom:1px solid var(--line)}.header-floating-panel-header h2{margin:0;font-size:13px;color:var(--accent)}.header-floating-panel-header span{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}.header-history-actions{display:inline-flex;align-items:center;gap:4px;padding-left:2px}.header-icon-btn{width:32px;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center;padding:6px;color:var(--ink-soft)}.header-icon-btn:not(:disabled):hover{border-color:var(--accent);background:#254edb1a;color:var(--accent)}.header-export-btn{display:inline-flex;align-items:center;gap:6px;min-height:32px;border-color:#b92929;background:#d93a3a;color:#fff;font-weight:700}.header-export-btn:hover{border-color:#a82424;background:#c73131}.main-toolbar{min-width:0;display:flex;align-items:center;gap:8px;padding:6px 8px 8px;overflow-x:auto;border-top:1px solid rgba(213,219,233,.72)}.main-toolbar button{width:34px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px;white-space:nowrap}.main-toolbar button[data-testid=property-sheet-toggle],.toolbar-label{display:none}.material-icon{width:18px;height:18px;flex:0 0 auto;fill:currentColor}.main-toolbar .inline-field{flex:0 0 auto;white-space:nowrap}.main-toolbar .inline-field input{width:72px}.scene-tabs button{padding:5px 10px;border-radius:4px}.scene-tab-wrap{position:relative;display:inline-flex;align-items:center;gap:2px;min-height:32px;border:1px solid var(--line);border-radius:4px;background:var(--control-bg)}.scene-tab-wrap.active{border-color:var(--accent);background:#254edb1f;color:var(--accent)}.scene-tab-button{min-height:30px;border:0;background:transparent;color:inherit}.scene-tab-button:hover,.scene-tab-button:focus-visible{background:transparent;color:var(--accent)}.scene-duplicate-button{width:26px;min-width:26px;min-height:26px;padding:4px;margin-right:2px;opacity:0;pointer-events:none;color:var(--ink-soft);background:transparent;border-color:transparent;transition:opacity .12s ease,color .12s ease,background .12s ease}.scene-tab-wrap:hover .scene-duplicate-button,.scene-tab-wrap:focus-within .scene-duplicate-button{opacity:1;pointer-events:auto}.scene-duplicate-button:hover,.scene-duplicate-button:focus-visible{border-color:var(--accent);background:#254edb1a;color:var(--accent)}.file-menu{display:inline-flex}.file-menu-trigger.active{border-color:var(--accent);background:#254edb1f;color:var(--accent)}.file-floating-panel button{width:100%;text-align:left}.project-file-error{margin:0;padding:8px 10px;border:1px solid #b25555;border-radius:4px;background:#b255551f;color:#7f1f1f;font-size:12px}.recovery-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;background:#14182473}.recovery-modal{width:min(460px,calc(100vw - 24px));border:1px solid var(--line-strong);border-radius:6px;padding:16px;background:#fff;box-shadow:0 20px 42px #14182447}.recovery-modal h3{margin:0 0 8px;font-size:17px}.recovery-modal p{margin:0 0 14px;font-size:13px;color:var(--ink-soft)}.recovery-actions{display:flex;justify-content:flex-end;gap:8px}.recovery-notice{position:fixed;right:12px;bottom:12px;z-index:75;max-width:360px;padding:10px 12px;border:1px solid #b25555;border-radius:8px;background:#b255551f;color:#7f1f1f;font-size:12px}.drag-handle{width:8px;cursor:col-resize;background:linear-gradient(180deg,transparent,rgba(68,82,134,.25),transparent);border-radius:999px}.drag-handle.horizontal{width:100%;height:8px;cursor:row-resize;margin:0}.viewport-wrap{position:relative;min-height:0}.viewport-panel-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:8px}.viewport-split-canvas{grid-column:1 / -1;grid-row:1;z-index:0}.viewport-panel{position:relative;z-index:1;min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:transparent;pointer-events:none}.viewport-world-panel{grid-column:1;grid-row:1}.viewport-camera-panel{grid-column:2;grid-row:1}.viewport-panel-header{position:absolute;top:8px;left:8px;z-index:2;padding:3px 8px;border:1px solid rgba(213,219,233,.9);border-radius:8px;background:#ffffffe6;color:var(--ink-soft);font-size:11px;pointer-events:none}.viewport{width:100%;height:100%;min-height:320px}.viewport-gizmo-toolbar{position:absolute;top:10px;left:10px;display:flex;gap:6px;z-index:2}.axis-widget{position:absolute;top:10px;right:10px;width:96px;height:96px;border:1px solid color-mix(in srgb,var(--line-strong) 64%,transparent 36%);border-radius:50%;padding:0;color:var(--ink-soft);background:color-mix(in srgb,var(--surface-0) 88%,transparent 12%);box-shadow:0 10px 24px var(--shadow-soft);z-index:2;pointer-events:auto;overflow:hidden}.axis-nav-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.axis-nav-bg{fill:color-mix(in srgb,var(--bg-0) 74%,var(--line-strong) 26%);opacity:.34}.axis-nav-ring{fill:none;stroke:color-mix(in srgb,var(--text) 62%,transparent 38%);stroke-miterlimit:10;stroke-width:3.01px;opacity:.7}.axis-nav-x-face{fill:#d62f2f}.axis-nav-y-face{fill:#42d742}.axis-nav-z-face{fill:#3131d5}.axis-nav-x-light{fill:#ff5b5b}.axis-nav-y-light{fill:#47e247}.axis-nav-z-light{fill:#5d7dff}.axis-nav-button{position:absolute;width:24px;min-width:24px;height:20px;min-height:20px;padding:0;border-radius:999px;font-size:10px;font-weight:700;line-height:1;color:var(--text);background:color-mix(in srgb,var(--surface-0) 82%,transparent 18%);border:1px solid color-mix(in srgb,var(--line-strong) 72%,transparent 28%);box-shadow:0 2px 8px color-mix(in srgb,var(--shadow-soft) 80%,transparent 20%)}.axis-nav-button:hover,.axis-nav-button:focus-visible{border-color:var(--accent);outline:none}.axis-nav-x-plus{right:8px;top:58px;color:#b3261e}.axis-nav-x-minus{left:8px;top:34px;color:#b3261e}.axis-nav-y-plus{left:50%;top:6px;transform:translate(-50%);color:#247a2d}.axis-nav-y-minus{left:50%;bottom:6px;transform:translate(-50%);color:#247a2d}.axis-nav-z-plus{left:8px;top:58px;color:#254edb}.axis-nav-z-minus{right:8px;top:34px;color:#254edb}[data-theme=dark] .axis-nav-button{color:#edf2ff;background:#121824d1}[data-theme=dark] .axis-nav-ring{stroke:#edf2ffb8}.camera-preview-wrap{position:relative;width:auto!important;height:auto!important;min-height:0;border:1px solid var(--line-strong);border-radius:10px;background:#fffffff2;overflow:hidden;box-shadow:none;z-index:1}.camera-preview-title{right:auto;height:auto}.camera-preview{width:100%;height:100%;min-height:100%;display:block}.camera-safe-area{position:absolute;top:10%;right:10%;bottom:10%;left:10%;z-index:2;border:1px solid rgba(255,255,255,.82);box-shadow:0 0 0 1px #1f1f1f59,inset 0 0 0 1px #1f1f1f40;pointer-events:none}.camera-safe-area:after{content:"";position:absolute;top:6%;right:6%;bottom:6%;left:6%;border:1px dashed rgba(255,255,255,.64)}.playback{border-top:1px solid var(--line);padding:10px;display:flex;align-items:center;gap:10px}.timeline-footer{position:relative;min-height:0;border:1px solid var(--line);border-radius:7px;background:linear-gradient(180deg,var(--surface-0),var(--timeline-bg));overflow:hidden}.timeline-footer.panel-active{border-color:#254edba6;box-shadow:0 0 0 2px #254edb29}.timeline-shell{width:100%;height:100%;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;padding:8px;outline:none;user-select:none;-webkit-user-select:none}.timeline-top-row,.timeline-toolbar,.timeline-bottom-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;flex-wrap:wrap}.timeline-top-row{justify-content:space-between;flex-wrap:nowrap}.timeline-top-row .timeline-toolbar{flex:1 1 auto;min-width:0}.timeline-top-row .zoom-field{flex:0 0 auto}.timeline-top-row .zoom-field input[type=range]{width:72px}.timeline-tools,.timeline-meta-inputs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.timeline-toolbar{justify-content:space-between;flex-wrap:nowrap}.timeline-toolbar-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.timeline-toolbar-left [data-testid=timeline-current-time]{min-width:64px;color:var(--muted);font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:700}.timeline-scroll-x{min-height:0;overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--timeline-bg)}.timeline-canvas{background:var(--timeline-canvas-bg)}.timeline-ruler{position:sticky;top:0;left:0;right:0;border-bottom:1px solid var(--line);background:var(--timeline-ruler-bg);z-index:5}.timeline-label-gutter{position:sticky;top:0;bottom:0;left:0;border-right:1px solid var(--line);background:var(--timeline-head-bg);z-index:8}.timeline-tick{position:absolute;top:0;width:1px;background:var(--line-strong)}.timeline-tick span{position:absolute;top:2px;left:4px;font-size:10px;color:var(--ink-soft)}.timeline-track-row{position:absolute;left:0;right:0;border-bottom:1px solid var(--timeline-row-border);background:var(--timeline-row-bg)}.timeline-track-row.selected{background:#254edb1a}.timeline-camera-unified-row{background:linear-gradient(180deg,transparent 33px,var(--timeline-grid-line) 33px,var(--timeline-grid-line) 34px,transparent 34px),var(--timeline-row-bg)}.timeline-camera-unified-row.selected{background:linear-gradient(180deg,transparent 33px,color-mix(in srgb,var(--timeline-grid-line) 80%,var(--accent) 20%) 33px,color-mix(in srgb,var(--timeline-grid-line) 80%,var(--accent) 20%) 34px,transparent 34px),#254edb1a}.timeline-track-head{position:sticky;left:0;top:0;height:34px;display:flex;align-items:center;gap:6px;padding-left:6px;border-right:1px solid var(--line);background:var(--timeline-head-bg);z-index:8}.timeline-track-toggle{width:20px;height:20px;border-radius:6px;padding:0;font-size:10px}.timeline-track-label{position:static;font-size:11px;color:var(--accent);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-camera-lane-label{position:sticky;left:0;height:34px;display:flex;align-items:center;padding-left:62px;border-right:1px solid var(--line);background:var(--timeline-head-bg);color:var(--ink-soft);font-size:11px;font-weight:700;pointer-events:none;z-index:8}.timeline-property-label-row{position:sticky;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 6px 0 24px;font-size:11px;color:var(--ink-soft);border-top:1px solid var(--timeline-grid-line);border-right:1px solid var(--line);background:var(--timeline-head-bg);z-index:8}.timeline-property-add-key{width:18px;height:18px;border-radius:6px;padding:0;font-size:12px;line-height:1}.timeline-keyframe-row{position:absolute;right:0;height:18px;border-top:1px solid var(--timeline-grid-line)}.timeline-keyframe{position:absolute;top:4px;width:8px;height:8px;border:1px solid #9c8341;background:#dbab258c;transform:rotate(45deg)}.timeline-keyframe.selected{border-color:#1c3fc7;background:#254edbe6;box-shadow:0 0 0 2px #254edb4d}.timeline-marquee{position:absolute;border:1px solid rgba(37,78,219,.9);background:#254edb26;pointer-events:none;z-index:7}.timeline-context-menu{position:fixed;z-index:30;border:1px solid var(--line-strong);border-radius:8px;padding:6px;background:var(--surface-0);box-shadow:0 12px 24px #44528633}.timeline-context-menu button{width:100%;text-align:left}.timeline-add-track-inline{position:absolute;left:8px;bottom:-24px;width:22px;height:22px;border-radius:999px;padding:0;font-weight:700}.playhead{width:2px;background:linear-gradient(180deg,#dbab25,#9c8341);box-shadow:0 0 9px #9c83418c;z-index:6;pointer-events:none}.clip-block{cursor:grab;-webkit-user-select:none;user-select:none}.clip-block:active{cursor:grabbing}.clip-loop-overlay{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,#254edb3d,#254edb3d 4px,#254edb0d 4px,#254edb0d 8px);pointer-events:none}.clip-out-point{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:#dbab25;box-shadow:0 0 6px #dbab25b3;pointer-events:none}.clip-speed-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:3;padding:2px 6px;border-radius:999px;font-size:10px;line-height:1;color:var(--text);background:var(--surface-0);border:1px solid var(--line);pointer-events:none}.clip-name-label{position:relative;z-index:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-speed-badge.active{color:#fff;background:#254edbeb;border-color:#153499f2}.clip-handle{position:absolute;top:-1px;bottom:-1px;width:8px;border:1px solid var(--line-strong);background:var(--bg-3);z-index:5}.clip-handle-start{left:-1px;border-radius:6px 0 0 6px;cursor:ew-resize}.clip-handle-end{right:-1px;border-radius:0 6px 6px 0;cursor:ew-resize}.blend-zone{z-index:3;cursor:ew-resize;border:1px solid color-mix(in srgb,var(--accent) 68%,white 32%);border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--line-strong) 26%,transparent 74%)}.blend-zone-layer{position:absolute;top:0;right:0;bottom:0;left:0}.blend-zone-layer.top{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 80%,white 20%),color-mix(in srgb,var(--line-strong) 70%,var(--accent) 30%));clip-path:polygon(0 0,100% 0,62% 100%,0 100%)}.blend-zone-layer.bottom{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-strong) 70%,white 30%),color-mix(in srgb,var(--danger) 75%,var(--muted) 25%));clip-path:polygon(38% 0,100% 0,100% 100%,0 100%)}.blend-zone-center{position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translate(-50%);background:color-mix(in srgb,white 74%,var(--bg-0) 26%)}.blend-zone-label{position:absolute;left:6px;right:6px;top:50%;transform:translateY(-50%);font-size:11px;line-height:1;color:#f5f8ff;text-align:center;text-shadow:0 1px 2px color-mix(in srgb,var(--line-strong) 70%,transparent 30%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blend-zone.blocked{cursor:not-allowed;border-color:color-mix(in srgb,var(--danger) 78%,var(--muted) 22%)}.blend-zone.blocked .blend-zone-layer.top{background:repeating-linear-gradient(-45deg,color-mix(in srgb,var(--muted) 72%,var(--line-strong) 28%),color-mix(in srgb,var(--muted) 72%,var(--line-strong) 28%) 5px,color-mix(in srgb,var(--text) 72%,var(--line-strong) 28%) 5px,color-mix(in srgb,var(--text) 72%,var(--line-strong) 28%) 10px)}.blend-zone.blocked .blend-zone-layer.bottom{background:linear-gradient(180deg,color-mix(in srgb,var(--danger) 55%,var(--bg-3) 45%),color-mix(in srgb,var(--muted) 88%,black 12%))}.blend-zone.blocked .blend-zone-center{background:color-mix(in srgb,var(--accent-strong) 52%,white 48%)}.blend-zone.idle{border-color:color-mix(in srgb,var(--line-strong) 64%,white 36%)}.blend-zone.idle .blend-zone-layer.top{background:linear-gradient(180deg,color-mix(in srgb,var(--line-strong) 60%,white 40%),color-mix(in srgb,var(--line-strong) 85%,var(--bg-2) 15%))}.blend-zone.idle .blend-zone-layer.bottom{background:linear-gradient(180deg,color-mix(in srgb,var(--muted) 45%,var(--bg-3) 55%),color-mix(in srgb,var(--text) 45%,var(--line-strong) 55%))}.property-panel{display:grid;gap:14px}.property-sidebar{overflow:auto}.motion-library-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;place-items:center;padding:24px;background:var(--overlay-bg);-webkit-backdrop-filter:grayscale(.72) blur(2px);backdrop-filter:grayscale(.72) blur(2px)}.motion-library-modal{width:min(1060px,calc(100vw - 56px));max-height:min(760px,calc(100vh - 48px));display:grid;grid-template-rows:auto minmax(0,1fr);padding:0;overflow:hidden;border-radius:11px;background:var(--surface-0);box-shadow:0 26px 72px #14182452,0 0 0 1px color-mix(in srgb,var(--line) 72%,transparent 28%) inset}.motion-library-modal>section{min-height:0;overflow:auto;overscroll-behavior:contain}.motion-library-modal .card-list{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.modal-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:14px 16px 10px 24px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent 28%);background:var(--timeline-ruler-bg)}.modal-header h3{margin:0}.property-bottom-sheet{position:fixed;left:12px;right:12px;bottom:12px;z-index:65;max-height:min(70vh,560px);display:none;overflow:auto;padding:12px;border-radius:7px 7px 5px 5px;box-shadow:0 -14px 38px #14182438}.property-group{border:1px solid var(--line);border-radius:10px;padding:10px;display:grid;gap:8px}.property-group h4{margin:0;font-size:13px}.array-field{display:grid;gap:4px}.array-field span{font-size:12px;color:var(--muted)}.array-field>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.checkbox-field{display:inline-flex;align-items:center;gap:8px;font-size:13px}.property-line{font-size:12px}.muted{color:var(--muted)}.card-list{display:grid;gap:8px}.motion-library-panel{display:grid;gap:14px;padding:0 24px 18px}.motion-library-controls{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);align-items:center;gap:8px 12px;margin:0 -24px;padding:12px 24px 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent 28%);background:color-mix(in srgb,var(--surface-0) 96%,transparent 4%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.motion-search-field{position:relative;min-width:0}.motion-search-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.motion-search-field input{width:100%;min-height:34px;padding:6px 10px 6px 34px;border-radius:6px;background:linear-gradient(90deg,transparent 0 34px,color-mix(in srgb,var(--line) 80%,transparent 20%) 34px 35px,transparent 35px),var(--control-bg);box-shadow:0 1px #4452860a}.motion-search-field:before{content:"";position:absolute;left:13px;top:50%;width:10px;height:10px;border:2px solid var(--ink-soft);border-radius:50%;transform:translateY(-58%);opacity:.75}.motion-search-field:after{content:"";position:absolute;left:24px;top:24px;width:7px;height:2px;border-radius:999px;background:var(--ink-soft);transform:rotate(45deg);opacity:.75}.motion-category-filter{position:relative;min-width:0}.sr-only,.motion-category-select{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.motion-category-chips{display:flex;flex-wrap:wrap;gap:6px}.motion-category-chip{min-height:30px;padding:5px 10px;border-radius:6px;color:var(--text);font-size:11px;font-weight:700;background:var(--control-bg);box-shadow:0 1px #4452860a}.motion-category-chip.active{border-color:var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 18px #254edb38}.motion-card{display:grid;grid-template-rows:146px auto;overflow:hidden;border:1px solid var(--line);border-radius:7px;padding:0;background:var(--surface-0);box-shadow:0 8px 18px #44528614;transition:border-color .14s ease,box-shadow .14s ease,transform .14s ease}.motion-card:hover,.motion-card.preview-active{border-color:#254edb80;box-shadow:0 16px 28px #44528629;transform:translateY(-1px)}.motion-card-preview{--motion-preview-a: #eff5ff;--motion-preview-b: #dbe8fb;--motion-preview-c: #8aa5d8;position:relative;overflow:hidden;background:linear-gradient(180deg,#ffffff47,#fff0 44%),radial-gradient(circle at 70% 22%,rgba(255,255,255,.88),transparent 24%),linear-gradient(145deg,var(--motion-preview-a),var(--motion-preview-b))}.motion-card-preview:before{content:"";position:absolute;top:56%;right:-12px;bottom:-18px;left:-12px;background:linear-gradient(90deg,rgba(68,82,134,.16) 1px,transparent 1px),linear-gradient(0deg,rgba(68,82,134,.16) 1px,transparent 1px);background-size:28px 18px;transform:perspective(160px) rotateX(58deg);transform-origin:top}.motion-card-preview:after{content:var(--motion-preview-label);position:absolute;right:10px;bottom:8px;color:#14213d33;font-size:24px;font-weight:800;letter-spacing:0}.motion-card-preview img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;object-fit:cover}.motion-preview-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;display:block;background:linear-gradient(145deg,var(--motion-preview-a),var(--motion-preview-b))}.motion-preview-figure{position:absolute;left:50%;top:48%;z-index:1;width:72px;height:92px;transform:translate(-50%,-50%)}.motion-preview-figure span{position:absolute;display:block;border-radius:999px;background:linear-gradient(180deg,#f9fbff,var(--motion-preview-c));box-shadow:0 8px 18px #4452862e}.motion-preview-figure span:nth-child(1){left:27px;top:0;width:20px;height:20px}.motion-preview-figure span:nth-child(2){left:23px;top:24px;width:26px;height:42px}.motion-preview-figure span:nth-child(3){left:6px;top:60px;width:62px;height:16px;transform:rotate(-18deg)}.motion-preview-badge{position:absolute;left:8px;top:8px;z-index:3;padding:3px 7px;border-radius:5px;background:color-mix(in srgb,var(--surface-0) 86%,transparent 14%);color:var(--text);font-size:10px;font-weight:700}.motion-preview-locomotion{--motion-preview-a: #edf6ff;--motion-preview-b: #cfe2f9;--motion-preview-c: #6f8fc8}.motion-preview-action{--motion-preview-a: #fff5e6;--motion-preview-b: #ead8aa;--motion-preview-c: #c8993d}.motion-preview-pose{--motion-preview-a: #f1f7f3;--motion-preview-b: #cfe1d6;--motion-preview-c: #7aa189}.motion-preview-interaction{--motion-preview-a: #f6f1ff;--motion-preview-b: #ddd4f4;--motion-preview-c: #8a78bd}.motion-preview-camera{--motion-preview-a: #edf7fb;--motion-preview-b: #c7dfe9;--motion-preview-c: #648da0}.motion-preview-constraint{--motion-preview-a: #f2fbf6;--motion-preview-b: #cce8d7;--motion-preview-c: #5fa578}.motion-preview-model{--motion-preview-a: #f7f8fb;--motion-preview-b: #d9dee9;--motion-preview-c: #7f899e}.motion-card-body{display:grid;gap:8px;padding:11px}.motion-card h4{min-width:0;margin:0;overflow:hidden;color:var(--text);font-size:13px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.motion-card-title-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.motion-card-duration{color:var(--text);font-size:13px;font-variant-numeric:tabular-nums}.motion-card-meta{display:flex;gap:8px;color:var(--ink-soft);font-size:11px}.motion-card-preview-row{display:flex;align-items:center;gap:6px;min-height:28px}.motion-card-preview-toggle,.motion-preview-close{min-height:26px;padding:4px 8px;font-size:11px}.motion-card-preview-toggle[aria-pressed=true]{border-color:var(--accent);background:#254edb1a;color:var(--accent)}.motion-card-active-preview{position:absolute;right:8px;top:8px;z-index:4;padding:3px 7px;border-radius:5px;background:color-mix(in srgb,var(--surface-0) 88%,transparent 12%);color:var(--accent);font-size:11px;font-weight:700}.motion-preview-close{width:26px;min-width:26px;overflow:hidden;color:transparent;white-space:nowrap}.motion-preview-close:before,.motion-preview-close:after{content:"";position:absolute;left:50%;top:50%;width:11px;height:2px;border-radius:999px;background:var(--ink-soft)}.motion-preview-close{position:relative}.motion-preview-close:before{transform:translate(-50%,-50%) rotate(45deg)}.motion-preview-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.chips{display:flex;flex-wrap:wrap;gap:6px;min-height:22px;margin-top:0}.chip{border:1px solid #b8c4df;border-radius:999px;font-size:11px;padding:2px 8px;background:#f6f8fd;color:#445286}.motion-card-add{justify-self:center;min-width:112px;min-height:34px;border-color:#254edbb8;color:var(--accent);font-weight:700}.camera-preset-card{grid-template-rows:146px auto}.camera-preset-preview{background:linear-gradient(180deg,#ffffff47,#fff0 44%),radial-gradient(circle at 28% 28%,rgba(255,255,255,.72),transparent 26%),linear-gradient(145deg,#edf7fb,#c7dfe9)}.camera-preset-figure{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.camera-preset-target{position:absolute;left:54%;top:50%;width:18px;height:46px;border-radius:999px 999px 6px 6px;background:#f9fbff;box-shadow:0 8px 18px #4452862e;transform:translate(-50%,-50%)}.camera-preset-camera{position:absolute;left:30%;top:32%;width:42px;height:26px;border-radius:6px;background:#648da0;box-shadow:0 8px 18px #44528633;transform:rotate(-10deg)}.camera-preset-line{position:absolute;left:36%;top:43%;width:78px;height:2px;border-radius:999px;background:#254edb6b;transform:rotate(17deg);transform-origin:left center}.camera-preset-description{min-height:44px;margin:0;color:var(--ink-soft);font-size:11px;line-height:1.35}.motion-target-picker{display:grid;gap:8px;margin-top:2px;padding:8px;border:1px solid rgba(37,78,219,.18);border-radius:6px;background:#254edb0f}.motion-target-picker label{color:#2f3b59;font-size:11px;font-weight:700}.motion-target-options{display:flex;flex-wrap:wrap;gap:6px}.motion-target-options button{min-height:28px;padding:4px 8px;font-size:12px}button{border:1px solid var(--control-border);background:var(--control-bg);color:var(--text);border-radius:5px;padding:6px 10px;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}button.active{border-color:var(--accent);background:#254edb1f;color:var(--accent)}button:hover{background:#254edb14}.ghost-btn{border:1px solid var(--accent);background:transparent;color:var(--accent)}.export-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);display:grid;place-items:center;z-index:50;padding:16px}.export-modal{width:min(480px,100%);border:1px solid var(--line);border-radius:6px;background:var(--surface-0);box-shadow:0 20px 40px #141e3840;padding:14px;display:grid;gap:10px}.export-modal-header{display:flex;align-items:center;justify-content:space-between}.export-modal-header h2{margin:0;font-size:16px;color:var(--accent)}.export-status-row{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted)}.export-progress{width:100%;height:10px}.export-status-text{font-size:12px;color:var(--ink-soft)}.export-error-text{font-size:12px;color:#b3261e}.export-details{border:1px solid var(--line);border-radius:8px;background:var(--bg-1);padding:6px 8px}.export-details summary{cursor:pointer;font-size:12px;color:var(--ink-soft)}.export-details pre{margin:8px 0 0;max-height:140px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-size:11px;color:var(--text)}.export-actions{display:flex;justify-content:flex-end;gap:8px}.field,.inline-field{display:grid;gap:4px;margin-bottom:10px;font-size:12px;color:var(--muted)}.inline-field{display:inline-flex;align-items:center;gap:6px;margin-bottom:0}.zoom-field{min-width:180px}input,select{background:var(--control-bg);color:var(--text);border:1px solid var(--control-border);border-radius:4px;padding:6px}input[type=range]{padding:0}*{scrollbar-width:thin;scrollbar-color:rgba(68,82,134,.45) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#44528659;border-radius:999px;border:1px solid rgba(255,255,255,.85)}*::-webkit-scrollbar-thumb:hover{background:#44528680}@media(max-width:1200px){.workspace{grid-template-rows:minmax(0,1fr) 8px 260px!important}.main-grid{grid-template-columns:minmax(0,1fr) minmax(240px,300px);grid-template-rows:minmax(0,1fr)}.main-grid>.drag-handle{display:none}.panel-left,.panel-right{overflow:auto}}@media(max-width:760px){.app-shell{padding:6px;gap:6px}.app-header{grid-template-rows:auto}.scene-tabs{padding:6px;overflow-x:auto;border-bottom:0}.main-toolbar{position:fixed;left:6px;right:6px;bottom:calc(6px + env(safe-area-inset-bottom));z-index:50;border:1px solid var(--line);border-radius:6px;background:var(--surface-0);box-shadow:0 8px 24px #4452862e;min-height:78px;align-items:stretch;padding:8px}.main-toolbar button{width:68px;min-height:62px;flex-direction:column;gap:5px;padding:8px 6px}.main-toolbar button[data-testid=property-sheet-toggle]{display:inline-flex}.toolbar-label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:10px;line-height:1.15}.workspace{grid-template-rows:minmax(0,1fr) 6px minmax(170px,28vh)!important;padding-bottom:calc(96px + env(safe-area-inset-bottom))}.main-grid,.main-grid-v2{grid-template-columns:minmax(0,1fr)}.property-sidebar{display:none}.property-bottom-sheet{display:block;bottom:calc(104px + env(safe-area-inset-bottom))}.viewport-panel-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(150px,1fr) minmax(96px,30%)}.viewport-split-canvas{grid-column:1;grid-row:1 / -1}.viewport-world-panel{grid-column:1;grid-row:1}.viewport-camera-panel{grid-column:1;grid-row:2}.viewport{min-height:150px}.viewport-camera-panel .camera-preview{min-height:96px}.motion-library-modal-backdrop{padding:12px}.motion-library-modal{align-self:center;width:min(520px,calc(100vw - 24px));max-height:calc(100vh - 110px)}.motion-library-panel{padding-inline:14px}.motion-library-controls{grid-template-columns:minmax(0,1fr);margin-inline:-14px;padding:10px 14px}.motion-category-chips{gap:5px}.motion-library-modal .card-list{grid-template-columns:minmax(0,1fr)}}