:root{--bg: #0b0d12;--panel: #12151d;--panel-2: #171b26;--panel-3: #1d2230;--border: #232938;--border-strong: #2e3650;--text: #e8ecf4;--text-dim: #8b93a7;--text-faint: #5c6478;--accent: #7c5cff;--accent-2: #3ad6ff;--accent-grad: linear-gradient(135deg, #7c5cff, #3ad6ff);--danger: #ff5c7a;--success: #3ddc97;--warning: #ffc857;--radius: 10px;--radius-sm: 7px;--toolbar-h: 50px;--sidebar-w: 322px;--timeline-h: 236px;--font-ui: "Inter", ui-sans-serif, system-ui, "Segoe UI", sans-serif;--shadow-pop: 0 16px 50px rgba(0, 0, 0, .55)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#2a3142;border-radius:8px;border:2px solid var(--panel)}::-webkit-scrollbar-thumb:hover{background:#38415a}.app{display:flex;flex-direction:column;height:100%}.app-main{flex:1;display:flex;min-height:0}.canvas-area{flex:1;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-width:0;background:radial-gradient(1000px 500px at 70% -10%,rgba(124,92,255,.07),transparent),var(--bg)}.sidebar{width:var(--sidebar-w);flex:0 0 var(--sidebar-w);display:flex;flex-direction:column;background:var(--panel);min-height:0}.sidebar-left{border-right:1px solid var(--border)}.sidebar-right{border-left:1px solid var(--border)}.sidebar>*{flex:1 1 auto;min-height:0;min-width:0}.panel-rail{flex:0 0 26px;width:26px;display:flex;align-items:flex-start;justify-content:center;padding:11px 0 0;background:var(--panel);color:var(--text-dim);border:none;cursor:pointer;transition:background .12s,color .12s}.panel-rail-left{border-right:1px solid var(--border)}.panel-rail-right{border-left:1px solid var(--border)}.panel-rail:hover{background:var(--panel-2);color:var(--accent-2)}.panel-rail-bottom{flex:0 0 26px;height:26px;display:flex;align-items:center;justify-content:center;gap:6px;background:var(--panel);border:none;border-top:1px solid var(--border);color:var(--text-dim);font-size:11.5px;font-weight:600;cursor:pointer;transition:background .12s,color .12s}.panel-rail-bottom:hover{background:var(--panel-2);color:var(--accent-2)}.app[data-mode=preview] .panel-rail,.app[data-mode=preview] .panel-rail-bottom{display:none}.timeline-dock{flex:0 0 var(--timeline-h);height:var(--timeline-h);background:var(--panel);border-top:1px solid var(--border);min-width:0;overflow:hidden}.panel-head{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border);flex:0 0 auto}.panel-head .spacer{flex:1}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--panel-2);color:var(--text);font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s,transform .06s}.btn:hover:not(:disabled){background:var(--panel-3);border-color:#3a4460}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:default}.btn.is-active{border-color:var(--accent);color:#cfc3ff}.btn-primary{background:var(--accent-grad);border:none;color:#fff;box-shadow:0 4px 18px #7c5cff59}.btn-primary:hover:not(:disabled){background:var(--accent-grad);filter:brightness(1.12)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover:not(:disabled){background:var(--panel-2);color:var(--text)}.btn-danger{border-color:#ff5c7a66;color:var(--danger)}.btn-danger:hover:not(:disabled){background:#ff5c7a1a}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex:0 0 auto;border-radius:6px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;transition:background .12s,color .12s}.icon-btn:hover:not(:disabled){background:var(--panel-3);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:default}.icon-btn.is-active{color:var(--accent-2);background:#3ad6ff1a}.icon-btn.is-danger:hover{color:var(--danger);background:#ff5c7a1f}.seg{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;gap:2px}.seg-item{padding:4px 12px;border:none;border-radius:5px;background:transparent;color:var(--text-dim);font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:background .12s,color .12s}.seg-item:hover{color:var(--text)}.seg-item.is-active{background:var(--panel-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.field-row{display:flex;align-items:center;gap:8px;padding:3px 0;min-height:28px}.field-row.is-wide{flex-direction:column;align-items:stretch;gap:4px}.field-label{flex:0 0 86px;font-size:11.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-label.is-scrub{cursor:ew-resize}.field-label.is-scrub:hover{color:var(--accent-2)}.field-control{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.field-unit{font-size:10.5px;color:var(--text-faint)}input[type=text],input[type=number],select,textarea{width:100%;min-width:0;background:var(--panel-2);border:1px solid var(--border);border-radius:6px;color:var(--text);font-family:var(--font-ui);font-size:12px;padding:5px 8px;outline:none;-webkit-user-select:text;user-select:text;transition:border-color .12s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;line-height:1.45}select{cursor:pointer}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button{display:none}.field-control.is-color input[type=color]{width:28px;height:26px;flex:0 0 28px;padding:2px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);cursor:pointer}.field-control.is-slider input[type=range]{flex:1;accent-color:var(--accent);cursor:pointer}.slider-value{flex:0 0 38px;text-align:right;font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.toggle{width:34px;height:18px;border-radius:999px;border:1px solid var(--border-strong);background:var(--panel-2);position:relative;cursor:pointer;transition:background .15s,border-color .15s}.toggle .toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--text-dim);transition:transform .15s,background .15s}.toggle.is-on{background:#7c5cff59;border-color:var(--accent)}.toggle.is-on .toggle-knob{transform:translate(16px);background:#fff}.section{border-bottom:1px solid var(--border)}.section-head{width:100%;display:flex;align-items:center;gap:7px;padding:9px 12px;background:none;border:none;color:var(--text);font-family:var(--font-ui);font-size:12px;font-weight:650;cursor:pointer;text-align:left}.section-head:hover{background:var(--panel-2)}.section-head .section-actions{margin-left:auto;display:inline-flex;gap:4px}.section-body{padding:4px 12px 12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070cb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadein .15s ease-out}.modal{background:var(--panel);border:1px solid var(--border-strong);border-radius:14px;box-shadow:var(--shadow-pop);max-height:88vh;display:flex;flex-direction:column;animation:popin .18s cubic-bezier(.16,1,.3,1)}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;font-weight:700;font-size:14px;border-bottom:1px solid var(--border)}.modal-body{padding:16px;overflow:auto;min-height:0}@keyframes fadein{0%{opacity:0}}@keyframes popin{0%{opacity:0;transform:scale(.97) translateY(8px)}}.toasts{position:fixed;bottom:18px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;z-index:2000;pointer-events:none}.toast{pointer-events:auto;background:var(--panel-3);border:1px solid var(--border-strong);border-radius:9px;padding:9px 16px;font-size:12.5px;font-weight:550;box-shadow:var(--shadow-pop);display:flex;align-items:center;gap:8px;animation:toastin .22s cubic-bezier(.16,1,.3,1)}.toast.is-success{border-color:#3ddc9773}.toast.is-success:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success)}.toast.is-error{border-color:#ff5c7a80}.toast.is-error:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--danger)}.toast.is-info:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent-2)}@keyframes toastin{0%{opacity:0;transform:translateY(12px)}}.badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;font-size:10px;font-weight:700;background:var(--panel-3);color:var(--text-dim);border:1px solid var(--border);font-variant-numeric:tabular-nums}.divider-v{width:1px;align-self:stretch;margin:8px 4px;background:var(--border);flex:0 0 1px}.muted{color:var(--text-dim)}.mono{font-family:Cascadia Code,Consolas,monospace}.auth-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);font-family:var(--font-ui);font-size:12px;font-weight:600;max-width:150px;cursor:pointer;transition:background .12s,color .12s}.auth-chip:hover{background:var(--panel-2);color:var(--text)}.auth-chip-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.account-popover{min-width:230px;max-width:290px}.account-popover-email{padding:6px 8px 2px;font-size:11.5px;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-popover-plan{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px 8px}.account-popover-plan .btn{padding:4px 10px;font-size:11.5px}.account-popover-divider{height:1px;background:var(--border);margin:4px 2px}.plan-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:var(--panel-2);border:1px solid var(--border-strong);color:var(--text-dim)}.plan-badge.is-pro{background:var(--accent-grad);border:1px solid transparent;color:#fff;box-shadow:0 2px 10px #7c5cff59}.plan-badge svg{flex:0 0 auto;margin-top:-1px}.auth-brand{display:flex;justify-content:center;margin:-4px 0 12px}.auth-brand-full{width:150px;height:auto;display:block}.auth-tabs{display:flex}.auth-tabs .seg{flex:1}.auth-tabs .seg-item{flex:1;justify-content:center}.auth-form{display:flex;flex-direction:column;gap:10px;margin-top:14px}.auth-field{display:flex;flex-direction:column;gap:4px}.auth-field label{font-size:11px;font-weight:600;letter-spacing:.03em;color:var(--text-dim)}.auth-error{padding:8px 10px;border:1px solid rgba(255,92,122,.45);border-radius:var(--radius-sm);background:#ff5c7a1a;color:var(--danger);font-size:12px;line-height:1.45;-webkit-user-select:text;user-select:text}.auth-info{padding:8px 10px;border:1px solid rgba(58,214,255,.4);border-radius:var(--radius-sm);background:#3ad6ff14;color:var(--accent-2);font-size:12px;line-height:1.45}.auth-link{align-self:flex-start;padding:0;border:none;background:none;color:var(--text-dim);font-family:var(--font-ui);font-size:11.5px;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.auth-link:hover:not(:disabled){color:var(--accent-2)}.auth-link:disabled{opacity:.5;cursor:default}.auth-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.auth-foot{margin-top:14px;padding-top:10px;border-top:1px solid var(--border);font-size:11px;color:var(--text-faint);line-height:1.5}.auth-foot a{color:var(--accent-2);text-decoration:none}.auth-foot a:hover{text-decoration:underline}.upgrade-head{display:flex;align-items:center;gap:12px}.upgrade-crown{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:11px;background:#7c5cff29;border:1px solid rgba(124,92,255,.4);color:var(--warning)}.upgrade-headline{margin:0;font-size:16px;font-weight:700}.upgrade-benefits{list-style:none;margin:16px 0;padding:0;display:flex;flex-direction:column;gap:8px}.upgrade-benefits li{display:flex;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.45}.upgrade-benefits li svg{flex:0 0 auto;margin-top:2px;color:var(--success)}.upgrade-price{display:flex;flex-direction:column;gap:3px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2)}.upgrade-price-value{font-size:15px;font-weight:700}.upgrade-price-note{font-size:11px;color:var(--text-faint)}.upgrade-actions{display:flex;align-items:center;gap:8px;margin-top:14px}.help-section{margin-bottom:14px}.help-section:last-of-type{margin-bottom:0}.help-section h4{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-2)}.help-section p{margin:0 0 4px;font-size:12.5px;line-height:1.55;color:var(--text)}.help-section p:last-child{margin-bottom:0}.help-section code{font-family:Cascadia Code,Consolas,monospace;font-size:11px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;background:var(--panel-2);color:var(--accent-2);-webkit-user-select:text;user-select:text}.help-footnote{margin:14px 0 0;padding-top:10px;border-top:1px solid var(--border);font-size:11px;line-height:1.5;color:var(--text-faint)}.auth-callback{position:fixed;top:0;right:0;bottom:0;left:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(900px 500px at 50% -10%,rgba(124,92,255,.16),transparent),#080a10d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadein .2s ease-out}.auth-callback-card{width:420px;max-width:100%;text-align:center;padding:34px 30px 30px;background:var(--panel);border:1px solid var(--border-strong);border-radius:16px;box-shadow:var(--shadow-pop);animation:popin .24s cubic-bezier(.16,1,.3,1)}.auth-callback-card h2{margin:4px 0 8px;font-size:20px;font-weight:800}.auth-callback-card p{margin:0 auto;max-width:320px;font-size:13px;line-height:1.55;color:var(--text-dim)}.ac-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:14px;border-radius:50%;background:#3ddc9724;border:1px solid rgba(61,220,151,.5);color:var(--success);animation:ac-pop .4s cubic-bezier(.34,1.56,.64,1)}.ac-icon.is-error{background:#ff5c7a1f;border-color:#ff5c7a80;color:var(--danger)}@keyframes ac-pop{0%{transform:scale(.4);opacity:0}}.ac-actions{display:flex;justify-content:center;gap:8px;margin-top:18px}.ac-auto{margin-top:12px!important;font-size:11px!important;color:var(--text-faint)!important}.toolbar{height:var(--toolbar-h);flex:0 0 var(--toolbar-h);display:flex;align-items:center;gap:8px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--border);position:relative;z-index:50}.toolbar-group{display:flex;align-items:center;gap:8px;min-width:0}.toolbar-flex{flex:1;min-width:8px}.toolbar-logo{width:21px;height:21px;flex:0 0 21px;border-radius:6px;background:var(--accent-grad);box-shadow:0 2px 10px #7c5cff66}.toolbar-logo-img{width:24px;height:24px;flex:0 0 24px;object-fit:contain;display:block}.toolbar-title{font-weight:800;font-size:15.5px;letter-spacing:.01em;white-space:nowrap}.toolbar-toggles{display:inline-flex;align-items:center;gap:2px;padding:2px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px}.scene-name{width:150px;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);font-family:var(--font-ui);font-size:12.5px;font-weight:600;padding:5px 8px;outline:none;-webkit-user-select:text;user-select:text;text-overflow:ellipsis;transition:background .12s,border-color .12s}.scene-name:hover{background:var(--panel-2)}.scene-name:focus{background:var(--panel-2);border-color:var(--accent)}.toolbar-play{display:flex;align-items:center;gap:3px}.speed-select{width:auto;min-width:58px;flex:0 0 auto;padding:4px 6px;font-size:11.5px}.api-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;margin-left:2px;border-radius:50%;background:var(--danger)}.api-dot.is-on{background:var(--success);animation:api-pulse 2.2s ease-out infinite}.api-dot.is-local{background:var(--accent)}.live-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--accent-2);background:#3ad6ff1f;border:1px solid rgba(58,214,255,.4)}.live-chip .live-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-2);animation:api-pulse 2.2s ease-out infinite}@keyframes api-pulse{0%{box-shadow:0 0 #3ddc9773}70%{box-shadow:0 0 0 6px #3ddc9700}to{box-shadow:0 0 #3ddc9700}}.popover-anchor{position:relative;display:inline-flex}.popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:499;background:transparent}.popover{position:absolute;top:calc(100% + 6px);left:0;z-index:500;min-width:180px;background:var(--panel-3);border:1px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-pop);padding:6px}.popover.popover-right{left:auto;right:0}.popover-title{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:4px 8px 6px;white-space:nowrap}.popover-form{display:flex;align-items:center;gap:6px;padding:2px}.popover-form input{width:150px}.popover-empty{padding:6px 8px 8px;color:var(--text-faint);font-size:11.5px;white-space:nowrap}button.popover-row{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:var(--text);font-family:var(--font-ui);font-size:12px;font-weight:500;cursor:pointer;text-align:left;white-space:nowrap}button.popover-row:hover{background:var(--panel-2)}.popover-row-split{display:flex;align-items:center;gap:2px;padding-right:2px}.popover-row-main{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 8px;border:none;border-radius:6px;background:transparent;color:var(--text);font-family:var(--font-ui);font-size:12px;font-weight:500;cursor:pointer;text-align:left}.popover-row-main:hover{background:var(--panel-2)}.layers-panel{display:flex;flex-direction:column;flex:1;min-height:0}.layers-list{flex:1;min-height:0;overflow-y:auto;padding:4px 6px 10px}.layer-order-hints{font-size:9.5px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.12em;padding:3px 8px 2px}.layer-order-hints.is-back{padding-top:4px}.layer-row{display:flex;align-items:center;gap:5px;height:36px;padding:0 6px 0 2px;border-radius:7px;cursor:pointer}.layer-row:hover{background:var(--panel-2)}.layer-row.is-selected{background:#7c5cff14;box-shadow:inset 2px 0 0 var(--accent)}.layer-row.is-dragging{opacity:.45}.layer-grip{display:inline-flex;align-items:center;justify-content:center;width:16px;flex:0 0 16px;color:var(--text-faint);cursor:grab;touch-action:none}.layer-grip:active{cursor:grabbing}.layer-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600}.layer-row .badge{flex:0 0 auto;font-size:9.5px;padding:1px 6px}.row-actions{display:none;align-items:center;gap:1px;flex:0 0 auto}.layer-row:hover .row-actions,.el-row:hover .row-actions{display:inline-flex}.rename-input{flex:1;min-width:0;background:var(--panel-2);border:1px solid var(--accent);border-radius:5px;color:var(--text);font-family:var(--font-ui);font-size:12px;font-weight:600;padding:3px 6px;outline:none;-webkit-user-select:text;user-select:text}.el-row{display:flex;align-items:center;gap:6px;height:28px;padding:0 6px 0 12px;border-radius:6px;cursor:pointer;color:var(--text-dim)}.el-row:hover{background:var(--panel-2);color:var(--text)}.el-row.is-selected{background:#7c5cff14;box-shadow:inset 2px 0 0 var(--accent);color:var(--text)}.el-row.is-dragging{opacity:.4}.el-grip{display:inline-flex;align-items:center;justify-content:center;width:14px;flex:0 0 14px;color:var(--text-faint);cursor:grab}.el-row:active .el-grip{cursor:grabbing}.layer-row.is-drop{background:#3ad6ff1f;box-shadow:inset 0 0 0 1px var(--accent-2)}.el-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500}.el-empty{padding:2px 6px 4px 30px;font-size:10.5px;font-style:italic;color:var(--text-faint)}.drop-indicator{height:2px;margin:1px 4px;border-radius:1px;background:var(--accent);box-shadow:0 0 6px #7c5cffb3}.layers-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:28px 12px;text-align:center;color:var(--text-dim);font-size:12px}.props-panel{display:flex;flex-direction:column;min-height:0;overflow:hidden}.props-scroll{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.layer-props-dock{flex:0 0 auto;max-height:52%;overflow-y:auto;border-top:1px solid var(--border);background:var(--panel)}.sheet-backdrop{position:fixed;top:var(--toolbar-h);left:0;right:0;bottom:0;background:#05070c80;z-index:80;animation:fadein .15s ease-out}.scene-sheet{position:fixed;top:var(--toolbar-h);left:50%;width:560px;max-width:94vw;max-height:76vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--border-strong);border-top:none;border-radius:0 0 14px 14px;box-shadow:var(--shadow-pop);z-index:81;transform:translate(-50%);animation:sheet-down .2s cubic-bezier(.16,1,.3,1)}@keyframes sheet-down{0%{transform:translate(-50%,-12px);opacity:0}}.scene-sheet-head{display:flex;align-items:center;gap:8px;padding:11px 14px;font-weight:700;font-size:13.5px;border-bottom:1px solid var(--border);flex:0 0 auto}.scene-sheet-body{overflow-y:auto;min-height:0;padding:2px 14px 14px}.props-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;padding:28px 20px;text-align:center;color:var(--text-dim)}.props-empty svg{color:var(--text-faint)}.props-empty p{margin:0;font-size:12.5px;line-height:1.5;max-width:220px}.props-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--border);flex:0 0 auto}.inline-name{flex:1;min-width:0;background:transparent;border:1px solid transparent;border-radius:6px;color:var(--text);font-family:var(--font-ui);font-size:13px;font-weight:700;padding:4px 6px;outline:none;-webkit-user-select:text;user-select:text;text-overflow:ellipsis;transition:background .12s,border-color .12s}.inline-name:hover{background:var(--panel-2)}.inline-name:focus{background:var(--panel-2);border-color:var(--accent)}.props-in{font-size:11px;white-space:nowrap;flex:0 0 auto}.props-hint{font-size:10.5px;color:var(--text-faint);line-height:1.45;padding:2px 0 6px}.props-subhead{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);padding:6px 0 2px}.props-grid-2{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}.props-grid-2 .field-label{flex:0 0 18px}.props-row-end{display:flex;justify-content:flex-end;gap:6px;padding:4px 0 2px}.props-actions{display:flex;gap:6px;padding:4px 0;flex-wrap:wrap}.color-row{display:flex;align-items:center;gap:2px}.color-row>.field-row{flex:1;min-width:0}.el-type-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:2px 0}.el-type-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--panel-2);border:1px solid var(--border);border-radius:7px;color:var(--text);font-family:var(--font-ui);font-size:12px;font-weight:600;cursor:pointer;transition:background .12s,border-color .12s}.el-type-btn:hover{background:var(--panel-3);border-color:var(--border-strong)}.shortcuts-grid{display:grid;grid-template-columns:auto 1fr;gap:5px 10px;align-items:center;padding:2px 0;font-size:11.5px}.shortcuts-grid .key{font-family:Cascadia Code,Consolas,monospace;font-size:10.5px;background:var(--panel-2);border:1px solid var(--border);border-radius:5px;padding:2px 6px;color:var(--text-dim);white-space:nowrap;justify-self:start}.export-tabs{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.export-actions{margin-left:auto;display:flex;gap:6px}.export-desc{font-size:12px;padding:8px 2px 10px}.export-code{font-family:Cascadia Code,Consolas,monospace;font-size:11.5px;background:#0a0c10;border:1px solid var(--border);border-radius:8px;padding:14px;line-height:1.55;max-height:52vh;overflow:auto;-webkit-user-select:text;user-select:text;white-space:pre;margin:0;color:#c8d3e8}.export-code.is-link{white-space:pre-wrap;word-break:break-all}.import-pane{padding-top:14px}.import-tip{display:block;margin-top:6px;font-size:11.5px;color:var(--text-faint)}.import-field{display:flex;flex-direction:column;gap:4px;margin-top:10px;font-size:11.5px;color:var(--text-dim)}.import-field em{color:var(--text-faint);font-style:normal}.import-field input{width:100%}.import-prompt{max-height:240px;overflow:auto;white-space:pre-wrap;word-break:break-word;font-family:Cascadia Code,Consolas,monospace;font-size:11px;line-height:1.5;padding:12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--panel-2);color:#c8d3e8}.import-desc{font-size:12.5px;line-height:1.5;margin:0 0 12px}.import-area{width:100%;height:140px;resize:vertical;font-family:Cascadia Code,Consolas,monospace;font-size:12px;line-height:1.5}.import-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.export-foot{font-size:11px;padding-top:10px}.image-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-choice-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;padding:22px 14px;background:var(--panel-2);border:1px solid var(--border-strong);border-radius:12px;color:var(--text);cursor:pointer;transition:background .12s,border-color .12s,transform .06s}.image-choice-card:hover{background:var(--panel-3);border-color:var(--accent)}.image-choice-card:active{transform:translateY(1px)}.image-choice-card svg{color:var(--accent-2)}.image-choice-title{font-size:13px;font-weight:700}.image-choice-sub{font-size:11px;color:var(--text-dim);line-height:1.35}.image-url-form{display:flex;flex-direction:column;gap:10px}.image-url-label{font-size:11.5px;color:var(--text-dim)}.image-url-actions{display:flex;justify-content:space-between;gap:8px}.canvas-stage{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 10px 50px #00000073}.canvas-stage.is-edit:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:55;box-shadow:inset 0 0 80px #00000052,inset 0 0 0 1px #ffffff0d}.canvas-stage .px-layer{will-change:transform}.canvas-stage.is-preview .px-elwrap,.canvas-stage.is-edit .px-layer{pointer-events:none}.canvas-stage.is-edit .px-layer:not(.is-locked) .px-elwrap{pointer-events:auto}.canvas-stage.is-edit .px-elwrap{cursor:move}.canvas-stage.is-edit .px-elwrap.is-layer-sel{outline:1px dashed rgba(255,255,255,.18);outline-offset:1px}.canvas-stage.is-edit .px-layer:not(.is-locked) .px-elwrap:hover{outline:1px solid rgba(124,92,255,.35);outline-offset:1px}.canvas-stage.is-edit .px-elwrap.is-selected{outline:1.5px solid var(--accent);outline-offset:1px}.px-handle{position:absolute;width:8px;height:8px;background:var(--accent);border:1px solid #fff;border-radius:1.5px;z-index:20;box-shadow:0 1px 4px #00000073}.px-handle[data-handle=nw]{top:-4px;left:-4px;cursor:nwse-resize}.px-handle[data-handle=n]{top:-4px;left:calc(50% - 4px);cursor:ns-resize}.px-handle[data-handle=ne]{top:-4px;right:-4px;cursor:nesw-resize}.px-handle[data-handle=e]{top:calc(50% - 4px);right:-4px;cursor:ew-resize}.px-handle[data-handle=se]{bottom:-4px;right:-4px;cursor:nwse-resize}.px-handle[data-handle=s]{bottom:-4px;left:calc(50% - 4px);cursor:ns-resize}.px-handle[data-handle=sw]{bottom:-4px;left:-4px;cursor:nesw-resize}.px-handle[data-handle=w]{top:calc(50% - 4px);left:-4px;cursor:ew-resize}.px-rotate{position:absolute;width:16px;height:16px;display:flex;align-items:center;justify-content:center;z-index:22;color:var(--accent-2);cursor:grab;opacity:.45;transition:opacity .12s,transform .12s}.px-rotate:hover{opacity:1;transform:scale(1.15)}.px-rotate:active{cursor:grabbing}.px-rotate svg{background:#0d1017d1;border-radius:50%;padding:2px;filter:drop-shadow(0 1px 3px rgba(0,0,0,.6))}.px-rotate[data-rotate=nw]{top:-19px;left:-19px}.px-rotate[data-rotate=ne]{top:-19px;right:-19px}.px-rotate[data-rotate=se]{bottom:-19px;right:-19px}.px-rotate[data-rotate=sw]{bottom:-19px;left:-19px}.px-elwrap.is-pulse{animation:px-pulse 533ms ease-in-out 3}@keyframes px-pulse{0%{box-shadow:0 0 0 2px #3ad6ff00,0 0 #3ad6ff00}35%{box-shadow:0 0 0 2px var(--accent-2),0 0 16px 3px #3ad6ff66}to{box-shadow:0 0 0 2px #3ad6ff00,0 0 #3ad6ff00}}.stage-hint{position:absolute;left:14px;bottom:14px;z-index:60;padding:6px 12px;border-radius:8px;background:#12151db8;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-dim);font-size:11.5px;font-weight:600;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;animation:stage-hint-fade 2.5s ease forwards}@keyframes stage-hint-fade{0%{opacity:0;transform:translateY(6px)}10%{opacity:1;transform:none}78%{opacity:1}to{opacity:0}}img.px-el,.px-el img{width:100%;height:100%;display:block}.px-img-placeholder{display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#ffffff12 0,#ffffff12 10px,#ffffff05 10px,#ffffff05 20px);border:1px dashed rgba(255,255,255,.22)}.px-img-placeholder span{font-family:var(--font-ui);font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#ffffff8c}.tl-panel{display:flex;flex-direction:column;height:100%;min-width:0;background:var(--panel)}.tl-head{flex:0 0 38px;height:38px;display:flex;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid var(--border);min-width:0}.tl-caption{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim);white-space:nowrap;flex:0 0 auto}.tl-transport{display:flex;align-items:center;gap:2px;flex:0 0 auto}.tl-readout{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:104px;text-align:center;flex:0 0 auto}.tl-speed{flex:0 0 auto}.tl-speed select{width:62px;padding:3px 6px;font-size:11.5px}.tl-stagger{display:flex;align-items:center;gap:5px;flex:0 0 auto;min-width:0}.tl-stagger input[type=number]{width:54px;padding:3px 6px;font-size:11.5px}.tl-unit{font-size:10.5px;color:var(--text-faint);flex:0 0 auto}.tl-head .btn{padding:4px 9px;font-size:11px}.tl-head .spacer{flex:1 1 0;min-width:0}.tl-head .divider-v{margin:8px 2px}.tl-scroll{flex:1 1 auto;min-height:0;overflow:auto;position:relative}.tl-empty{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:12.5px}.tl-grid{position:relative;display:grid;width:max-content;min-width:100%;min-height:100%;grid-template-rows:22px;grid-auto-rows:26px;align-content:start}.tl-corner{position:sticky;top:0;left:0;z-index:6;background:var(--panel);border-bottom:1px solid var(--border);border-right:1px solid var(--border)}.tl-ruler{position:sticky;top:0;z-index:5;background:var(--panel);border-bottom:1px solid var(--border);cursor:ew-resize;overflow:hidden;touch-action:none}.tl-tick{position:absolute;bottom:0;width:1px;height:6px;background:var(--border-strong);pointer-events:none}.tl-tick.is-major{height:9px;background:#39425c}.tl-tick.is-major span{position:absolute;bottom:10px;left:3px;font-size:9.5px;line-height:1;color:var(--text-faint);font-variant-numeric:tabular-nums;white-space:nowrap}.tl-label{position:sticky;left:0;z-index:3;background:var(--panel);border-right:1px solid var(--border);display:flex;align-items:center;gap:6px;padding:0 10px;min-width:0;cursor:pointer}.tl-label.is-zebra{background:linear-gradient(#ffffff04,#ffffff04) var(--panel)}.tl-label .tl-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-glabel{color:var(--text-dim);font-size:11.5px;font-weight:650}.tl-glabel:hover{color:var(--text)}.tl-glabel .badge{margin-left:auto;flex:0 0 auto}.tl-glabel.is-selected{color:var(--accent-2)}.tl-stack{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);flex:0 0 auto}.tl-elabel{padding-left:24px;color:var(--text-dim);font-size:12px}.tl-elabel:hover{color:var(--text)}.tl-elabel.is-selected{color:var(--accent-2);background:linear-gradient(#3ad6ff14,#3ad6ff14) var(--panel)}.tl-lane,.tl-glane{position:relative;min-width:0}.tl-lane.is-zebra,.tl-glane.is-zebra{background-color:#ffffff04}.tl-glane{cursor:pointer}.tl-bar{position:absolute;top:5px;height:16px;border-radius:6px;cursor:grab;display:flex;align-items:center;overflow:hidden;min-width:2px;touch-action:none;transition:filter .12s}.tl-bar:hover{filter:brightness(1.12)}.tl-bar:active{cursor:grabbing}.tl-bar.is-enter{background:var(--accent-grad);box-shadow:0 2px 10px #7c5cff59}.tl-bar.is-exit{background:linear-gradient(135deg,#ff5c7a,#ff9a5c);box-shadow:0 2px 10px #ff5c7a4d}.tl-bar-label{font-size:10px;font-weight:650;color:#fffffff2;padding:0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.tl-bar-handle{position:absolute;top:0;right:0;width:8px;height:100%;cursor:col-resize;touch-action:none}.tl-bar-handle:after{content:"";position:absolute;top:3px;bottom:3px;right:2px;width:2px;border-radius:2px;background:#fff9;opacity:0;transition:opacity .12s}.tl-bar:hover .tl-bar-handle:after{opacity:1}.tl-bar-none{position:absolute;top:5px;left:0;height:16px;border-radius:6px;border:1px dashed var(--border-strong);background:transparent;color:var(--text-faint);font-family:var(--font-ui);font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;white-space:nowrap;overflow:hidden;padding:0}.tl-bar-none:hover{border-color:var(--accent);color:var(--text-dim)}.tl-playhead{position:absolute;top:0;bottom:0;width:1.5px;background:var(--accent-2);box-shadow:0 0 6px #3ad6ffe6,0 0 16px #3ad6ff66;z-index:2;pointer-events:none}.mk-page{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:var(--bg);user-select:text;-webkit-user-select:text}.mk-page a.btn{text-decoration:none}.mk-nav{position:sticky;top:0;z-index:50;background:#12151dcc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.mk-nav-inner{max-width:880px;margin:0 auto;height:54px;padding:0 24px;display:flex;align-items:center;gap:8px}.mk-brand{display:inline-flex;align-items:center;gap:9px;margin-right:8px;color:var(--text);text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.01em;white-space:nowrap}.mk-logo{width:21px;height:21px;flex:0 0 21px;border-radius:6px;background:var(--accent-grad);box-shadow:0 2px 10px #7c5cff66}.mk-logo-img{width:30px;height:30px;flex:0 0 30px;object-fit:contain;display:block}.mk-nav-spacer{flex:1}.mk-nav-link{padding:6px 10px;border-radius:var(--radius-sm);color:var(--text-dim);text-decoration:none;font-size:12.5px;font-weight:600;transition:color .12s,background .12s}.mk-nav-link:hover{color:var(--text);background:var(--panel-2)}@media (max-width: 560px){.mk-wordmark{display:none}}.mk-content{max-width:880px;margin:0 auto;padding:48px 24px 80px}.mk-content h1{margin:0 0 12px;font-size:clamp(34px,5vw,44px);line-height:1.08;font-weight:800;letter-spacing:-.02em}.mk-content h2{margin:36px 0 10px;font-size:20px;font-weight:750;letter-spacing:-.01em}.mk-content h3{margin:20px 0 4px;font-size:13.5px;font-weight:700}.mk-content p{margin:8px 0;font-size:13.5px;line-height:1.7;color:var(--text-dim)}.mk-content p.mk-sub{margin:0;font-size:15.5px}.mk-content p.mk-note{margin:10px 0 0;font-size:11.5px;color:var(--text-faint)}.mk-content p.mk-warning{margin:10px 0 0;font-size:12.5px;font-weight:600;color:var(--warning)}.mk-card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:24px}.mk-content h2.mk-card-title{margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.mk-banner{display:flex;align-items:center;gap:10px;padding:11px 14px;border-radius:10px;border:1px solid rgba(124,92,255,.45);background:#7c5cff1a;font-size:12.5px;font-weight:600}.mk-banner:before{content:"";width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:var(--accent-2);animation:mk-pulse 1.2s ease-in-out infinite}.mk-banner.is-warning{border-color:#ffc85773;background:#ffc85714}.mk-banner.is-warning:before{background:var(--warning);animation:none}@keyframes mk-pulse{0%,to{opacity:1}50%{opacity:.25}}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;align-items:stretch}@media (max-width: 720px){.pricing-grid{grid-template-columns:1fr}}.price-card{position:relative;display:flex;flex-direction:column;gap:16px}.price-card.is-pro{border-color:var(--accent);box-shadow:0 0 0 1px #7c5cff59,0 14px 48px #7c5cff29}.mk-chip{position:absolute;top:-10px;right:18px;padding:3px 10px;border-radius:999px;background:var(--accent-grad);color:#fff;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.plan-name{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-dim)}.price{font-size:34px;font-weight:800;letter-spacing:-.02em;line-height:1.05}.mk-content p.price-note{margin:6px 0 0;font-size:11.5px;color:var(--text-faint)}.mk-content p.feature-lead{margin:0;font-size:12.5px}.feature-list{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:9px}.feature-list li{display:flex;align-items:flex-start;gap:9px;font-size:12.5px;line-height:1.5;color:var(--text)}.feature-check{display:inline-flex;flex:0 0 auto;margin-top:2px;color:var(--success)}.price-cta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.mk-faq{margin-top:48px}.mk-faq p{margin:0 0 10px;font-size:13px}.account-grid{display:flex;flex-direction:column;gap:16px;margin-top:28px}.account-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-status{font-size:13px;font-weight:600}.account-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.account-field{display:flex;align-items:center;gap:10px;margin:8px 0;flex-wrap:wrap}.account-label{flex:0 0 100px;font-size:11.5px;color:var(--text-dim)}.account-value{font-size:12.5px}.account-field input{max-width:240px}.badge.is-pro{background:var(--accent-grad);border-color:transparent;color:#fff}.scene-list{display:flex;flex-direction:column}.scene-row{display:flex;align-items:center;gap:8px;padding:6px 2px;border-bottom:1px solid var(--border)}.scene-row:last-child{border-bottom:none}.scene-name{flex:1;min-width:0;font-size:12.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mk-content .legal h2{margin:30px 0 8px;font-size:16.5px}.mk-content .legal h3{margin:18px 0 4px;font-size:13.5px}.mk-content .legal p{margin:6px 0 12px;font-size:13px}.legal ul{margin:6px 0 14px;padding-left:20px}.legal li{margin:5px 0;font-size:13px;line-height:1.7;color:var(--text-dim)}.legal a{color:var(--accent-2);text-decoration:none}.legal a:hover{text-decoration:underline}.legal strong{color:var(--text);font-weight:650}.mk-footer{border-top:1px solid var(--border)}.mk-footer-inner{max-width:880px;margin:0 auto;padding:22px 24px 36px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-faint)}.mk-footer a{color:var(--text-dim);text-decoration:none}.mk-footer a:hover{color:var(--text)}