@font-face{font-family:Geist;src:url(/assets/Geist-Variable-Bj2R_7yk.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--bg: #15151e;--panel: #1c1c28;--surface: #252535;--accent: #e94560;--accent-dim: rgba(233, 69, 96, .35);--kf: #f5c542;--orange: #f87171;--text: #e8e8f0;--text-dim: #6e6e8a;--dim: #6e6e8a;--border: #2c2c40;--border-light: #3a3a50;--ruler-bg: #0f0f1a;--font-sans: "Geist", "Segoe UI", system-ui, -apple-system, sans-serif;--font-mono: "Courier New", monospace;--text-xs: 9px;--text-sm: 10px;--text-base: 11px;--text-md: 12px;--text-lg: 13px;--text-xl: 14px;--text-2xl: 16px;--text-3xl: 17px;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-snug: 1.15;--leading-normal: 1.6;--leading-relaxed: 1.65;--leading-loose: 1.7;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-10: 20px;--space-12: 24px;--space-16: 32px;--space-20: 40px;--radius-sm: 3px;--radius: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 10px;--radius-2xl: 12px;--radius-full: 999px}@font-face{font-family:Geist;src:url(/assets/Geist-Variable-Bj2R_7yk.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}#root{display:contents}body{font-family:var(--font-sans);font-size:var(--text-md);background:var(--bg);color:var(--text);height:100vh;display:flex;flex-direction:column;overflow:hidden}#main{display:flex;flex:1;min-height:0}.panel-hdr{padding:7px var(--space-5);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.panel-hdr .btn{padding:var(--space-1) 7px;font-size:var(--text-sm)}.resize-handle-v{width:1px;background:transparent;cursor:col-resize;flex-shrink:0;position:relative;z-index:20}.resize-handle-v:after{content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:var(--border);transition:width .12s,background .12s;pointer-events:none}.resize-handle-v:hover:after,.resize-handle-v.dragging:after{width:2px;background:var(--accent)}.resize-handle-h{height:1px;background:transparent;cursor:row-resize;flex-shrink:0;position:relative;z-index:20}.resize-handle-h:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1px;background:var(--divider-h);transition:height .12s,background .12s;pointer-events:none}.resize-handle-h:hover:after,.resize-handle-h.dragging:after{height:2px;background:var(--accent)}body.resizing-v{cursor:col-resize!important;-webkit-user-select:none;user-select:none}body.resizing-h{cursor:row-resize!important;-webkit-user-select:none;user-select:none}body.mouse-down .resize-handle-v:not(.dragging):hover:after{width:1px;background:var(--border)}body.mouse-down .resize-handle-h:not(.dragging):hover:after{height:1px;background:var(--divider-h)}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-sm)}.react-tooltip{background:#fff!important;border:1px solid #ccc!important;color:#000!important;font-family:var(--font-sans)!important;font-size:12px!important;padding:0!important;border-radius:var(--radius-lg)!important;box-shadow:0 4px 12px #0006!important;white-space:pre-line!important;max-width:240px!important;line-height:1.5!important;z-index:9999!important}.react-tooltip.react-tooltip--show{opacity:1!important}.react-tooltip kbd{display:inline-block;padding:1px 5px;font-family:var(--font-sans);font-size:11px;line-height:1.4;background:#f0f0f0;border:1px solid #bbb;border-bottom-width:2px;border-radius:4px;color:#222}.react-tooltip kbd+kbd{margin-left:3px}.react-tooltip-arrow{display:none!important}.styles-module_content__ydYdI{padding:8px!important}:root{--accent-rgb: 233, 69, 96;--kf-rgb: 245, 197, 66;--fg-rgb: 255, 255, 255;--canvas-bg: #0d0d14;--input-bg: #0a0a12;--field-bg: #000;--modal-bg: #1a1a28;--modal-header-bg: #1f1f30;--modal-inset-bg: #0e0e1a;--modal-group-bg: #22223a;--backdrop: rgba(0, 0, 0, .55);--on-accent: #fff;--text-soft: #c8c8de;--text-muted: #a0a0be;--info: #38bdf8;--info-rgb: 56, 189, 248;--logo: #f87171;--divider-h: var(--border)}:root[data-theme=graphite]{--bg: #121212;--panel: #1a1a1a;--surface: #262626;--accent: #4f8cff;--accent-rgb: 79, 140, 255;--accent-dim: rgba(79, 140, 255, .35);--text: #ececec;--text-dim: #7c7c7c;--dim: #7c7c7c;--border: #2a2a2a;--border-light: #3a3a3a;--ruler-bg: #0e0e0e;--canvas-bg: #0b0b0b;--input-bg: #0d0d0d;--modal-bg: #1b1b1b;--modal-header-bg: #212121;--modal-inset-bg: #0f0f0f;--modal-group-bg: #262626;--text-soft: #d0d0d0;--text-muted: #a3a3a3;--logo: var(--accent)}:root[data-theme=daylight]{color-scheme:light;--bg: #f3f4f7;--panel: #ffffff;--surface: #eceef3;--accent: #e0234e;--accent-rgb: 224, 35, 78;--accent-dim: rgba(224, 35, 78, .25);--kf: #d48a00;--kf-rgb: 212, 138, 0;--text: #1d1f2b;--text-dim: #6b7085;--dim: #6b7085;--border: #e1e3ea;--border-light: #cdd0da;--ruler-bg: #e9ebf0;--fg-rgb: 15, 20, 40;--canvas-bg: #e4e6ec;--input-bg: #f6f7f9;--field-bg: #eef0f4;--modal-bg: #ffffff;--modal-header-bg: #f6f7f9;--modal-inset-bg: #eceef3;--modal-group-bg: #eef0f5;--backdrop: rgba(20, 22, 35, .35);--text-soft: #2f3242;--text-muted: #5a5f75;--info: #0284c7;--info-rgb: 2, 132, 199;--logo: var(--accent);--divider-h: #c3c7d3}:root[data-theme=sand]{color-scheme:light;--bg: #f2ede4;--panel: #faf7f1;--surface: #ebe4d8;--accent: #3b5bdb;--accent-rgb: 59, 91, 219;--accent-dim: rgba(59, 91, 219, .25);--kf: #c27c00;--kf-rgb: 194, 124, 0;--text: #2a2520;--text-dim: #8a7f70;--dim: #8a7f70;--border: #e3dacb;--border-light: #d3c7b4;--ruler-bg: #ece5d9;--fg-rgb: 60, 40, 10;--canvas-bg: #e6dfd2;--input-bg: #fffdf9;--field-bg: #f3eee5;--modal-bg: #fbf8f2;--modal-header-bg: #f4efe6;--modal-inset-bg: #ebe4d8;--modal-group-bg: #efe8dc;--backdrop: rgba(40, 30, 15, .3);--text-soft: #3a332b;--text-muted: #6e6457;--info: #0e7490;--info-rgb: 14, 116, 144;--logo: var(--accent);--divider-h: #cbbda6}#mobile-block{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:9999;background:var(--bg);flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-20) var(--space-16);gap:var(--space-10);overflow:hidden}#mobile-block svg{opacity:.4;flex-shrink:0}#mobile-block h2{font-size:22px;font-weight:var(--font-extrabold);color:var(--text);letter-spacing:-.5px;margin:0}#mobile-block p{font-size:var(--text-xl);color:var(--text-dim);line-height:var(--leading-loose);max-width:280px;margin:0}#mobile-block a{margin-top:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-3);background:var(--accent);color:var(--on-accent);padding:var(--space-6) var(--space-7) var(--space-6) var(--space-10);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-bold);text-decoration:none}@media(max-width:768px){body{overflow:hidden;height:100%}#mobile-block{display:flex}}.btn{background:var(--surface);color:var(--text);border:1px solid var(--border-light);padding:var(--space-2) var(--space-5);border-radius:var(--radius);cursor:pointer;font-size:var(--text-base);font-family:var(--font-sans);transition:background .12s,border-color .12s;white-space:nowrap}.btn:hover{background:var(--border-light);border-color:var(--accent-dim)}.btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}.btn.accent:hover{filter:brightness(90%)}.btn.icon{width:30px;height:28px;padding:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg)}.btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}#header{background:var(--panel);border-bottom:1px solid var(--border);padding:0 var(--space-6);height:44px;display:flex;align-items:center;gap:var(--space-5);flex-shrink:0;-webkit-user-select:none;user-select:none}#header h1{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--accent);letter-spacing:-.3px;margin-right:var(--space-2)}#btn-shortcuts,#btn-report-bug{background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;padding:var(--space-2);border-radius:var(--radius);transition:color .12s,background .12s}#btn-shortcuts:hover,#btn-report-bug:hover{color:var(--text);background:var(--surface)}.sep{width:1px;height:22px;background:var(--border)}#btn-play .icon-pause,#btn-play.playing .icon-play{display:none}#btn-play.playing .icon-pause{display:flex}#time-display{font-family:var(--font-mono);font-size:var(--text-lg);background:var(--field-bg);padding:var(--space-2) var(--space-5);border-radius:var(--radius);min-width:68px;text-align:center;color:var(--kf)}.dur-row{display:flex;align-items:center;gap:var(--space-2);color:var(--text-dim)}#dur-input{width:64px;background:var(--field-bg);border:1px solid var(--border);color:var(--text);padding:3px var(--space-2);border-radius:var(--radius);font-size:var(--text-base);font-family:var(--font-sans);text-align:center}.time-unit-wrap{position:relative;display:inline-flex}.time-unit-wrap:after{content:"";position:absolute;right:4px;top:50%;transform:translateY(-50%);width:9px;height:9px;pointer-events:none;opacity:0;transition:opacity .15s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 24 24' fill='none' stroke='%236e6e8a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat}.time-unit-wrap:hover:after{opacity:1}#time-unit-select{padding:3px var(--space-2);font-size:var(--text-base);font-family:var(--font-sans);border-radius:var(--radius)}#header-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-4)}#btn-snap.active{background:var(--surface);border-color:var(--border-light);color:var(--accent)}#btn-snap:hover,#btn-snap.active:hover{background:var(--border-light);border-color:var(--accent-dim)}#canvas-zoom-select{background:var(--surface);border:1px solid var(--border-light);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-base);font-family:var(--font-sans);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#theme-switcher{position:relative;display:flex}#btn-theme{background:none;border:none;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;padding:var(--space-2);border-radius:var(--radius);transition:color .12s,background .12s}#btn-theme:hover,#btn-theme.open{color:var(--text);background:var(--surface)}#theme-menu{position:absolute;top:calc(100% + var(--space-3));right:0;z-index:1000;min-width:180px;padding:var(--space-2);background:var(--panel);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000059}.theme-group+.theme-group{margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--border)}.theme-group-title{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim)}.theme-option{width:100%;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:none;border:none;border-radius:var(--radius);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);text-align:left;cursor:pointer}.theme-option:hover{background:var(--surface)}.theme-swatch{display:inline-flex;border-radius:var(--radius-sm);overflow:hidden;box-shadow:0 0 0 1px var(--border-light)}.theme-swatch span{width:10px;height:16px}.theme-label{flex:1}.theme-check{color:var(--accent)}.theme-toggle{position:relative;width:26px;height:16px;flex-shrink:0;border-radius:8px;background:var(--border-light);transition:background .12s}.theme-toggle:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .12s}.theme-toggle.on{background:var(--accent)}.theme-toggle.on:after{transform:translate(10px)}#layers-panel{width:210px;background:var(--panel);display:flex;flex-direction:column;flex-shrink:0}.panel-hdr-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;padding:3px;transition:color .1s,background .1s}.panel-hdr-icon-btn:hover{color:var(--text);background:rgba(var(--fg-rgb),.07)}#btn-toggle-layers .icon-when-expanded,#btn-toggle-layers.layers-expanded .icon-when-collapsed{display:none}#btn-toggle-layers.layers-expanded .icon-when-expanded{display:flex}#layers-list{flex:1;overflow-y:auto}#layers-actions{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);display:flex;gap:var(--space-3);flex-shrink:0}.layer-item{padding:0 var(--space-5);height:30px;cursor:pointer;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(var(--fg-rgb),.03);-webkit-user-select:none;user-select:none;transition:background .1s}.layer-item:hover{background:rgba(var(--fg-rgb),.04)}.layer-item.selected{background:var(--accent-dim)}.layer-item.multi-selected{background:rgba(var(--kf-rgb),.12);outline:1px solid rgba(var(--kf-rgb),.4);outline-offset:-1px}.layer-item.layer-drag-source{opacity:.35}.drag-handle{color:var(--text-dim);cursor:grab;flex-shrink:0;opacity:0;display:flex;align-items:center;padding:0 1px;transition:opacity .1s}.layer-item:hover .drag-handle,.tl-lbl-hdr:hover .drag-handle{opacity:.5}.drag-handle:hover{opacity:1!important;color:var(--text)}body.layer-dragging .drag-handle{cursor:grabbing}#layer-drag-ghost{position:fixed;pointer-events:none;z-index:9999;background:var(--surface);border:1px solid var(--accent);border-radius:var(--radius);padding:3px var(--space-5);font-size:var(--text-base);color:var(--text);opacity:.9;display:none;white-space:nowrap}#layer-drop-indicator{position:fixed;pointer-events:none;z-index:9998;height:2px;background:var(--accent);border-radius:1px;display:none}#tooltip{position:fixed;pointer-events:none;z-index:9999;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:3px var(--space-5);font-size:var(--text-sm);color:var(--text-muted);display:none;white-space:nowrap}.layer-eye{color:var(--text-dim);cursor:pointer;flex-shrink:0;display:flex;align-items:center;opacity:.55;transition:opacity .1s,color .1s}.layer-eye:hover{opacity:1;color:var(--text)}.layer-eye.hidden{opacity:.25}.layer-collapse{color:var(--text-dim);cursor:pointer;flex-shrink:0;width:12px;display:flex;align-items:center;justify-content:center}.layer-collapse:hover{color:var(--text)}.layer-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-base)}.layer-rename{opacity:0;color:var(--text-dim);cursor:pointer;flex-shrink:0;display:flex;align-items:center;padding:0 var(--space-1);transition:opacity .1s,color .1s}.layer-item:hover .layer-rename{opacity:.5}.layer-rename:hover{opacity:1!important;color:var(--text)}.layer-name-input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);font-family:var(--font-sans);padding:1px var(--space-2);outline:none}.layer-del{opacity:0;color:var(--text-dim);cursor:pointer;display:flex;align-items:center;padding:0 var(--space-1)}.layer-item:hover .layer-del{opacity:.5}.layer-del:hover{opacity:1!important;color:var(--accent)}.layer-3d-badge{flex-shrink:0;display:flex;align-items:center;color:var(--text-dim);opacity:.7;margin-right:var(--space-1)}#canvas-area{flex:1;background:var(--canvas-bg);overflow:auto;position:relative}#canvas-center{min-width:100%;min-height:100%;display:flex;padding:var(--space-10);box-sizing:border-box}#canvas-wrap{background-color:#fff;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%,transparent 75%,#e0e0e0 75%),linear-gradient(45deg,#e0e0e0 25%,transparent 25%,transparent 75%,#e0e0e0 75%);background-size:16px 16px;background-position:0 0,8px 8px;position:relative;flex-shrink:0;overflow:visible;color:#000;margin:auto;display:none}[data-show-opacity=false] #canvas-wrap{background:var(--bg);box-shadow:0 0 0 1px var(--border-light)}#svg-canvas{display:block}#sel-indicator{position:absolute;pointer-events:all;border:2px dashed var(--accent);border-radius:var(--radius-sm);box-shadow:0 0 0 1px rgba(var(--accent-rgb),.3);display:none;z-index:10;cursor:move}#sel-indicator.si-dragging{border-style:solid}.multi-sel-indicator{position:absolute;pointer-events:none;border:2px dashed var(--kf);border-radius:var(--radius-sm);box-shadow:0 0 0 1px rgba(var(--kf-rgb),.25);z-index:9}#si-rotate{position:absolute;top:-28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;cursor:grab;pointer-events:all;gap:0}#si-rotate:active{cursor:grabbing}#si-rotate-dot{width:12px;height:12px;background:var(--accent);border-radius:50%;border:2px solid #fff;flex-shrink:0}#si-rotate-arm{width:1px;height:12px;background:var(--accent);flex-shrink:0}.si-scale-handle{position:absolute;width:10px;height:10px;background:#fff;border:2px solid var(--accent);border-radius:var(--radius-sm);pointer-events:all}.si-scale-nw{top:-5px;left:-5px;cursor:nw-resize}.si-scale-ne{top:-5px;right:-5px;cursor:ne-resize}.si-scale-sw{bottom:-5px;left:-5px;cursor:sw-resize}.si-scale-se{bottom:-5px;right:-5px;cursor:se-resize}.si-scale-axis-handle{position:absolute;background:#fff;border:2px solid var(--accent);border-radius:3px;pointer-events:all}.si-scale-n,.si-scale-s{width:16px;height:6px;left:50%;transform:translate(-50%)}.si-scale-e,.si-scale-w{width:6px;height:16px;top:50%;transform:translateY(-50%)}.si-scale-n{top:-3px;cursor:n-resize}.si-scale-s{bottom:-3px;cursor:s-resize}.si-scale-e{right:-3px;cursor:e-resize}.si-scale-w{left:-3px;cursor:w-resize}#si-pivot{position:absolute;width:12px;height:12px;transform:translate(-50%,-50%);cursor:move;pointer-events:all;z-index:10;transition:width .12s ease,height .12s ease}#si-pivot.si-pivot-active{width:26px;height:26px}#si-pivot.si-pivot-active .si-pivot-cross-h{width:38px}#si-pivot.si-pivot-active .si-pivot-cross-v{height:38px}#si-pivot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1.5px solid var(--accent);background:#ffffffd9}.si-pivot-cross-h{position:absolute;left:50%;top:50%;width:20px;height:1px;background:var(--accent);transform:translate(-50%,-50%);pointer-events:none}.si-pivot-cross-v{position:absolute;left:50%;top:50%;width:1px;height:20px;background:var(--accent);transform:translate(-50%,-50%);pointer-events:none}body.si-pivot-dragging *{cursor:move!important;-webkit-user-select:none;user-select:none}body.si-moving *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}body.si-scaling *{cursor:crosshair!important;-webkit-user-select:none;user-select:none}body.si-rotating *{cursor:grabbing!important;-webkit-user-select:none;user-select:none}#hover-indicator{position:absolute;pointer-events:none;border:2px dashed var(--accent-dim);border-radius:var(--radius-sm);display:none;z-index:9}#canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);color:var(--text-dim);pointer-events:none}#canvas-empty .icon{font-size:42px}#canvas-empty .hint{font-size:var(--text-lg)}#canvas-empty .hint2{font-size:var(--text-base);opacity:.6}#drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--accent-rgb),.12);border:3px dashed var(--accent);border-radius:var(--radius);display:none;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-5);z-index:50;pointer-events:none}#drop-overlay .drop-icon{font-size:48px}#drop-overlay .drop-label{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--accent)}body.dragging-over #drop-overlay{display:flex}#import-loader{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;display:none;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-6);background:color-mix(in srgb,var(--bg) 70%,transparent);cursor:progress}body.importing #import-loader{display:flex}body.importing #canvas-empty{display:none}.import-spinner{width:32px;height:32px;border:3px solid var(--border-light);border-top-color:var(--accent);border-radius:50%;animation:import-spin .8s linear infinite;will-change:transform}.import-loader-label{font-size:var(--text-lg);color:var(--text-dim)}@keyframes import-spin{to{transform:rotate(360deg)}}.snap-guide{position:absolute;pointer-events:none;background:var(--accent);opacity:.65;z-index:20}.snap-guide-x{width:1px;top:0;bottom:0}.snap-guide-y{height:1px;left:0;right:0}#props-panel{width:294px;background:var(--panel);display:flex;flex-direction:column;flex-shrink:0}#props-content{flex:1;padding:var(--space-5);overflow-y:auto}.prop-section{margin-bottom:var(--space-7)}.prop-section-label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim);margin-bottom:var(--space-3);font-weight:var(--font-bold)}.prop-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.prop-row label{font-size:var(--text-base);color:var(--text-dim);width:50px;flex-shrink:0}.prop-input{flex:1;background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-base);font-family:var(--font-sans);min-width:0}.prop-input:focus{outline:none;border-color:var(--accent)}.prop-input:disabled{opacity:.4;cursor:not-allowed}.kf-btn{width:12px;height:12px;background:transparent;border:1.5px solid var(--border-light);border-radius:1px;transform:rotate(45deg);cursor:pointer;flex-shrink:0;transition:background .1s,border-color .1s}.kf-btn:hover{border-color:var(--kf)}.kf-btn.active{background:var(--kf);border-color:var(--kf)}.easing-select{width:100%;background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:var(--space-2) var(--space-3);border-radius:var(--radius);font-size:var(--text-base);font-family:var(--font-sans);margin-top:var(--space-1)}.easing-select:disabled{opacity:.4}#props-empty{padding:var(--space-5);color:var(--text-dim);font-size:var(--text-base);font-style:italic}.prop-section-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.prop-section-hdr .prop-section-label{margin-bottom:0}.btn-3d-toggle{width:22px;height:22px;padding:0;border-radius:var(--radius);border:1px solid var(--border);background:transparent;color:var(--text-dim);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.btn-3d-toggle:hover{color:var(--text);border-color:var(--border-light)}.btn-3d-toggle.active{color:var(--info);border-color:var(--info);background:rgba(var(--info-rgb),.12)}#timeline{height:250px;background:var(--ruler-bg);display:flex;flex-direction:column;flex-shrink:0;-webkit-user-select:none;user-select:none}#tl-top{display:flex;height:26px;flex-shrink:0;border-bottom:1px solid var(--border)}#tl-top-spacer{width:210px;flex-shrink:0;border-right:1px solid var(--border);background:var(--panel);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-6)}#tl-ruler-scroll{flex:1;overflow:hidden;position:relative;cursor:crosshair}#tl-ruler{position:absolute;top:0;left:0;height:100%;pointer-events:none}#ruler-playhead{position:absolute;top:0;width:1px;height:100%;background:var(--accent);pointer-events:none;z-index:5}#ruler-playhead:before{content:"";position:absolute;top:0;left:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--accent)}#tl-body{display:flex;flex:1;min-height:0;overflow:hidden}#tl-labels{width:210px;flex-shrink:0;border-right:1px solid var(--border);overflow-y:auto;overflow-x:hidden}.tl-lbl-hdr{height:26px;display:flex;align-items:center;padding:0 var(--space-4);gap:var(--space-3);font-size:var(--text-base);font-weight:var(--font-semibold);background:rgba(var(--fg-rgb),.05);border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.tl-lbl-hdr:hover{background:rgba(var(--fg-rgb),.08)}.tl-lbl-hdr.selected{background:var(--accent-dim);border-left:2px solid var(--accent)}.tl-collapse{color:var(--text-dim);flex-shrink:0;width:12px;display:flex;align-items:center;justify-content:center}.tl-hdr-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-lbl-prop{height:28px;display:flex;align-items:center;padding:0 var(--space-3) 0 var(--space-10);gap:var(--space-2);border-bottom:1px solid rgba(var(--fg-rgb),.025);-webkit-user-select:none;user-select:none;flex-shrink:0}.tl-prop-dot{width:7px;height:7px;border-radius:1px;flex-shrink:0}.tl-prop-name{width:34px;flex-shrink:0;font-size:var(--text-sm);color:var(--text-dim)}.tl-ease-sel{flex:1;min-width:0;background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-family:var(--font-sans);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.tl-iter-inp{width:26px;background:var(--input-bg);border:1px solid var(--border);color:var(--text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);text-align:center}.tl-iter-inf{width:26px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;color:var(--text-dim)}.tl-iter-inf:hover{opacity:1;color:var(--text)}.tl-iter-hidden{display:none!important}#tl-tracks-scroll{flex:1;overflow:auto;position:relative}#tl-tracks-inner{position:relative;min-height:100%}.tl-hdr-track{height:26px;position:relative;background:rgba(var(--fg-rgb),.04);border-bottom:1px solid var(--border);flex-shrink:0}.tl-hdr-track.selected{background:rgba(var(--accent-rgb),.1)}.tl-hdr-tick{position:absolute;top:6px;width:1px;height:14px;background:rgba(var(--fg-rgb),.25);transform:translate(-50%);pointer-events:none}.tl-prop-track{height:28px;position:relative;border-bottom:1px solid rgba(var(--fg-rgb),.025);flex-shrink:0}.tl-prop-track.selected-track{background:rgba(var(--accent-rgb),.07)!important}.tl-prop-track.layer-alt{background:rgba(var(--fg-rgb),.015)}#tl-duration-bar{position:absolute;top:0;height:100%;background:rgba(var(--fg-rgb),.03);border-right:1px dashed var(--border-light);pointer-events:none;z-index:1}#track-playhead{position:absolute;top:0;width:1px;background:var(--accent);pointer-events:none;z-index:10;opacity:.7}.kf-diamond{position:absolute;top:50%;width:9px;height:9px;background:var(--kf);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);cursor:pointer;z-index:5;transition:transform .1s}.kf-diamond:hover{transform:translate(-50%,-50%) rotate(45deg) scale(1.5)}.kf-diamond.selected-kf{transform:translate(-50%,-50%) rotate(45deg)}#ruler-canvas{display:block}#btn-record{width:18px;height:18px;border-radius:50%;border:2px solid var(--accent);background:transparent;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background .12s,box-shadow .12s;position:relative}#btn-record:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--accent);transition:transform .12s,background .12s}#btn-record.active{background:rgba(var(--accent-rgb),.15);box-shadow:0 0 0 2px var(--accent-dim)}#btn-record.active:after{background:var(--accent);animation:rec-pulse 1.2s ease-in-out infinite}@keyframes rec-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.7);opacity:.6}}#tl-zoom-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}#tl-zoom-slider::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-sm);background:var(--border)}#tl-zoom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--accent);box-shadow:0 1px 3px #00000080;cursor:pointer}#tl-zoom-slider::-moz-range-track{height:4px;border-radius:var(--radius-sm);background:var(--border)}#tl-zoom-slider::-moz-range-thumb{width:14px;height:14px;border:none;border-radius:50%;background:var(--accent);box-shadow:0 1px 3px #00000080;cursor:pointer}.kbd{background:var(--surface);border:1px solid var(--border-light);border-bottom-width:2px;border-radius:var(--radius);padding:var(--space-1) 7px;font-size:var(--text-sm);font-family:var(--font-mono);color:var(--text);white-space:nowrap}.shortcut-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid rgba(var(--fg-rgb),.06);gap:var(--space-8)}.shortcut-row:last-child{border-bottom:none}.shortcut-desc{font-size:var(--text-base);color:var(--text-soft)}.shortcut-keys{display:flex;gap:var(--space-2);flex-shrink:0;align-items:center}.shortcut-or{font-size:var(--text-sm);color:var(--text-dim);padding:0 1px}.shortcuts-group{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:auto}.shortcuts-group-label{font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);background:var(--modal-group-bg);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-light)}#shortcuts-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);z-index:2000;display:none;align-items:center;justify-content:center;padding:var(--space-12)}#shortcuts-backdrop.open{display:flex}#shortcuts-modal{background:var(--modal-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:720px;max-width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #000c;overflow:hidden}#shortcuts-modal-header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-7) var(--space-8) 13px;border-bottom:1px solid var(--border-light);flex-shrink:0;background:var(--modal-header-bg)}#shortcuts-modal-header h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text);margin:0;flex:1}#shortcuts-os-toggle{position:relative;display:flex;background:var(--modal-inset-bg);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:3px}#os-toggle-indicator{position:absolute;top:3px;left:3px;width:calc(50% - 3px);height:calc(100% - 6px);background:var(--accent);border-radius:var(--radius);box-shadow:0 1px 6px rgba(var(--accent-rgb),.45);transition:transform .2s cubic-bezier(.4,0,.2,1);pointer-events:none}#os-toggle-indicator.pc{transform:translate(100%)}#shortcuts-os-toggle button{position:relative;z-index:1;background:none;border:none;color:var(--text-dim);padding:var(--space-2) 13px;font-size:var(--text-base);font-weight:var(--font-semibold);font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius);flex:1;transition:color .15s}#shortcuts-os-toggle button.active{color:var(--on-accent)}#shortcuts-os-toggle button:not(.active):hover{color:var(--text)}#shortcuts-close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;border-radius:var(--radius);transition:color .12s,background .12s}#shortcuts-close-btn:hover{color:var(--text);background:rgba(var(--fg-rgb),.08)}#shortcuts-modal-body{overflow-y:auto;flex:1;min-height:0;padding:var(--space-7) var(--space-8) var(--space-8);display:flex;gap:var(--space-5)}.shortcuts-col{flex:1;display:flex;flex-direction:column;gap:var(--space-5)}.shortcuts-col:first-child{justify-content:space-between}#import-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--backdrop);z-index:2000;display:none;align-items:center;justify-content:center;padding:var(--space-12)}#import-backdrop.open{display:flex}#import-modal{background:var(--modal-bg);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:380px;max-width:100%;display:flex;flex-direction:column;box-shadow:0 24px 64px #000c;overflow:hidden}#import-modal-header{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-7) var(--space-8) 13px;border-bottom:1px solid var(--border-light);background:var(--modal-header-bg)}#import-modal-header h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#import-file-name{color:var(--text-dim);font-weight:var(--font-medium)}#import-close-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:var(--space-1);display:flex;align-items:center;border-radius:var(--radius);transition:color .12s,background .12s}#import-close-btn:hover{color:var(--text);background:rgba(var(--fg-rgb),.08)}#import-modal-body{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.import-option{display:flex;align-items:center;gap:var(--space-6);width:100%;padding:var(--space-5) var(--space-6);background:none;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-dim);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:background .12s,border-color .12s,color .12s}.import-option:hover,.import-option:focus-visible{background:var(--surface);border-color:var(--accent-dim);color:var(--accent);outline:none}.import-option-title{display:block;font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text)}.import-option-desc{display:block;margin-top:var(--space-1);font-size:var(--text-base);color:var(--text-dim)}:root{--rt-color-white:#fff;--rt-color-dark:#222;--rt-color-success:#8dc572;--rt-color-error:#be6464;--rt-color-warning:#f0ad4e;--rt-color-info:#337ab7;--rt-opacity:.9;--rt-transition-show-delay:.15s;--rt-transition-closing-delay:.15s;--rt-arrow-size:8px}.core-styles-module_tooltip__3vRRp{left:0;opacity:0;pointer-events:none;position:absolute;top:0}.core-styles-module_fixed__pcSol{position:fixed}.core-styles-module_arrow__cvMwQ{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:inherit;position:absolute;z-index:-1}.core-styles-module_content__BRKdB{position:relative;z-index:1}.core-styles-module_noArrow__xock6{display:none}.core-styles-module_clickable__ZuTTB{pointer-events:auto}.core-styles-module_show__Nt9eE{opacity:var(--rt-opacity);transition:opacity var(--rt-transition-show-delay) ease-out;will-change:opacity}.core-styles-module_closing__sGnxF{opacity:0;transition:opacity var(--rt-transition-closing-delay) ease-in;will-change:opacity}.styles-module_tooltip__mnnfp{border-radius:3px;font-size:90%;width:max-content}.styles-module_content__ydYdI{background:inherit;border-radius:inherit;padding:8px 16px}.styles-module_arrow__K0L3T{height:var(--rt-arrow-size);width:var(--rt-arrow-size)}[class*=react-tooltip__place-top]>.styles-module_arrow__K0L3T{transform:rotate(45deg)}[class*=react-tooltip__place-right]>.styles-module_arrow__K0L3T{transform:rotate(135deg)}[class*=react-tooltip__place-bottom]>.styles-module_arrow__K0L3T{transform:rotate(225deg)}[class*=react-tooltip__place-left]>.styles-module_arrow__K0L3T{transform:rotate(315deg)}.styles-module_dark__xNqje{background:var(--rt-color-dark);color:var(--rt-color-white)}.styles-module_light__Z6W-X{background-color:var(--rt-color-white);color:var(--rt-color-dark)}.styles-module_success__A2AKt{background-color:var(--rt-color-success);color:var(--rt-color-white)}.styles-module_warning__SCK0X{background-color:var(--rt-color-warning);color:var(--rt-color-white)}.styles-module_error__JvumD{background-color:var(--rt-color-error);color:var(--rt-color-white)}.styles-module_info__BWdHW{background-color:var(--rt-color-info);color:var(--rt-color-white)}