*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-app: #090912;--bg-panel: #0f0f1a;--bg-panel-hover: #181828;--bg-surface: #16162a;--bg-surface-hover:#222238;--border: #22223a;--border-light: #38386a;--text: #f0f0ff;--text-muted: #9898bb;--text-dim: #64648a;--accent: #6366f1;--accent-hover: #818cf8;--accent-dim: rgba(99,102,241,.22);--accent-glow: rgba(99,102,241,.3);--danger: #ef4444;--danger-glow: rgba(239,68,68,.25);--success: #22c55e;--success-glow: rgba(34,197,94,.2);--zepto-blue: rgba(56,149,255,.9);--zepto-glow: rgba(56,149,255,.4);--zepto-eye: #f59e0b;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--transition: .16s ease;--transition-slow: .3s ease;--font: "Inter", system-ui, -apple-system, sans-serif;--panel-left-w: 260px;--panel-right-w: 280px;--toolbar-h: 54px;--timeline-h: 220px}html,body{height:100%;overflow:hidden}[hidden]{display:none!important}body{font-family:var(--font);background:var(--bg-app);color:var(--text);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}#app{height:100vh}.editor-layout{display:grid;grid-template-columns:var(--panel-left-w) minmax(200px,1fr) var(--panel-right-w);height:100vh;overflow:hidden}.panel-left{background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.panel-left-tabs,.panel-right-tabs{display:flex;border-bottom:1px solid var(--border);flex-shrink:0}.panel-tab{flex:1;background:none;border:none;color:var(--text-muted);font:inherit;font-size:12px;font-weight:500;padding:10px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;border-bottom:2px solid transparent;transition:color var(--transition),border-color var(--transition)}.panel-tab svg{width:14px;height:14px}.panel-tab:hover{color:var(--text)}.panel-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.panel-left-content,.panel-right-content{flex:1;overflow-y:auto;overflow-x:hidden}.panel-left-content .panel-tab-content{min-height:100%}.editor-main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-app);min-height:0}.toolbar-container{flex-shrink:0}.toolbar{height:var(--toolbar-h);background:var(--bg-panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:8px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:4px}.toolbar-center{font-size:12px;color:var(--text-muted);font-weight:500}.toolbar-divider{width:1px;height:24px;background:var(--border);margin:0 4px}.tool-btn{background:none;border:1px solid transparent;color:var(--text-muted);cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);display:flex;align-items:center;gap:3px;transition:all var(--transition);font:inherit;font-size:12px}.tool-btn svg{width:18px;height:18px}.tool-btn:hover{color:var(--text);background:var(--bg-surface-hover)}.tool-btn.active{color:var(--accent);background:var(--accent-dim);border-color:var(--accent)}.tool-btn:disabled{opacity:.35;pointer-events:none}.tool-group{position:relative;display:flex;align-items:center;gap:4px}.tool-dropdown-wrap .tool-dropdown{display:none;position:absolute;top:100%;left:0;z-index:50;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;min-width:220px;max-height:360px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.tool-dropdown-wrap:hover .tool-dropdown{display:block}.tool-dropdown-wrap.tool-dropdown-wrap--closed .tool-dropdown{display:none!important}.tool-dropdown--compact{min-width:190px}.tool-dropdown-group+.tool-dropdown-group{margin-top:4px;padding-top:4px;border-top:1px solid var(--border)}.tool-dropdown-group-title{font-size:11px;font-weight:700;color:var(--text-dim);padding:6px 10px 4px;text-transform:uppercase;letter-spacing:.04em}.tool-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;background:none;border:none;color:var(--text);font:inherit;font-size:12px;padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition)}.tool-dropdown-item svg{width:16px;height:16px}.tool-dropdown-item:hover{background:var(--bg-surface-hover)}.tool-dropdown-item.active{color:var(--accent);background:var(--accent-dim)}.canvas-area{flex:1;position:relative;background:var(--bg-app);overflow:hidden;min-height:200px;min-width:200px}.timeline-resize-handle{height:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:row-resize;background:linear-gradient(180deg,#18181bbf,#111114fa);border-top:1px solid var(--border);border-bottom:1px solid #141418}.timeline-resize-grip{width:44px;height:3px;border-radius:999px;background:#a1a1aa73;transition:background var(--transition),width var(--transition)}.timeline-resize-handle:hover .timeline-resize-grip{width:62px;background:#c7d2fecc}body.timeline-resizing{cursor:row-resize!important;-webkit-user-select:none;user-select:none}.timeline-container{height:var(--timeline-h);min-height:120px;background:linear-gradient(180deg,#111114,#0e0e11);overflow:hidden}.canvas-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.onepage-observer-line{position:absolute;height:0;border-top:1px dashed rgba(45,212,191,.8);box-shadow:0 0 0 1px #082f4959,0 0 14px #2dd4bf38;pointer-events:none;z-index:3}.canvas-area.drag-over:after{content:"Solte a imagem aqui";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:2px dashed var(--accent);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--accent);background:#6366f114;z-index:100;pointer-events:none}.iface-canvas-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:5;pointer-events:none}.iface-canvas-wrapper.active{pointer-events:auto}.interface-overlay{pointer-events:none;-webkit-user-select:none;user-select:none}.slide-panel{min-height:100%;padding:8px}.slide-list{display:flex;flex-direction:column;gap:4px}.slide-item{display:flex;align-items:center;gap:6px;padding:6px;border-radius:var(--radius);cursor:pointer;border:1px solid transparent;border-left:3px solid transparent;transition:all var(--transition)}.slide-item:hover{background:var(--bg-surface-hover);transform:translate(2px)}.slide-item--active{background:var(--bg-surface);border-color:transparent;border-left-color:var(--accent);box-shadow:inset 0 0 0 1px #6366f12e}.slide-item--selected{box-shadow:inset 0 0 0 1px #6366f18c}.slide-item--dragging{opacity:.4}.slide-item--dragover{border-color:var(--accent-hover);border-left-color:var(--accent-hover);background:#6366f11a}.slide-item-grip{display:flex;cursor:grab;color:var(--text-dim);transition:color var(--transition)}.slide-item-grip svg{width:16px;height:16px}.slide-item:hover .slide-item-grip{color:var(--accent-hover)}.slide-item-thumb-wrap{position:relative;flex-shrink:0}.slide-item-number{position:absolute;bottom:2px;left:2px;min-width:18px;height:16px;padding:0 5px;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#e0e7ff;font-size:9px;font-weight:700;border-radius:3px;display:flex;align-items:center;justify-content:center;z-index:2}.slide-item-thumb{width:96px;height:54px;background-size:cover;background-position:center;background-color:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:0 1px 4px #0003;transition:box-shadow var(--transition),border-color var(--transition)}.slide-item:hover .slide-item-thumb{border-color:var(--border-light);box-shadow:0 2px 8px #0000004d}.slide-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.slide-item-name{background:none;border:1px solid transparent;color:var(--text);font:inherit;font-size:11px;font-weight:500;padding:2px 4px;border-radius:var(--radius-sm);width:100%}.slide-item-name:hover{border-color:var(--border-light)}.slide-item-name:focus{outline:none;border-color:var(--accent);background:var(--bg-surface)}.slide-item-subtitle{color:var(--text-dim);font-size:9px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:0 4px}.slide-item-actions{display:flex;gap:2px}.slide-item-actions button{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;transition:all var(--transition)}.slide-item-actions button svg{width:13px;height:13px}.slide-item-actions button:hover{color:var(--text);background:var(--bg-surface-hover)}.slide-menu-toggle.is-hidden{color:var(--danger)}.slide-transfer-row{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.slide-transfer-btn{min-width:0;padding:7px 6px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:11px;font-weight:600;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all var(--transition)}.slide-transfer-btn svg{width:13px;height:13px;flex:0 0 auto}.slide-transfer-btn:hover{color:var(--text);border-color:var(--accent);background:var(--bg-surface-hover)}.slide-context-menu{position:fixed;z-index:460;min-width:190px;padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);box-shadow:0 12px 32px #00000052;display:flex;flex-direction:column;gap:2px}.slide-context-menu button{width:100%;border:0;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);padding:8px 9px;font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer;display:flex;align-items:center;gap:8px}.slide-context-menu button:hover{background:var(--bg-surface-hover);color:var(--text)}.slide-context-menu svg{width:14px;height:14px;flex:0 0 auto}.slide-chapter{display:flex;align-items:center;gap:6px;padding:7px 6px;margin:10px 0 2px;border-radius:var(--radius);border:1px solid rgba(99,102,241,.3);background:#6366f114;position:relative}.slide-chapter:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:var(--radius) var(--radius) 0 0;opacity:.6}.slide-chapter-main{flex:1;min-width:0;display:flex;align-items:center;gap:4px}.slide-chapter-prefix{flex-shrink:0;font-size:10px;font-weight:800;color:var(--accent-hover)}.slide-chapter-name{min-width:0;flex:1;background:transparent;border:1px solid transparent;color:var(--text);font:inherit;font-size:11px;font-weight:700;padding:2px 4px;border-radius:var(--radius-sm)}.slide-chapter-name:focus{outline:none;border-color:var(--accent);background:var(--bg-surface)}.slide-add-btn{width:100%;margin-top:8px;padding:9px;background:var(--bg-surface);border:1px dashed var(--border-light);color:var(--text-muted);font:inherit;font-size:12px;font-weight:600;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all var(--transition)}.slide-add-btn svg{width:14px;height:14px;transition:transform var(--transition)}.slide-add-btn:hover{color:var(--accent-hover);border-color:var(--accent);background:#6366f114}.slide-add-btn:hover svg{transform:rotate(90deg)}.slide-add-row{display:grid;grid-template-columns:1fr;gap:6px;margin-top:10px}.slide-add-row .slide-add-btn{margin-top:0}.slide-add-btn--chapter{border-style:solid;background:#6366f10f;border-color:#6366f140}.course-menu-thumb-setting{display:flex;gap:10px;align-items:center}.course-menu-thumb-preview{width:150px;height:100px;flex:0 0 auto;border:1px solid var(--border-light);border-radius:var(--radius);background-color:var(--bg-surface);background-position:center;background-size:cover;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:11px;font-weight:700}.course-menu-thumb-preview:not(.course-menu-thumb-preview--empty) span{padding:3px 6px;border-radius:999px;background:#00000094;color:#fff}.course-menu-thumb-actions{min-width:0;display:flex;flex-direction:column;gap:6px}.interface-panel{padding:10px}.ipanel-section{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}.ipanel-section:last-child{border-bottom:none}.ipanel-label{display:block;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.ipanel-row{display:flex;align-items:center;gap:8px}.ipanel-input{width:100%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:12px;padding:6px 8px;border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition)}.ipanel-input:focus{border-color:var(--accent)}.ipanel-input--small{width:80px}.ipanel-color{width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:0;background:none}.ipanel-color::-webkit-color-swatch-wrapper{padding:2px}.ipanel-color::-webkit-color-swatch{border:none;border-radius:2px}.ipanel-color-label{font-size:11px;color:var(--text-dim);font-family:monospace}.ipanel-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:11px;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:4px;transition:all var(--transition)}.ipanel-btn svg{width:14px;height:14px}.ipanel-btn:hover{color:var(--text);border-color:var(--border-light)}.ipanel-btn--remove{color:var(--danger)}.ipanel-logo-preview{width:36px;height:36px;object-fit:contain;border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border)}.ipanel-logo-placeholder{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:8px;color:var(--text-dim);background:var(--bg-surface);border:1px dashed var(--border);border-radius:var(--radius-sm)}.ipanel-radio-group{display:flex;flex-direction:column;gap:4px}.ipanel-radio{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);cursor:pointer}.ipanel-radio input[type=radio]{accent-color:var(--accent);cursor:pointer}.ipanel-nav-preview{width:32px;height:32px;object-fit:contain;border-radius:50%;border:1px solid var(--border)}.ipanel-nav-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;font-weight:700;flex-shrink:0}.ipanel-shape-grid{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:4px}.ipanel-shape-item{width:40px;height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);transition:all var(--transition);overflow:hidden;padding:4px}.ipanel-shape-item:hover{border-color:var(--border-light)}.ipanel-shape-item.active{border-color:var(--accent);background:#6366f126}.ipanel-shape-icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ipanel-shape-icon svg{width:100%;height:100%}.ipanel-shape-preview{width:100%}.ipanel-shape-grid [data-topbar-tpl]{width:calc(50% - 2px);height:54px;flex-direction:column;gap:4px}.interface-model-swatches,.interface-color-palette{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.interface-model-swatches{justify-content:center;gap:4px;margin-top:2px}.interface-color-chip,.interface-color-swatch{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px #0000001f}.interface-color-swatch{cursor:pointer;background-clip:padding-box}.interface-color-swatch:hover,.interface-color-swatch.active{border-color:var(--accent);outline:2px solid rgba(99,102,241,.2)}.interactive-state-list{display:flex;flex-direction:column;gap:8px}.interactive-state-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px}.prop-btn--compact{padding:5px 8px;font-size:11px}.interactive-state-modal .settings-body{gap:12px}.ipanel-toggles{display:flex;flex-direction:column;gap:4px}.ipanel-toggle-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);cursor:pointer;padding:3px 0;-webkit-user-select:none;user-select:none}.ipanel-toggle-cb{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.ipanel-iimg-list{display:flex;flex-direction:column;gap:6px}.ipanel-iimg-item{display:flex;align-items:center;gap:6px;padding:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.ipanel-iimg-thumb{width:36px;height:36px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.ipanel-iimg-controls{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ipanel-range{width:100%;accent-color:var(--accent);cursor:pointer}.panel-right{background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.properties-panel{padding:10px}.text-review-panel{padding:10px;min-height:100%;color:var(--text)}.text-review-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:8px 0 12px;border-bottom:1px solid var(--border)}.text-review-kicker{display:flex;align-items:center;gap:6px;color:var(--accent);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.text-review-kicker svg{width:14px;height:14px}.text-review-head h3{margin:4px 0 0;font-size:16px;line-height:1.15}.text-review-count{min-width:30px;height:30px;border-radius:999px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:11px;font-weight:800}.text-review-controls{display:grid;gap:8px;padding:12px 0}.text-review-category-grid{display:grid;grid-template-columns:1fr;gap:8px}.text-review-category{position:relative;border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius);padding:9px 34px 9px 10px;min-height:58px}.text-review-category strong{display:block;font-size:12px;color:var(--text);line-height:1.2}.text-review-category span{display:block;color:var(--text-muted);font-size:10px;line-height:1.35;margin-top:4px}.text-review-category em{position:absolute;top:8px;right:8px;min-width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent);font-size:11px;font-style:normal;font-weight:800}.text-review-control-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.text-review-run,.text-review-summary-run{justify-content:center;width:100%}.text-review-run svg,.text-review-summary-run svg{width:14px;height:14px}.text-review-note{margin:0;color:var(--text-dim);font-size:10px;line-height:1.35}.text-review-status{border:1px solid var(--border);background:#6366f114;color:var(--text-muted);border-radius:var(--radius);padding:8px 10px;font-size:11px;line-height:1.35;margin-bottom:10px}.text-review-empty{border:1px dashed var(--border-light);background:var(--bg-surface);border-radius:var(--radius);padding:14px;display:grid;gap:6px;color:var(--text-muted);font-size:12px;line-height:1.4}.text-review-empty strong{color:var(--text);font-size:13px}.text-review-empty--ok{border-color:#22c55e73;background:#22c55e14}.text-review-empty--loading{border-color:#6366f173}.text-review-summary{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius);padding:10px;margin-bottom:10px;display:grid;gap:10px}.text-review-summary strong{display:block;font-size:22px;line-height:1}.text-review-summary span{color:var(--text-muted);font-size:11px}.text-review-course-summary{border:1px solid rgba(99,102,241,.35);background:linear-gradient(180deg,#6366f11f,#ffffff05);border-radius:var(--radius);padding:12px;margin-bottom:10px;display:grid;gap:10px}.text-review-course-summary-head{display:flex;align-items:center;gap:10px}.text-review-course-summary-head>span{width:30px;height:30px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent)}.text-review-course-summary-head svg{width:16px;height:16px}.text-review-course-summary-head strong{display:block;font-size:13px;color:var(--text)}.text-review-course-summary-head em{display:block;font-size:10px;color:var(--text-dim);font-style:normal;margin-top:2px}.text-review-course-summary p{margin:0;color:var(--text);font-size:12px;line-height:1.5}.text-review-course-points{display:grid;gap:6px}.text-review-course-points>span{color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.text-review-course-points ul{margin:0;padding-left:16px;color:var(--text-muted);font-size:11px;line-height:1.45}.text-review-list,.text-review-group{display:grid;gap:10px}.text-review-group-title{display:flex;align-items:center;justify-content:space-between;color:var(--text);font-size:12px;font-weight:800;padding:8px 2px 0}.text-review-group-title span{min-width:22px;height:22px;border-radius:999px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:11px}.text-review-card{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius);padding:10px;display:grid;gap:10px}.text-review-card.is-applied{border-color:#22c55e73}.text-review-card.is-ignored{opacity:.62}.text-review-card-head{display:flex;justify-content:space-between;gap:8px}.text-review-card-head strong{display:block;font-size:12px}.text-review-card-head span,.text-review-card-head em{color:var(--text-dim);font-size:10px;font-style:normal}.text-review-reason{border-left:2px solid var(--accent);padding-left:8px}.text-review-reason span,.text-review-columns span{color:var(--text-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.text-review-reason p,.text-review-columns p{margin:4px 0 0;color:var(--text);font-size:11px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.text-review-columns{display:grid;gap:8px}.text-review-columns>div{border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;background:#ffffff05}.text-review-columns>div:nth-child(2){border-color:#6366f173;background:#6366f114}.text-review-changes{margin:0;padding-left:16px;color:var(--text-muted);font-size:11px;line-height:1.4}.text-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.text-review-actions .settings-btn{justify-content:center;padding-left:8px;padding-right:8px}.prop-section{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border)}.prop-section:last-child{border-bottom:none}.prop-section+.prop-section{padding-top:4px}.prop-section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-left:9px;border-left:2px solid rgba(99,102,241,.4)}.prop-section-title--iface{color:var(--accent);border-left-color:var(--accent)}.prop-group{margin-bottom:6px}.prop-label{display:block;font-size:10px;color:var(--text-dim);margin-bottom:3px}.prop-input{width:100%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:12px;padding:5px 7px;border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.prop-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6366f126}.prop-input--num{width:100%;font-variant-numeric:tabular-nums}.prop-scrub-control{display:flex;align-items:center;gap:6px;min-width:0}.prop-scrub-handle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);font:800 14px/1 var(--font-ui, inherit);cursor:ns-resize;-webkit-user-select:none;user-select:none;transition:border-color var(--transition),background var(--transition),color var(--transition)}.prop-scrub-handle:hover,.prop-scrub-handle:focus-visible{border-color:var(--accent);background:#6366f11f;color:var(--text);outline:none}.prop-scrub-input{min-width:0;flex:1}.prop-scrub-unit{flex-shrink:0;color:var(--text-dim);font-size:11px;font-variant-numeric:tabular-nums}body.is-number-scrubbing,body.is-number-scrubbing *{cursor:ns-resize!important;-webkit-user-select:none!important;user-select:none!important}.prop-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.prop-row{display:flex;align-items:center;gap:6px}.prop-color-control{position:relative;display:inline-flex;align-items:center;gap:6px;min-width:0}.prop-color-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.prop-color-btn{width:24px;height:24px;border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:2px;background:var(--bg-surface);flex-shrink:0}.prop-color-btn:hover{border-color:var(--border-light)}.prop-color-swatch{display:block;width:100%;height:100%;border-radius:2px;background:#6366f1}.prop-color-val{font-size:11px;color:var(--text-dim);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.prop-color-token{max-width:86px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(99,102,241,.4);border-radius:999px;padding:2px 6px;color:#c7d2fe;background:#6366f129;font:700 10px/1 var(--font-ui, inherit)}.color-popover{position:fixed;z-index:1200;width:260px;background:var(--bg-panel);border:1px solid var(--border-light);border-radius:var(--radius);padding:10px;box-shadow:0 14px 30px #00000073}.color-popover [hidden]{display:none!important}.color-popover-head{display:flex;gap:4px;margin-bottom:8px}.color-popover-tab{flex:1;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:11px;padding:5px 6px}.color-popover-tab.active{color:#fff;border-color:var(--accent);background:#6366f159}.color-popover-preview{height:40px;border:1px solid var(--border);border-radius:var(--radius-sm);background-color:#6366f1;background-image:linear-gradient(45deg,rgba(255,255,255,.14) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.14) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.14) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.14) 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0;margin-bottom:8px}.color-popover-project{margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;background:#ffffff06}.color-token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:6px}.color-token-btn{min-width:0;display:flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;padding:5px 6px;font:inherit;font-size:10px}.color-token-btn.active{color:#fff;border-color:var(--accent);background:#6366f138}.color-token-btn__swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.24);flex-shrink:0}.color-token-btn__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-token-free{width:100%;margin-top:7px;border:1px dashed var(--border-light);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;padding:5px 6px;font:inherit;font-size:10px}.color-popover-panel{display:flex;flex-direction:column;gap:6px}.color-popover-label{font-size:10px;color:var(--text-dim)}.color-popover-panel input[type=color]{width:44px;height:32px;border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-sm);padding:2px;cursor:pointer}.color-popover-panel input[type=text]{min-width:0;flex:1;height:32px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:var(--radius-sm);padding:4px 8px;font:11px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.color-popover-panel[data-color-panel=gradient] input[type=color]{width:100%}.color-popover-row{display:flex;align-items:center;gap:6px}.color-popover-kind-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.color-popover-kind-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:11px;padding:6px 8px}.color-popover-kind-btn.active{color:#fff;border-color:var(--accent);background:#6366f159}.color-popover-kind-icon{font-size:13px;line-height:1}.color-popover-pin-row{display:flex;align-items:center;gap:6px}.color-popover-pin-tag{min-width:14px;text-align:center;font-size:10px;color:var(--text-dim);border:1px solid var(--border);border-radius:10px;padding:1px 4px}.color-popover-pin-row input[type=range],.color-popover-row input[type=range]{flex:1}.color-popover-row input[type=number]{width:64px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:4px 6px;font:inherit;font-size:11px}.color-popover-actions{margin-top:10px}.prop-range{width:100%;accent-color:var(--accent);cursor:pointer}.prop-align-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);min-width:30px;min-height:28px;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;font:inherit;font-size:12px;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center}.prop-align-btn--icon{width:32px;padding:0}.prop-align-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.prop-align-btn:hover{background:var(--bg-surface-hover)}.prop-align-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.prop-toggle{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-weight:800;font-size:13px;padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.prop-toggle.active{background:var(--accent);color:#fff;border-color:var(--accent)}.prop-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-dim);cursor:pointer;padding:0;transition:all var(--transition)}.prop-icon-btn:hover{color:var(--text);background:var(--bg-surface-hover);border-color:var(--border-light)}.prop-icon-btn:disabled{opacity:.35;cursor:default;pointer-events:none}.prop-drag-handle{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0;cursor:grab;color:var(--text-dim);font-size:14px;opacity:.5;-webkit-user-select:none;user-select:none;transition:opacity var(--transition),color var(--transition)}.prop-drag-handle:hover{opacity:1;color:var(--text-muted)}.prop-tab-row:active .prop-drag-handle{cursor:grabbing}.prop-tab-row.is-dragging{opacity:.4}.prop-tab-row.drag-over{box-shadow:0 -2px 0 0 var(--accent)}.prop-btn{flex:1;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:11px;padding:5px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);display:inline-flex;align-items:center;justify-content:center;gap:4px}.prop-btn svg{width:13px;height:13px;flex-shrink:0}.prop-btn:hover{color:var(--text);border-color:var(--border-light);background:var(--bg-surface-hover)}.prop-select{width:100%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:12px;padding:5px 24px 5px 7px;border-radius:var(--radius-sm);outline:none;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2371717a' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.prop-select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #6366f126}.prop-select:hover{border-color:var(--border-light)}.prop-select optgroup{background:var(--bg-surface);color:var(--text-muted);font-weight:600}.prop-select option{background:var(--bg-surface);color:var(--text)}.prop-checkbox-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.prop-checkbox{accent-color:var(--accent);width:14px;height:14px;cursor:pointer}.prop-btn--preview{width:100%;margin-top:4px;background:var(--accent-dim);border-color:var(--accent);color:var(--accent-hover);text-align:center}.prop-btn--preview:hover{background:var(--accent);color:#fff}.timeline-panel{position:relative;height:100%;display:flex;flex-direction:column;min-height:0}.timeline-panel--visual-query-locked .timeline-toolbar,.timeline-panel--visual-query-locked .timeline-scroll,.timeline-panel--visual-query-locked .timeline-empty{filter:saturate(.7)}.timeline-visual-query-lock{position:absolute;top:38px;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:16px;background:#09090b47;pointer-events:none}.timeline-visual-query-pill{max-width:min(460px,calc(100% - 32px));min-height:36px;padding:8px 14px;border-radius:999px;border:1px solid rgba(129,140,248,.55);background:#111827f0;color:#e0e7ff;box-shadow:0 12px 34px #00000052;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex;align-items:center;justify-content:center;text-align:center;pointer-events:none}.timeline-toolbar{height:38px;flex-shrink:0;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0 10px;background:#ffffff05}.timeline-toolbar-left,.timeline-toolbar-right{display:inline-flex;align-items:center;gap:8px;min-width:0}.timeline-toolbar-right{margin-left:auto}.timeline-title{display:inline-flex;align-items:center;gap:6px;color:var(--text);font-size:12px;font-weight:600}.timeline-title svg{width:14px;height:14px;color:var(--accent)}.timeline-total-wrap{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:6px;background:#ffffff05;padding:2px 6px}.timeline-total-label{font-size:10px;color:var(--text-dim);letter-spacing:.03em}.timeline-total-input{width:104px;border:none;background:transparent;color:var(--text);font:inherit;font-size:11px;font-variant-numeric:tabular-nums;outline:none;cursor:ns-resize}.timeline-total-snap-btn{min-width:22px;height:22px;border:none;border-radius:4px;background:#ffffff0f;color:var(--text-muted);font:inherit;font-size:10px;font-weight:700;line-height:1;cursor:pointer}.timeline-total-snap-btn:hover{background:#ffffff1f;color:var(--text)}.timeline-total-stepper{display:inline-flex;flex-direction:column;gap:1px;margin-left:1px}.timeline-total-step-btn{width:16px;height:11px;border:none;border-radius:3px;background:#ffffff0f;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.timeline-total-step-btn:hover{background:#ffffff1f;color:var(--text)}.timeline-total-step-btn svg{width:10px;height:10px}.timeline-total-step-btn--up svg{transform:rotate(180deg)}.timeline-scrub-time{min-width:64px;text-align:right;color:var(--text-muted);font-size:11px;font-variant-numeric:tabular-nums}.timeline-play-toggle{width:26px;height:26px;border:1px solid var(--border);border-radius:999px;background:#ffffff0d;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;padding:0;flex:0 0 auto;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition),box-shadow var(--transition)}.timeline-play-toggle svg{width:13px;height:13px}.timeline-play-toggle:hover{background:#6366f129;border-color:#818cf8b3;color:#fff}.timeline-play-toggle.is-playing{background:#22c55e29;border-color:#22c55e8c;color:#bbf7d0;box-shadow:0 0 0 2px #22c55e14}.timeline-play-toggle:disabled{opacity:.42;cursor:default;pointer-events:none}.timeline-zoom-wrap{display:inline-flex;align-items:center;gap:4px}.timeline-zoom-wrap--disabled{opacity:.45}.timeline-zoom-btn{width:20px;height:20px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.timeline-zoom-btn:hover{border-color:var(--border-light);color:var(--text)}.timeline-zoom-btn:disabled{cursor:default}.timeline-zoom-btn svg{width:10px;height:10px}.timeline-zoom-range{width:86px;height:2px;accent-color:rgba(129,140,248,.9);opacity:.85;cursor:pointer}.timeline-zoom-label{min-width:32px;text-align:right;color:var(--text-dim);font-size:10px;font-variant-numeric:tabular-nums}.timeline-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:12px;padding:10px}.timeline-scroll{flex:1;overflow:auto;min-height:0;background:#101014}.timeline-ruler-row,.timeline-track-row{display:flex;min-width:min-content}.timeline-ruler-row{position:sticky;top:0;z-index:8}.timeline-label-cell{position:sticky;left:0;z-index:4;width:190px;min-width:190px;max-width:190px;height:34px;display:flex;align-items:center;gap:8px;padding:0 8px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#17171c;color:var(--text-muted);-webkit-user-select:none;user-select:none}.timeline-label-cell--header{z-index:10;font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em}.timeline-label-cell--active{color:var(--text);background:#1b1b23}.timeline-label-cell--active .timeline-label-name{color:#f8fafc}.timeline-group-child-indent{width:18px;height:1px;flex-shrink:0}.timeline-breadcrumb{display:inline-flex;align-items:center;min-width:0;max-width:280px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.timeline-exit-group-btn{border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:var(--text);border-radius:6px;font:inherit;font-size:11px;line-height:1;padding:5px 7px;cursor:pointer}.timeline-exit-group-btn:hover{background:#818cf82e}.timeline-label-cell--media-active{color:#f8fafc;background:linear-gradient(180deg,#0ea5e92e,#0ea5e914)}.timeline-label-name{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:11px;cursor:default}.timeline-layer-grip{width:18px;height:18px;align-items:center;justify-content:center;border-radius:4px;transition:background var(--transition),color var(--transition)}.timeline-layer-grip:hover{background:#ffffff14;color:var(--text)}.timeline-eye-btn{width:20px;height:20px;border:none;background:none;color:var(--text-dim);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);flex-shrink:0}.timeline-eye-btn:hover{color:var(--text);background:#ffffff0f}.timeline-eye-btn svg{width:14px;height:14px}.timeline-delete-btn{width:20px;height:20px;border:none;background:none;color:#f87171b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition),background var(--transition);flex-shrink:0}.timeline-delete-btn:hover{color:#fecaca;background:#f8717124}.timeline-delete-btn svg{width:14px;height:14px}.timeline-rename-block{width:100%;min-width:0;display:flex;align-items:center;gap:4px}.timeline-rename-input{width:100%;min-width:0;height:22px;background:#111116;border:1px solid var(--accent);color:var(--text);border-radius:var(--radius-sm);font:inherit;font-size:11px;padding:0 6px;outline:none}.timeline-ruler-track{position:relative;height:34px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to right,rgba(161,161,170,.07) 0,rgba(161,161,170,.07) 1px,transparent 1px,transparent var(--timeline-frame-px)),#121217}.timeline-track-lane{position:relative;height:34px;border-bottom:1px solid var(--border);background:repeating-linear-gradient(to right,rgba(161,161,170,.06) 0,rgba(161,161,170,.06) 1px,transparent 1px,transparent var(--timeline-frame-px)),#101015}.timeline-track-lane:hover{background:repeating-linear-gradient(to right,rgba(161,161,170,.08) 0,rgba(161,161,170,.08) 1px,transparent 1px,transparent var(--timeline-frame-px)),#13131a}.timeline-track-row--dragover .timeline-label-cell{background:#6366f133;color:#e0e7ff}.timeline-track-row--dragover .timeline-track-lane{box-shadow:inset 0 0 0 1px #818cf8b3}.timeline-track-row--media .timeline-label-cell{background:#141920}.timeline-track-row--range .timeline-label-cell{background:#17151f}.timeline-label-cell--range{color:#f8fafc}.timeline-range-color{width:10px;height:10px;border-radius:999px;border:1px solid rgba(255,255,255,.42);flex-shrink:0}.timeline-track-lane--media{background:repeating-linear-gradient(to right,rgba(56,189,248,.08) 0,rgba(56,189,248,.08) 1px,transparent 1px,transparent var(--timeline-frame-px)),#0f141b}.timeline-track-lane--range{background:repeating-linear-gradient(to right,rgba(251,146,60,.06) 0,rgba(251,146,60,.06) 1px,transparent 1px,transparent var(--timeline-frame-px)),#111015}.timeline-range-strip{position:absolute;top:50%;height:8px;min-width:14px;transform:translateY(-50%);display:flex;align-items:center;z-index:4;cursor:grab}.timeline-range-strip:active{cursor:grabbing}.timeline-range-fill{position:absolute;left:0;right:0;top:2px;height:4px;border-radius:0;background:repeating-linear-gradient(135deg,#fb923cfa 0,#fb923cfa 4px,#fb923c2e 4px,#fb923c2e 8px),var(--range-color, #6366f1);box-shadow:0 0 0 1px #fb923c99;pointer-events:none}.timeline-range-end{position:absolute;top:50%;width:14px;height:14px;border-radius:999px;transform:translate(-50%,-50%);background:var(--range-color, #6366f1);border:2px solid #fb923c;box-shadow:0 0 0 1px #0f172ae6,0 2px 5px #00000059;z-index:2;cursor:ew-resize}.timeline-range-end--start{left:0}.timeline-range-end--end{left:100%}.timeline-range-strip--disabled{opacity:.42;filter:grayscale(.4)}.timeline-range-strip--dragging{filter:brightness(1.16)}.timeline-track-lane--media:hover{background:repeating-linear-gradient(to right,rgba(56,189,248,.12) 0,rgba(56,189,248,.12) 1px,transparent 1px,transparent var(--timeline-frame-px)),#111a23}.timeline-media-badge{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(148,163,184,.26);color:#e2e8f0}.timeline-media-badge svg{width:12px;height:12px}.timeline-media-badge--audio{background:#f973162e;border-color:#fb923c61;color:#fdba74}.timeline-media-badge--video{background:#0ea5e92e;border-color:#38bdf861;color:#7dd3fc}.timeline-object-badge{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--text-dim)}.timeline-object-badge svg{width:11px;height:11px}.timeline-object-badge--video{color:#7dd3fc}.timeline-tick{position:absolute;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.12)}.timeline-tick--major{border-left-color:#ffffff3d}.timeline-tick span{position:absolute;top:2px;left:3px;font-size:10px;color:var(--text-dim);-webkit-user-select:none;user-select:none}.timeline-playhead-line{position:absolute;top:0;bottom:0;width:2px;background:#f87171e6;pointer-events:none;z-index:2}.timeline-playhead-line--ruler{background:#f87171}.timeline-playhead-pin{position:absolute;top:0;width:10px;height:14px;transform:translate(-50%);border-radius:0 0 3px 3px;background:#f87171;pointer-events:none;z-index:3}.timeline-end-line{position:absolute;top:0;bottom:0;border-left:1px dashed rgba(148,163,184,.65);pointer-events:none;z-index:2}.timeline-end-line--ruler{border-left-color:#94a3b8d1}.timeline-end-line--scrub{width:14px;margin-left:-7px;pointer-events:auto;cursor:ew-resize}.timeline-end-line--scrub:hover,.timeline-end-line--dragging{border-left-color:#f87171f5}.timeline-end-label{position:absolute;top:2px;transform:translate(-50%);font-size:10px;color:#94a3b8eb;letter-spacing:.05em;pointer-events:none;z-index:3;-webkit-user-select:none;user-select:none}.timeline-end-label--scrub{top:16px;height:16px;padding:0 5px;border:1px solid rgba(148,163,184,.42);border-radius:999px;background:#111827eb;cursor:ew-resize;pointer-events:auto}.timeline-end-label--scrub:hover,.timeline-end-label--dragging{color:#fecaca;border-color:#f87171b8;background:#7f1d1d9e}.timeline-clip{position:absolute;top:5px;height:24px;border:1px solid rgba(129,140,248,.75);border-radius:999px;background:linear-gradient(180deg,#6366f170,#4f46e5ad);color:#eef2ff;font:inherit;font-size:11px;font-weight:500;display:inline-flex;align-items:center;justify-content:space-between;text-align:left;cursor:grab;padding:0 2px;transition:border-color var(--transition),box-shadow var(--transition),filter var(--transition);z-index:3;-webkit-user-select:none;user-select:none;overflow:hidden}.timeline-clip:active{cursor:grabbing}.timeline-clip:hover{border-color:#c7d2fee6;box-shadow:0 0 0 1px #a5b4fc80}.timeline-clip--media{border-radius:10px}.timeline-clip--media-audio{border-color:#fb923cb8;background:linear-gradient(180deg,#f973166b,#c2410cbf)}.timeline-clip--media-video{border-color:#38bdf8b8;background:linear-gradient(180deg,#0ea5e961,#0284c7c2)}.timeline-clip--media-object{border-style:solid;background:linear-gradient(180deg,#22c55e38,#15803d85),linear-gradient(90deg,rgba(255,255,255,.08) 0 10px,transparent 10px 20px)}.timeline-clip--active{border-color:#e0e7ff;box-shadow:0 0 0 1px #e0e7ff99}.timeline-clip--dragging{box-shadow:0 0 0 1px #e0e7ffcc,0 6px 14px #00000047}.timeline-clip--hidden{filter:grayscale(.55) brightness(.72);opacity:.78}.timeline-clip-handle{width:8px;height:16px;border-radius:999px;background:#e0e7ff8c;border:1px solid rgba(224,231,255,.85);display:inline-flex;flex-shrink:0;opacity:0;transition:opacity var(--transition),background var(--transition);cursor:ew-resize}.timeline-clip:hover .timeline-clip-handle,.timeline-clip--active .timeline-clip-handle{opacity:1}.timeline-clip-handle:hover{background:#fff}.timeline-clip-handle--start{margin-right:6px}.timeline-clip-handle--end{margin-left:6px}.timeline-clip-name{display:block;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.timeline-flag-badge{margin-left:6px;min-width:22px;height:22px;border-radius:999px;border:1px solid rgba(129,140,248,.35);background:#6366f124;color:#c7d2fe;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 6px;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.timeline-flag-badge:hover{background:#6366f13d;border-color:#818cf8b3;color:#eef2ff}.timeline-flag-badge svg{width:12px;height:12px}.timeline-flag-badge-count{font-size:10px;font-weight:700;line-height:1}.timeline-flag-marker{position:absolute;top:2px;width:22px;height:22px;margin-left:-11px;border-radius:999px;border:1px solid rgba(129,140,248,.36);background:#181823eb;color:#c7d2fe;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;overflow:visible;transition:transform var(--transition),border-color var(--transition),color var(--transition),background var(--transition)}.timeline-flag-marker--draggable{cursor:grab}.timeline-flag-marker--dragging{cursor:grabbing;transform:translateY(-1px) scale(1.04)}.timeline-flag-marker:hover{transform:translateY(-1px);border-color:#818cf8b8;color:#eef2ff;background:#3730a3eb}.timeline-flag-marker--focused{transform:translateY(-1px) scale(1.06);border-color:#6366f1f2;box-shadow:0 0 0 2px #6366f147,0 8px 20px #00000047;color:#fff;background:#4f46e5f5}.timeline-flag-marker svg{width:12px;height:12px}.timeline-flag-tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);max-width:220px;padding:6px 9px;border-radius:8px;background:#0f172af5;border:1px solid rgba(148,163,184,.28);box-shadow:0 10px 24px #00000059;color:#f8fafc;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;pointer-events:none;z-index:8;opacity:0;visibility:hidden;transition:opacity var(--transition),visibility var(--transition)}.timeline-flag-marker:hover .timeline-flag-tooltip,.timeline-flag-tooltip--active{opacity:1;visibility:visible}.timeline-flag-tooltip:after{content:"";position:absolute;left:50%;top:100%;width:8px;height:8px;background:#0f172af5;border-right:1px solid rgba(148,163,184,.28);border-bottom:1px solid rgba(148,163,184,.28);transform:translate(-50%,-4px) rotate(45deg)}.timeline-flag-marker--start{color:#86efac;border-color:#22c55e73}.timeline-flag-marker--end{color:#fca5a5;border-color:#ef444473}.timeline-flag-marker--time{color:#fcd34d;border-color:#f59e0b73}.timeline-flag-marker--disabled{opacity:.45}.timeline-context-menu{position:absolute;width:170px;max-height:min(var(--timeline-context-max-h, 420px),calc(100vh - 72px));padding:4px;border-radius:8px;background:#15151c;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 20px #00000059;display:flex;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;z-index:40}.timeline-context-btn{width:100%;text-align:left;background:transparent;border:none;color:var(--text);font:inherit;font-size:12px;border-radius:6px;padding:7px 9px;cursor:pointer}.timeline-context-btn:hover{background:#818cf82e}.timeline-context-btn--danger{color:#fca5a5}.timeline-context-btn--danger:hover{background:#ef444429}.layers-panel{padding:8px}.layers-empty{text-align:center;color:var(--text-dim);font-size:12px;padding:24px 12px;line-height:1.6}.layers-empty:before{content:"";display:block;width:32px;height:32px;margin:0 auto 8px;border:2px dashed var(--border-light);border-radius:8px;opacity:.5}.layers-list{display:flex;flex-direction:column;gap:2px}.layers-actions{display:flex;justify-content:flex-end;gap:4px;margin-bottom:6px}.layer-action-btn{width:28px;height:28px;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition)}.layer-action-btn:hover{color:var(--text);background:var(--bg-surface-hover);border-color:var(--border-light)}.layer-action-btn svg{width:14px;height:14px}.editor-object-context-menu{position:fixed;z-index:450;min-width:190px;max-height:calc(100vh - 16px);padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);box-shadow:0 12px 32px #00000047;display:flex;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.editor-object-context-menu button{border:0;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);padding:7px 9px;font:inherit;font-size:12px;text-align:left;cursor:pointer}.editor-object-context-menu button:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text)}.editor-object-context-menu button:disabled{opacity:.45;cursor:not-allowed}.editor-object-context-menu button.danger:hover:not(:disabled){background:#ef444424;color:#fca5a5}.editor-object-context-menu button.primary{color:var(--accent);font-weight:600}.editor-object-context-menu button.primary:hover:not(:disabled){background:#6366f129}.container-isolation-overlay{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:480;pointer-events:none}.container-isolation-overlay .cio-bar{pointer-events:auto;display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);box-shadow:0 12px 32px #00000052;font-size:13px;color:var(--text)}.container-isolation-overlay .cio-title{font-weight:600;color:var(--accent);padding-right:6px;border-right:1px solid var(--border)}.container-isolation-overlay .cio-spacer{flex:1;min-width:12px}.container-isolation-overlay .cio-face-label{opacity:.8;font-weight:500;padding:0 4px}.container-isolation-overlay .cio-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;font-size:12px;transition:background .15s ease,color .15s ease,border-color .15s ease}.container-isolation-overlay .cio-btn:hover:not(:disabled){background:#6366f124;border-color:var(--accent)}.container-isolation-overlay .cio-btn:disabled{opacity:.4;cursor:not-allowed}.container-isolation-overlay .cio-btn--icon{width:28px;height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1}.container-isolation-overlay .cio-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.container-isolation-overlay .cio-btn--primary:hover{background:var(--accent-strong, var(--accent))}.container-isolation-overlay .cio-btn--danger{border-color:#ef444466;color:#fca5a5}.container-isolation-overlay .cio-btn--danger:hover:not(:disabled){background:#ef444429}.container-isolation-overlay .cio-dots{display:inline-flex;gap:6px;padding:0 6px}.container-isolation-overlay .cio-dot{width:10px;height:10px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#94a3b866;transition:transform .15s ease,background .15s ease}.container-isolation-overlay .cio-dot:hover{transform:scale(1.2)}.container-isolation-overlay .cio-dot.is-active{background:var(--accent);transform:scale(1.2)}.container-arrow-shapes{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.container-arrow-shape{padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);cursor:pointer;font-size:11px;text-align:center;transition:background .15s ease,border-color .15s ease}.container-arrow-shape:hover{background:#6366f11a}.container-arrow-shape.is-active{border-color:var(--accent);background:#6366f12e;color:var(--accent)}.editor-text-inline-toolbar{position:fixed;z-index:450;transform:translate(-50%);min-height:34px;padding:4px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);box-shadow:0 10px 28px #00000042;display:inline-flex;align-items:center;gap:3px}.editor-text-inline-toolbar button,.editor-text-inline-toolbar input,.editor-text-inline-toolbar select{height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);color:var(--text);font:inherit;font-size:11px}.editor-text-inline-toolbar button{width:26px;font-weight:800;cursor:pointer}.editor-text-inline-toolbar .text-inline-icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:0}.editor-text-inline-toolbar .text-inline-icon-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.editor-text-inline-toolbar button.active{background:var(--accent);border-color:var(--accent);color:#fff}.editor-text-inline-toolbar select{max-width:150px;padding:0 22px 0 6px}.editor-text-inline-toolbar input[type=color]{width:30px;padding:2px}.editor-text-inline-toolbar input[type=number]{width:52px;padding:0 4px}.editor-text-inline-toolbar .text-inline-swatch{position:relative;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);cursor:pointer;font-weight:700;font-size:11px;overflow:hidden}.editor-text-inline-toolbar .text-inline-swatch input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;padding:0;opacity:0;cursor:pointer}.editor-text-inline-toolbar button sup,.editor-text-inline-toolbar button sub{font-size:7px}.layer-row{display:flex;align-items:center;gap:6px;padding:6px 8px;border-radius:7px;cursor:pointer;border:1px solid transparent;border-left:2px solid transparent;transition:all var(--transition)}.layer-row:hover{background:var(--bg-surface-hover);transform:translate(1px)}.layer-row--active{background:#6366f114;border-color:#6366f138;border-left-color:var(--accent)}.layer-row--dragover{border-color:var(--accent-hover);background:#6366f11a}.layer-grip{display:flex;cursor:grab;color:var(--text-dim);transition:color var(--transition)}.layer-grip svg{width:14px;height:14px}.layer-row:hover .layer-grip{color:var(--accent-hover)}.layer-kind-badge{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);color:var(--text-dim);flex-shrink:0}.layer-kind-badge svg{width:13px;height:13px}.layer-kind-badge--audio{color:#f59e0b;background:#f59e0b1a;border-color:#f59e0b33}.layer-kind-badge--video{color:#60a5fa;background:#60a5fa1a;border-color:#60a5fa33}.layer-name{flex:1;font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.layer-row--active .layer-name{color:#e0e7ff;font-weight:600}.layer-rename-block{flex:1;min-width:0;display:flex;align-items:center}.layer-rename-input{width:100%;min-width:0;height:22px;background:#111116;border:1px solid var(--accent);color:var(--text);border-radius:var(--radius-sm);font:inherit;font-size:11px;padding:0 6px;outline:none;box-shadow:0 0 0 2px #6366f126}.layer-vis{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;display:flex;border-radius:var(--radius-sm);transition:color var(--transition)}.layer-vis svg{width:14px;height:14px}.layer-vis:hover{color:var(--text)}.layer-rename-btn{opacity:.75}.events-panel{padding:10px}.events-root{display:flex;flex-direction:column;gap:10px}.events-empty{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius);padding:12px}.events-empty-title{font-size:12px;font-weight:600;color:var(--text);margin-bottom:4px}.events-empty-text{font-size:11px;color:var(--text-muted)}.events-phase{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius);overflow:hidden}.events-phase-head{width:100%;border:none;background:#ffffff05;color:var(--text);padding:8px 10px;display:flex;align-items:center;gap:8px;cursor:pointer;font:inherit}.events-phase-head:hover{background:#ffffff0d}.events-phase-title{font-size:12px;font-weight:600}.events-phase-count{margin-left:auto;min-width:20px;height:20px;border-radius:999px;background:#6366f133;color:var(--accent-hover);font-size:11px;display:inline-flex;align-items:center;justify-content:center;padding:0 6px}.events-phase-arrow{color:var(--text-dim);font-size:12px}.events-phase-body{padding:10px;display:flex;flex-direction:column;gap:8px}.events-phase-helper{font-size:11px;color:var(--text-dim)}.events-add-btn{width:100%;border:1px dashed var(--border-light);background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);padding:6px 8px;font:inherit;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.events-add-btn svg{width:14px;height:14px}.events-add-btn:hover{border-color:var(--accent);color:var(--accent-hover)}.events-phase-empty{font-size:11px;color:var(--text-dim);padding:4px 2px}.events-errors{border:1px solid rgba(239,68,68,.45);background:#7f1d1d33;border-radius:var(--radius-sm);padding:8px;display:flex;flex-direction:column;gap:6px}.events-errors-title{font-size:11px;font-weight:700;color:#fecaca}.events-errors-count{font-size:11px;color:#fca5a5}.events-errors-list{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.events-errors-item{font-size:11px}.events-errors-item--error{color:#fecaca}.events-errors-item--warning{color:#fde68a}.event-rule{border:1px solid var(--border);background:#0000001f;border-radius:var(--radius-sm);padding:8px;display:flex;flex-direction:column;gap:8px}.event-rule--invalid{border-color:#ef44448c;background:#7f1d1d24}.event-rule-head{display:flex;align-items:center;gap:8px}.event-rule-name{flex:1}.event-rule-remove{flex:0 0 auto;color:#fca5a5}.event-rule-grid{display:grid;grid-template-columns:1fr;gap:6px}.event-rule-issues{margin:0;padding-left:16px;display:flex;flex-direction:column;gap:4px}.event-rule-issue{font-size:11px}.event-rule-issue--error{color:#fca5a5}.event-rule-issue--warning{color:#fde68a}.flags-panel{padding:10px}.flags-panel-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px;padding:3px;border:1px solid var(--border);background:var(--bg-surface);border-radius:999px}.flags-panel-tab{height:28px;border:0;border-radius:999px;background:transparent;color:var(--text-muted);font:inherit;font-size:11px;font-weight:700;cursor:pointer;transition:all var(--transition)}.flags-panel-tab:hover{color:var(--text)}.flags-panel-tab.active{background:#6366f133;color:#eef2ff;box-shadow:inset 0 0 0 1px #818cf859}.flags-root{display:flex;flex-direction:column;gap:10px}.flags-empty,.flags-section{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius);padding:12px}.flags-empty-title,.flags-section-title{font-size:12px;font-weight:600;color:var(--text)}.flags-empty-text,.flags-section-subtitle,.flags-section-helper,.flags-empty-inline{font-size:11px;color:var(--text-muted)}.flags-empty-text,.flags-section-helper{margin-top:4px}.flags-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:6px}.flags-section-subtitle{margin-top:2px}.flags-add-btn{flex:0 0 auto;border:1px dashed var(--border-light);background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);padding:6px 8px;font:inherit;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.flags-add-btn svg{width:14px;height:14px}.flags-add-btn:hover{border-color:var(--accent);color:var(--accent-hover)}.flags-add-btn:disabled{opacity:.45;cursor:not-allowed}.flags-add-btn--compact{padding:5px 7px}.flags-section--hint{background:#ffffff05}:root{--flag-timeline-color: #38bdf8;--flag-timeline-bg: rgba(56, 189, 248, .1);--flag-timeline-border: rgba(56, 189, 248, .28);--flag-object-color: #a78bfa;--flag-object-bg: rgba(167, 139, 250, .1);--flag-object-border: rgba(167, 139, 250, .28);--flag-range-color: #fb923c;--flag-range-bg: rgba(251, 146, 60, .1);--flag-range-border: rgba(251, 146, 60, .28);--flag-loop-color: #22c55e}.flag-card{border:1px solid var(--border);background:#0000001f;border-radius:var(--radius-sm);border-left:3px solid transparent;overflow:hidden;max-height:1600px;transition:max-height .24s cubic-bezier(.4,0,.2,1);margin-top:8px}.flag-card--collapsed{max-height:36px}.flag-card--timeline{border-left-color:var(--flag-timeline-color)}.flag-card--object{border-left-color:var(--flag-object-color)}.range-card .prop-input[type=color]{min-height:32px;padding:3px}.range-loop-head{border-top:1px solid rgba(148,163,184,.18);padding-top:8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.range-loop-card{background:#0f172a33}.flag-card--focused{border-color:#818cf8cc;box-shadow:0 0 0 1px #6366f147}.flag-card--dragging{opacity:.55}.flag-card--drop-target{outline:1px solid rgba(56,189,248,.75);box-shadow:0 0 0 2px #38bdf829}.flag-card-issue{background:#ef444414;border-left:3px solid var(--danger);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:#fca5a5;font-size:11px;padding:6px 8px;margin-top:6px}.flag-card-head{display:flex;align-items:center;gap:8px}.flag-card-collapse{width:26px;height:26px;border:1px solid var(--border);border-radius:6px;background:#ffffff0a;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;cursor:pointer;transition:background var(--transition),color var(--transition),transform var(--transition)}.flag-card-collapse:hover{background:#6366f12e;color:var(--text)}.flag-card-collapse svg{width:13px;height:13px;transition:transform var(--transition)}.flag-card--collapsed .flag-card-collapse svg{transform:rotate(-90deg)}.flag-card-order{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto}.flag-card-order-btn{width:22px;height:24px;border:1px solid var(--border);border-radius:6px;background:#ffffff09;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.flag-card-order-btn:hover{background:#6366f12e;border-color:#818cf880;color:var(--text)}.flag-card-order-btn svg{width:12px;height:12px}.flag-card-order-btn--up svg{transform:rotate(180deg)}.flag-card-name{flex:1}.flag-card-remove{flex:0 0 auto;color:#fca5a5}.flag-card-grid{display:grid;grid-template-columns:1fr;gap:6px}.flag-card-summary{display:none;font-size:11px;line-height:1.3;min-width:0}.flag-card-summary-name,.flag-card-summary-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flag-card-summary-name{color:var(--text);font-weight:700}.flag-card-summary-meta{color:var(--text-muted)}.flag-card--timeline.flag-card--collapsed .flag-card-summary{display:flex;flex-direction:column;gap:2px}.flag-card--timeline.flag-card--collapsed .flag-card-grid,.flag-card--timeline.flag-card--collapsed .flag-condition-box{display:none}.flag-condition-box{border:1px solid rgba(148,163,184,.22);background:#0f172a3d;border-radius:var(--radius-sm);padding:7px}.flag-condition-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.flag-condition-title{color:var(--text);font-size:11px;font-weight:600}.flag-condition-count,.flag-condition-helper{color:var(--text-muted);font-size:10px}.flag-condition-helper{margin-top:3px}.flag-condition-options{display:flex;flex-direction:column;gap:5px;margin-top:7px}.flag-condition-option{align-items:flex-start;line-height:1.25}.flag-card-issue{border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.4);background:#7f1d1d2e;color:#fecaca;font-size:11px;padding:6px 8px;margin:0 8px 8px}.flag-pill{display:flex;align-items:center;gap:5px;height:36px;padding:0 8px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.flag-pill:hover{background:#ffffff08}.flag-pill-type{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font-size:12px;flex-shrink:0;font-weight:700}.flag-pill-type--timeline{background:var(--flag-timeline-bg);color:var(--flag-timeline-color)}.flag-pill-type--object{background:var(--flag-object-bg);color:var(--flag-object-color)}.flag-pill-handle{color:var(--text-dim);cursor:grab;flex:0 0 auto;font-size:15px;line-height:1;padding:2px 3px;-webkit-user-select:none;user-select:none}.flag-pill-handle:hover{color:var(--text)}.flag-pill-handle:active{cursor:grabbing}.flag-pill-name{flex:1 1 64px;min-width:46px;background:transparent;border:none;border-bottom:1px solid transparent;border-radius:0;padding:2px 4px;font-size:11px;color:var(--text);transition:border-color .12s ease}.flag-pill-name:hover,.flag-pill-name:focus{border-bottom-color:var(--border);background:#ffffff0a}.flag-trigger-chip{flex-shrink:0;padding:2px 7px;border-radius:10px;font-size:9.5px;font-weight:600;background:#ffffff0f;color:var(--text-muted);white-space:nowrap;max-width:90px;overflow:hidden;text-overflow:ellipsis}.flag-card--timeline .flag-trigger-chip{color:var(--flag-timeline-color);background:var(--flag-timeline-bg)}.flag-card--object .flag-trigger-chip{color:var(--flag-object-color);background:var(--flag-object-bg)}.flag-arrow-label{color:var(--text-dim);font-size:10px;flex-shrink:0}.flag-effect-chip{flex-shrink:0;padding:2px 7px;border-radius:10px;font-size:9.5px;font-weight:700;background:#6366f124;color:var(--accent-light, #818cf8);white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis}.flag-pill-toggle{display:flex;align-items:center;cursor:pointer;flex-shrink:0;margin-left:2px}.flag-pill-toggle input[type=checkbox]{display:none}.flag-pill-dot{width:10px;height:10px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e80;transition:background .16s ease,box-shadow .16s ease}.flag-pill-dot--off{background:#ffffff26;box-shadow:none}.flag-pill-actions{display:flex;align-items:center;gap:2px;flex:0 0 auto;opacity:1;pointer-events:auto}.flag-pill-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:12px;padding:3px 5px;border-radius:4px;transition:color .12s,background .12s}.flag-pill-delete:hover{color:#f87171;background:#ef44441f}.flag-card-body{display:flex;flex-direction:column;gap:0;padding:0 8px 8px;border-top:1px solid var(--border)}.flag-trigger-row{display:flex;align-items:center;gap:6px;padding:7px 0;flex-wrap:wrap}.flag-row-label{font-size:10px;font-weight:600;color:var(--text-muted);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.flag-select{flex:1;background:var(--bg-surface);border:1px solid var(--border);border-radius:5px;color:var(--text);font-size:11px;padding:4px 6px;min-width:80px}.flag-select:focus{border-color:var(--accent);outline:none}.flag-actions-section{border-top:1px solid var(--border);padding:6px 0 0}.flag-actions-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 4px}.flag-actions-label{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.flag-add-action-btn{background:#6366f11f;border:1px solid rgba(99,102,241,.25);color:var(--accent-light, #818cf8);font-size:10px;font-weight:700;padding:3px 9px;border-radius:10px;cursor:pointer;transition:background .12s,border-color .12s}.flag-add-action-btn:hover{background:#6366f138;border-color:#6366f173}.flag-action-row{display:flex;align-items:center;gap:5px;padding:5px 0;border-bottom:1px solid rgba(255,255,255,.04)}.flag-action-row:last-child{border-bottom:none}.flag-action-row--dragging{opacity:.55}.flag-action-row--drop-target{background:#6366f11a;outline:1px solid rgba(129,140,248,.45);border-radius:5px}.flag-action-handle{color:var(--text-dim);cursor:grab;flex-shrink:0;font-size:14px;line-height:1;padding:2px 3px;-webkit-user-select:none;user-select:none}.flag-action-handle:active{cursor:grabbing}.flag-action-reorder{display:flex;flex-direction:column;gap:1px;flex-shrink:0}.flag-action-move-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:8px;padding:1px 3px;border-radius:3px;line-height:1;transition:color .1s,background .1s}.flag-action-move-btn:hover:not(:disabled){color:var(--text);background:#ffffff12}.flag-action-move-btn:disabled{opacity:.2;cursor:default}.flag-action-num{width:16px;height:16px;border-radius:50%;background:#6366f126;color:var(--accent-light, #818cf8);font-size:9px;font-weight:800;display:grid;place-items:center;flex-shrink:0;-webkit-user-select:none;user-select:none}.flag-action-controls{display:flex;flex:1;min-width:0;gap:4px;flex-wrap:wrap}.flag-action-select{flex:1;background:#0003;border:1px solid var(--border);border-radius:4px;color:var(--text);font-size:10.5px;padding:3px 5px;min-width:70px;transition:border-color .12s ease}.flag-action-select:focus{border-color:var(--accent);outline:none}.flag-action-empty{color:var(--text-muted);font-size:10px;padding:4px 0}.flag-action-delete{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:11px;padding:2px 5px;flex-shrink:0;border-radius:4px;transition:color .12s,background .12s}.flag-action-delete:hover{color:#f87171!important;background:#ef44441f}.flag-conditions-toggle{display:flex;align-items:center;gap:6px;padding:7px 0 0;cursor:pointer;font-size:10px;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-top:1px solid var(--border);margin-top:6px;transition:color .12s ease}.flag-conditions-toggle:hover{color:var(--text)}.flag-conditions-label{font-weight:700;text-transform:uppercase;letter-spacing:.06em}.flag-conditions-badge{padding:1px 7px;border-radius:10px;font-size:9.5px;font-weight:700;background:#6366f124;color:var(--accent-light, #818cf8)}.flag-conditions-chevron{margin-left:auto;font-size:14px;color:var(--text-dim);transition:transform .18s ease;line-height:1}.flag-conditions-chevron--open{transform:rotate(90deg)}.flag-conditions-body{padding-top:6px;display:flex;flex-direction:column;gap:4px}.flag-add-condition-select{width:100%;background:#6366f11a;border:1px solid rgba(99,102,241,.24);border-radius:5px;color:var(--text);font-size:11px;padding:5px 7px}.flag-add-condition-select:focus{border-color:var(--accent);outline:none}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(10px);background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:8px 20px;border-radius:var(--radius);font-size:13px;font-weight:500;opacity:0;transition:opacity .3s,transform .3s;z-index:999;box-shadow:0 8px 24px #00000080}.toast--visible{opacity:1;transform:translate(-50%) translateY(0)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:500;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-overlay--visible{opacity:1}.settings-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:480px;max-width:90vw;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000080;transform:translateY(10px);transition:transform .2s ease}.settings-modal--course{width:min(920px,94vw)}.settings-overlay--visible .settings-modal{transform:translateY(0)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);flex:0 0 auto}.settings-header h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.settings-header h3 svg{width:18px;height:18px;color:var(--accent)}.settings-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition);line-height:1}.settings-close:hover{color:var(--text);background:var(--bg-surface-hover)}.settings-tabs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.settings-tab{min-width:0;min-height:42px;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);border-radius:8px;cursor:pointer;font:inherit;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:7px;transition:border-color var(--transition),color var(--transition),background var(--transition)}.settings-tab svg{width:15px;height:15px;flex:0 0 auto}.settings-tab:hover{color:var(--text);border-color:var(--border-light)}.settings-tab.active{color:#fff;border-color:var(--accent);background:#6366f157}.settings-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:18px}.settings-body--tabbed{padding:18px;min-height:460px}.settings-tab-panel{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.settings-tab-panel.active{display:grid}.settings-tab-panel .settings-group{min-width:0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#ffffff06}.settings-tab-panel .settings-group--fonts,.settings-tab-panel .settings-group--colors,.settings-tab-panel .settings-group:has(.settings-presets){grid-column:1 / -1}.quiz-maker-modal{width:min(1480px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(900px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden}.quiz-maker-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:12px 18px;border-bottom:1px solid var(--border);background:#ffffff05;flex:0 0 auto}.quiz-maker-tabs button{min-height:42px;flex:1 1 auto;min-width:0;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-muted);font:inherit;font-size:13px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:6px 10px;white-space:nowrap}.quiz-maker-tabs button:hover,.quiz-maker-tabs button.active{color:#fff;border-color:var(--accent);background:#6366f147}.quiz-maker-tabs svg,.quiz-maker-question svg,.quiz-maker-type svg,.quiz-maker-actions svg,.quiz-maker-sound svg,.quiz-maker-media-row svg{width:16px;height:16px;flex:0 0 auto}.quiz-maker-body{flex:1 1 0;min-height:0;height:100%;display:block;overflow:hidden;padding:16px 18px 18px}.quiz-maker-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;min-height:0;height:100%}.quiz-maker-list{border:1px solid var(--border);border-radius:8px;background:#ffffff06;padding:10px;min-height:0;overflow-y:auto}.quiz-maker-question{width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);padding:10px;display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;text-align:left;cursor:pointer}.quiz-maker-question:hover,.quiz-maker-question.is-active{border-color:var(--accent);background:#6366f12e}.quiz-maker-question.is-dragging{opacity:.55}.quiz-maker-question.is-drag-over{border-color:#22c55e;background:#22c55e1f;transform:translateY(-1px)}.quiz-maker-question-icon{width:30px;height:30px;border-radius:8px;background:#6366f138;color:#a5b4fc;display:inline-flex;align-items:center;justify-content:center}.quiz-maker-question strong,.quiz-maker-question small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-maker-question strong{font-size:14px}.quiz-maker-question small{color:var(--text-muted);font-size:12px;margin-top:4px}.quiz-maker-add{display:grid;gap:8px;margin-top:12px}.quiz-maker-add select,.quiz-maker-field input,.quiz-maker-field textarea,.quiz-maker-field select,.quiz-maker-grid input,.quiz-maker-grid select{width:100%;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text);padding:10px 11px;font:inherit;font-size:14px}.quiz-maker-field textarea{min-height:84px;resize:vertical;line-height:1.35}.quiz-maker-editor{min-width:0;min-height:0;border:1px solid var(--border);border-radius:8px;background:#ffffff06;padding:18px;overflow-y:auto}.quiz-maker-types{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.quiz-maker-type{min-height:54px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-muted);font:inherit;font-size:12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.quiz-maker-type:hover,.quiz-maker-type.is-active{color:#fff;border-color:var(--accent);background:#6366f138}.quiz-maker-field{display:flex;flex-direction:column;gap:7px;min-width:0}.quiz-maker-field label,.quiz-maker-grid label{font-size:12px;font-weight:800;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.quiz-maker-field small{color:var(--text-dim);font-size:11px;line-height:1.35}.quiz-maker-grid,.quiz-maker-split,.quiz-maker-panel-grid{display:grid;gap:12px}.quiz-maker-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.quiz-maker-split{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}.quiz-maker-panel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-maker-wide{grid-column:1 / -1}.quiz-maker-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px}.quiz-maker-media-row,.quiz-maker-sound{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px;border:1px dashed var(--border);border-radius:8px;background:#ffffff05}.quiz-maker-media-row img{width:76px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.quiz-maker-tap-editor{position:relative;min-height:220px;border:1px solid rgba(129,140,248,.36);border-radius:10px;overflow:hidden;background:linear-gradient(135deg,#6366f11f,#22c55e14),var(--bg-surface);cursor:crosshair;box-shadow:0 14px 34px #0003,0 1px #ffffff0d inset}.quiz-maker-tap-editor img{display:block;width:100%;height:100%;min-height:220px;max-height:340px;object-fit:contain;background:#00000038}.quiz-maker-tap-editor i{position:absolute;display:block;min-width:18px;min-height:18px;max-width:160px;max-height:160px;transform:translate(-50%,-50%);border-radius:999px;border:2px solid #fff;background:#6366f147;box-shadow:0 0 0 3px #6366f1b8,0 12px 30px #00000061;pointer-events:none}.quiz-maker-tap-editor i:after{content:"";position:absolute;left:50%;top:50%;width:8px;height:8px;transform:translate(-50%,-50%);border-radius:999px;background:#fff}.quiz-maker-tap-editor.is-empty{cursor:default;display:flex;align-items:center;justify-content:center;padding:18px;color:var(--text-muted);font-size:13px;font-weight:800;text-align:center}.quiz-maker-media-row span,.quiz-maker-sound span{color:var(--text-muted);font-size:12px;flex:1}.quiz-maker-check{display:flex;align-items:center;gap:9px;min-height:50px;padding:12px 14px;border:1px solid var(--border);border-radius:8px;background:#ffffff06;color:var(--text);font-size:14px;font-weight:700}.quiz-maker-check input{accent-color:var(--accent)}.quiz-maker-sounds{display:grid;gap:8px}.quiz-maker-preview-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;min-height:520px}.quiz-maker-preview-sidebar{border:1px solid var(--border);border-radius:8px;background:radial-gradient(circle at top left,rgba(99,102,241,.12),transparent 40%),#ffffff06;padding:14px;display:flex;flex-direction:column;gap:10px;color:var(--text-muted);font-size:12px;font-weight:700}.quiz-maker-preview-sidebar strong{color:var(--text);font-size:15px;font-weight:900}.quiz-maker-live-preview{min-width:0;border-radius:18px;border:1px solid color-mix(in srgb,var(--qm-preview-primary) 44%,transparent);background:linear-gradient(180deg,var(--qm-preview-bg),#eef2ff);color:var(--qm-preview-text);box-shadow:0 26px 70px #00000047,0 1px #ffffffb3 inset;overflow:hidden;display:flex;flex-direction:column}.quiz-maker-preview-head{min-height:92px;padding:24px 28px;background:linear-gradient(135deg,var(--qm-preview-primary),#111827);color:#fff;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.quiz-maker-preview-head strong,.quiz-maker-preview-head span{display:block}.quiz-maker-preview-head strong{font-size:26px;font-weight:900;line-height:1.05}.quiz-maker-preview-head span{margin-top:6px;max-width:680px;color:#ffffffc7;font-size:13px;font-weight:700;line-height:1.35}.quiz-maker-preview-head em{flex:0 0 auto;border:1px solid rgba(255,255,255,.24);border-radius:999px;background:#ffffff2e;padding:8px 11px;font-style:normal;font-size:12px;font-weight:900}.quiz-maker-preview-progress{height:9px;background:#64748b29;overflow:hidden}.quiz-maker-preview-progress i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--qm-preview-primary),var(--qm-preview-secondary))}.quiz-maker-preview-card{margin:24px 28px;border:1px solid rgba(148,163,184,.28);border-radius:16px;background:color-mix(in srgb,var(--qm-preview-surface) 92%,white);box-shadow:0 18px 45px #0f172a1f,0 1px #ffffffbf inset;padding:22px;display:flex;flex-direction:column;gap:14px}.quiz-maker-preview-card>small,.quiz-maker-preview-kind{color:var(--qm-preview-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.quiz-maker-preview-card h4{margin:0;color:var(--qm-preview-text);font-size:25px;line-height:1.15;letter-spacing:0}.quiz-maker-preview-support{width:100%;max-height:190px;object-fit:contain;border-radius:12px;border:1px solid rgba(148,163,184,.28);background:#e5e7eb}.quiz-maker-preview-options,.quiz-maker-preview-list,.quiz-maker-preview-truefalse,.quiz-maker-preview-pills{display:grid;gap:10px}.quiz-maker-preview-options span,.quiz-maker-preview-options button,.quiz-maker-preview-list span,.quiz-maker-preview-truefalse span,.quiz-maker-preview-pills span,.quiz-maker-preview-select,.quiz-maker-preview-connect span,.quiz-maker-preview-buckets div{border:1px solid rgba(148,163,184,.36);border-radius:12px;background:var(--qm-preview-surface);color:var(--qm-preview-text);padding:12px 14px;font-size:14px;font-weight:800;box-shadow:0 10px 28px #0f172a14,0 1px #ffffffb3 inset}.quiz-maker-preview-truefalse span{display:grid;grid-template-columns:30px minmax(0,1fr) auto auto;align-items:center;gap:10px}.quiz-maker-preview-truefalse b{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--qm-preview-primary) 14%,transparent);color:var(--qm-preview-primary);font-size:12px;font-weight:900}.quiz-maker-preview-truefalse em{min-width:0;font-style:normal}.quiz-maker-preview-truefalse i{width:34px;height:34px;border-radius:999px;border:2px solid rgba(148,163,184,.48);background:#fff;color:var(--qm-preview-muted);display:inline-flex;align-items:center;justify-content:center;font-style:normal;font-weight:950}.quiz-maker-preview-truefalse i.is-correct{border-color:var(--qm-preview-primary);background:var(--qm-preview-primary);color:#fff}.quiz-maker-preview-options span,.quiz-maker-preview-options button{display:flex;align-items:center;gap:10px;text-align:left}.quiz-maker-preview-options button{cursor:pointer}.quiz-maker-preview-options button:disabled{cursor:default}.quiz-maker-preview-options span i,.quiz-maker-preview-options button i{width:18px;height:18px;border-radius:999px;border:2px solid var(--qm-preview-primary);opacity:.62;flex:0 0 auto}.quiz-maker-preview-options span.is-correct,.quiz-maker-preview-options button.is-correct{border-color:var(--qm-preview-secondary);background:color-mix(in srgb,var(--qm-preview-secondary) 12%,var(--qm-preview-surface))}.quiz-maker-preview-options button.is-selected{border-color:var(--qm-preview-primary);background:color-mix(in srgb,var(--qm-preview-primary) 12%,var(--qm-preview-surface))}.quiz-maker-preview-options button.is-selected i{background:var(--qm-preview-primary);box-shadow:inset 0 0 0 4px var(--qm-preview-surface);opacity:1}.quiz-maker-preview-list span{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.quiz-maker-preview-list span em{min-width:0;color:var(--qm-preview-text);font-style:normal}.quiz-maker-preview-list span small{grid-column:2;color:var(--qm-preview-muted);font-size:11px;font-weight:800}.quiz-maker-preview-list b{width:28px;height:28px;border-radius:999px;background:color-mix(in srgb,var(--qm-preview-primary) 14%,transparent);color:var(--qm-preview-primary);display:inline-flex;align-items:center;justify-content:center}.quiz-maker-preview-connect,.quiz-maker-preview-buckets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.quiz-maker-preview-connect div{display:grid;gap:8px}.quiz-maker-preview-connect-item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.quiz-maker-preview-connect-item.is-right{grid-template-columns:auto minmax(0,1fr) auto}.quiz-maker-preview-connect-item i{width:18px;height:18px;border-radius:999px;background:#fff;border:4px solid var(--qm-preview-primary);box-shadow:0 0 0 3px #0f172a1a,0 8px 18px #0f172a1f}.quiz-maker-preview-connect-item.is-right i{border-color:var(--qm-preview-secondary)}.quiz-maker-preview-connect-item em{min-width:0;font-style:normal}.quiz-maker-preview-connect-item small,.quiz-maker-preview-buckets small{color:var(--qm-preview-muted);font-size:11px;font-weight:800}.quiz-maker-preview-connect strong,.quiz-maker-preview-buckets strong{color:var(--qm-preview-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.quiz-maker-preview-pills{display:flex;flex-wrap:wrap}.quiz-maker-preview-pills span{border-radius:999px}.quiz-maker-preview-select{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.8fr);gap:10px;align-items:center}.quiz-maker-preview-select select{width:100%;border:1px solid rgba(148,163,184,.42);border-radius:8px;background:#fff;color:var(--qm-preview-text);padding:9px;font:inherit;font-size:13px}.quiz-maker-preview-tap{position:relative;min-height:220px;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.35);background:#e5e7eb}.quiz-maker-preview-tap img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.quiz-maker-preview-tap i{position:absolute;display:block;min-width:18px;min-height:18px;transform:translate(-50%,-50%);border-radius:999px;border:2px solid #fff;background:color-mix(in srgb,var(--qm-preview-primary) 28%,transparent);box-shadow:0 0 0 3px var(--qm-preview-primary),0 12px 30px #0f172a4d}.quiz-maker-preview-tap.is-empty{display:flex;align-items:center;justify-content:center;color:var(--qm-preview-muted);font-weight:900}.quiz-maker-preview-footer{margin-top:auto;padding:16px 28px 24px;display:flex;justify-content:space-between;gap:10px}.quiz-maker-preview-footer button{min-height:40px;border:0;border-radius:10px;padding:0 16px;background:linear-gradient(135deg,var(--qm-preview-primary),#4338ca);color:#fff;font:inherit;font-size:14px;font-weight:900}.quiz-maker-preview-footer button:first-child{background:var(--qm-preview-surface);color:var(--qm-preview-text);border:1px solid rgba(148,163,184,.35)}.quiz-maker-validation{margin-right:auto;min-height:36px;max-width:min(560px,48vw);display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(248,113,113,.36);border-radius:8px;background:#7f1d1d47;color:#fecaca;padding:8px 10px;font-size:12px;font-weight:800;line-height:1.25}.quiz-maker-validation svg{width:14px;height:14px;flex:0 0 auto}.quiz-maker-modal{background:linear-gradient(180deg,#121828fa,#0c0f18fa),var(--bg-panel);border-color:#818cf842;box-shadow:0 30px 90px #0000009e,0 0 0 1px #ffffff0a inset}.quiz-maker-modal .settings-header{background:linear-gradient(135deg,#6366f12e,#22c55e0f)}.quiz-maker-modal .settings-header h3{font-size:16px;font-weight:900}.quiz-maker-tabs button,.quiz-maker-type,.quiz-maker-question,.quiz-maker-editor,.quiz-maker-list,.quiz-maker-check,.quiz-maker-media-row,.quiz-maker-sound{box-shadow:0 1px #ffffff0a inset}.quiz-maker-tabs button.active,.quiz-maker-type.is-active,.quiz-maker-question.is-active{background:linear-gradient(135deg,#6366f157,#06b6d41f),#ffffff0a;box-shadow:0 14px 34px #4f46e52e,0 1px #ffffff14 inset}.quiz-maker-editor,.quiz-maker-list{background:radial-gradient(circle at top left,rgba(99,102,241,.11),transparent 34%),#ffffff07}.quiz-maker-question{position:relative}.quiz-maker-question:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:transparent}.quiz-maker-question.is-active:before{background:linear-gradient(180deg,#818cf8,#22c55e)}.quiz-maker-question-icon,.quiz-maker-type svg{filter:drop-shadow(0 6px 10px rgba(99,102,241,.22))}.quiz-maker-type{min-height:58px;flex-direction:column;gap:5px}.quiz-maker-type span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quiz-maker-field input:focus,.quiz-maker-field textarea:focus,.quiz-maker-field select:focus,.quiz-maker-grid input:focus,.quiz-maker-grid select:focus,.quiz-maker-add select:focus{outline:none;border-color:#818cf8db;box-shadow:0 0 0 3px #6366f138}.quiz-maker-field textarea{background:linear-gradient(180deg,#ffffff09,#ffffff05),var(--bg-surface)}.quiz-maker-media-row img{box-shadow:0 10px 24px #00000038}@media(max-width:880px){.quiz-maker-layout,.quiz-maker-panel-grid,.quiz-maker-split,.quiz-maker-preview-shell,.quiz-maker-preview-connect,.quiz-maker-preview-buckets,.quiz-maker-preview-select{grid-template-columns:1fr}.quiz-maker-types,.quiz-maker-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}.learning-map-modal{width:min(1320px,calc(100vw - 32px));max-width:calc(100vw - 32px);height:min(860px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#101421fa,#080b12fa),var(--bg-panel);border-color:#818cf83d;box-shadow:0 30px 90px #0000009e,0 0 0 1px #ffffff0a inset}.learning-map-modal .settings-header{flex:0 0 auto;background:linear-gradient(135deg,#6366f12e,#22c55e0f)}.learning-map-modal .settings-footer,.learning-map-tabs{flex:0 0 auto}.learning-map-modal .settings-header h3{font-size:16px;font-weight:900}.learning-map-tabs{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;padding:12px 16px;border-bottom:1px solid var(--border);background:#ffffff05}.learning-map-tabs button{min-height:34px;border:1px solid var(--border);border-radius:8px;background:var(--bg-surface);color:var(--text-muted);font:inherit;font-size:11px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 6px}.learning-map-tabs button:hover,.learning-map-tabs button.active{color:#fff;border-color:var(--accent);background:linear-gradient(135deg,#6366f152,#06b6d41a),#ffffff0a}.learning-map-tabs svg,.learning-map-media-row svg{width:16px;height:16px;flex:0 0 auto}.learning-map-body{flex:1;min-height:0;max-height:none;overflow:hidden;display:flex;flex-direction:column}.learning-map-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);gap:16px;flex:1;min-height:0;overflow:hidden;padding:0}.learning-map-preview-panel,.learning-map-editor-panel,.learning-map-zone-list,.learning-map-zone-editor,.learning-map-list-panel,.learning-map-test-panel{border:1px solid var(--border);border-radius:8px;background:radial-gradient(circle at top left,rgba(99,102,241,.1),transparent 36%),#ffffff07;box-shadow:0 1px #ffffff0a inset}.learning-map-preview-panel{min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.learning-map-preview-head{min-height:58px;padding:13px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-map-preview-title{min-width:0;display:flex;flex-direction:column;gap:3px}.learning-map-preview-head strong{min-width:0;color:var(--text);font-size:15px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-map-preview-head span{color:var(--text-muted);font-size:11px;font-weight:800;white-space:nowrap}.learning-map-preview-tools{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto}.learning-map-preview-tools.is-hidden{display:none}.learning-map-preview-tools .prop-btn{min-width:34px;height:32px;padding:0 10px}.learning-map-preview-tools svg{width:15px;height:15px}.learning-map-preview-tools input[type=range]{width:104px}.learning-map-preview-stage{position:relative;flex:1;min-height:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.03) 1px,transparent 1px),#050814;background-size:34px 34px;overflow:hidden}.learning-map-preview-stage.is-path-editing{cursor:crosshair}.learning-map-preview-stage.is-panning-ready{cursor:grab}.learning-map-preview-stage.is-panning{cursor:grabbing}.learning-map-preview-stage svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}[data-lm-path-editor]{pointer-events:all}[data-lm-path-hit]{cursor:copy;pointer-events:none}[data-lm-step-index]{cursor:ew-resize}[data-lm-actor]{pointer-events:none}[data-lm-zone-index]{cursor:move;pointer-events:all}[data-lm-zone-editor]{pointer-events:all}[data-lm-zone-active]{fill:#6366f11a;stroke:#818cf8;stroke-width:3;stroke-dasharray:10 7;cursor:move;vector-effect:non-scaling-stroke}[data-lm-zone-handle]{fill:#fff;stroke:#4f46e5;stroke-width:3;cursor:nwse-resize;vector-effect:non-scaling-stroke}[data-lm-map-editor],[data-lm-map-image],[data-lm-map-active],[data-lm-map-handle],[data-lm-overlay-active],[data-lm-overlay-handle]{pointer-events:all}[data-lm-map-image]{cursor:move}[data-lm-map-active],[data-lm-overlay-active]{fill:#6366f114;stroke:#60a5fa;stroke-width:3;stroke-dasharray:12 8;cursor:move;vector-effect:non-scaling-stroke}[data-lm-overlay-active]{stroke:#f59e0b}[data-lm-map-handle],[data-lm-overlay-handle]{fill:#fff;stroke:#2563eb;stroke-width:3;cursor:nwse-resize;vector-effect:non-scaling-stroke}[data-lm-overlay-handle]{stroke:#f59e0b}.learning-map-path-lines line{stroke:#818cf8b8;stroke-width:2;stroke-dasharray:8 8;vector-effect:non-scaling-stroke}.learning-map-path-handles circle{fill:#0f172a;stroke:#38bdf8;stroke-width:3;cursor:grab;vector-effect:non-scaling-stroke}.learning-map-path-handles circle:hover{fill:#38bdf8}.learning-map-path-anchors g{cursor:move}.learning-map-path-anchors circle{fill:#fff;stroke:#111827;stroke-width:3;vector-effect:non-scaling-stroke}.learning-map-path-anchors g.is-active circle{fill:#6366f1;stroke:#fff}.learning-map-path-anchors text{fill:#111827;font-size:13px;font-weight:900;pointer-events:none;-webkit-user-select:none;user-select:none}.learning-map-path-anchors g.is-active text{fill:#fff}.learning-map-message{position:absolute;left:16px;bottom:16px;max-width:min(420px,calc(100% - 32px));border:1px solid rgba(255,255,255,.16);border-radius:10px;background:#0f172adb;color:#f8fafc;padding:10px 12px;font-size:12px;font-weight:800;line-height:1.35;box-shadow:0 16px 34px #00000047}.learning-map-editor-panel{min-width:0;min-height:0;padding:14px;overflow-y:auto}.learning-map-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.learning-map-wide{grid-column:1 / -1}.learning-map-field{display:flex;flex-direction:column;gap:7px;min-width:0}.learning-map-field span,.learning-map-list-head strong{color:var(--text-muted);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.learning-map-field input,.learning-map-field textarea,.learning-map-field select{width:100%;border:1px solid var(--border);border-radius:8px;background:linear-gradient(180deg,#ffffff09,#ffffff05),var(--bg-surface);color:var(--text);padding:10px 11px;font:inherit;font-size:13px}.learning-map-field textarea{min-height:92px;resize:vertical;line-height:1.35;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.learning-map-field small{color:var(--text-dim);font-size:11px;line-height:1.35}.learning-map-field input:focus,.learning-map-field textarea:focus,.learning-map-field select:focus{outline:none;border-color:#818cf8db;box-shadow:0 0 0 3px #6366f138}.learning-map-check{min-height:42px;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#ffffff06;color:var(--text);font-size:13px;font-weight:750}.learning-map-check input{accent-color:var(--accent)}.learning-map-media-row{min-height:58px;display:flex;align-items:center;gap:8px;padding:8px;border:1px dashed var(--border);border-radius:8px;background:#ffffff05}.learning-map-media-row img{width:92px;height:54px;object-fit:cover;border-radius:6px;border:1px solid var(--border);box-shadow:0 10px 24px #00000038}.learning-map-media-row em{flex:1;color:var(--text-muted);font-size:12px;font-style:normal;font-weight:800}.learning-map-overlay-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px}.learning-map-overlay-item{min-width:0;min-height:58px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:#ffffff06;color:var(--text);padding:6px;cursor:pointer;text-align:left}.learning-map-overlay-item:hover,.learning-map-overlay-item.is-active{border-color:#f59e0b;background:#f59e0b1f}.learning-map-overlay-item img,.learning-map-overlay-empty{width:48px;height:42px;border:1px solid var(--border);border-radius:6px;background:#ffffff0d;object-fit:cover}.learning-map-overlay-item strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.learning-map-overlay-empty-text{color:var(--text-muted);font-size:12px;font-style:normal;font-weight:800}.learning-map-actions,.learning-map-test-buttons{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.learning-map-path-help,.learning-map-path-point,.learning-map-help-card{border:1px solid rgba(129,140,248,.22);border-radius:8px;background:#6366f114;padding:12px}.learning-map-path-help,.learning-map-help-card{display:grid;gap:5px}.learning-map-path-help strong,.learning-map-path-point strong,.learning-map-help-card strong{color:var(--text);font-size:13px;font-weight:900}.learning-map-path-help span,.learning-map-path-point span,.learning-map-help-card span{color:var(--text-muted);font-size:11px;font-weight:750;line-height:1.4}.learning-map-path-point{display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-map-path-point>div:first-child{min-width:0;display:grid;gap:4px}.learning-map-list-panel,.learning-map-test-panel{padding:12px}.learning-map-list-head,.learning-map-step-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.learning-map-step-list{display:grid;gap:10px}.learning-map-step-card{padding:12px;border:1px solid var(--border);border-radius:8px;background:#ffffff07}.learning-map-step-title strong{min-width:0;color:var(--text);font-size:13px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-map-layout-inner{display:grid;grid-template-columns:158px minmax(0,1fr);gap:12px;min-height:0}.learning-map-zone-list{padding:8px;display:flex;flex-direction:column;gap:8px}.learning-map-zone-list button:not(.prop-btn){width:100%;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text);padding:9px;text-align:left;cursor:pointer}.learning-map-zone-list button:not(.prop-btn):hover,.learning-map-zone-list button.is-active{border-color:var(--accent);background:#6366f12e}.learning-map-zone-list strong,.learning-map-zone-list span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.learning-map-zone-list strong{font-size:12px;font-weight:900}.learning-map-zone-list span{margin-top:3px;color:var(--text-muted);font-size:10px;font-weight:800}.learning-map-zone-editor{padding:12px;min-width:0;overflow:visible}.learning-map-token-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.learning-map-token-grid label{min-height:38px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;background:#ffffff06;color:var(--text);padding:8px 10px;font-size:12px;font-weight:800}.learning-map-token-grid input{accent-color:var(--accent)}.learning-map-modal .prop-btn--compact{min-height:30px;padding:0 10px;font-size:11px}.learning-map-modal .prop-btn{flex:0 0 auto;font-size:11px}.learning-map-modal button svg,.learning-map-modal .prop-btn svg,.learning-map-modal .learning-map-actions button svg,.learning-map-modal .settings-btn svg{width:14px!important;height:14px!important;padding:0!important;background:none!important;border:none!important;border-radius:0!important;box-sizing:border-box!important;transition:none!important;color:inherit!important}.learning-map-test-panel{display:grid;gap:14px}@media(max-width:1120px){.learning-map-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-map-layout,.learning-map-layout-inner{grid-template-columns:1fr}.learning-map-layout{min-height:0}.learning-map-preview-panel{min-height:420px}}.settings-group--colors{gap:10px}.project-colors-list{display:flex;flex-direction:column;gap:8px}.project-color-row{display:grid;grid-template-columns:24px 34px 112px minmax(110px,1fr) 96px minmax(120px,.9fr);align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff06;padding:8px}.project-color-row.is-dragging{opacity:.55}.project-color-drag{color:var(--text-dim);cursor:grab;display:inline-flex}.project-color-drag svg{width:16px;height:16px}.project-color-native{width:32px;height:32px;padding:2px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface)}.project-color-hex{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.project-color-variations{display:flex;gap:5px;justify-content:flex-end}.project-color-variation{width:22px;height:22px;border:1px solid rgba(255,255,255,.22);border-radius:999px;cursor:pointer}.settings-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.settings-help-tip{width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(129,140,248,.45);color:#a5b4fc;font-size:10px;font-weight:900;line-height:1;text-transform:none;letter-spacing:0;cursor:help}.project-fonts-list{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;max-height:180px;overflow-y:auto}.project-fonts-empty{font-size:12px;color:var(--text-muted);padding:8px 10px;border:1px dashed var(--border);border-radius:var(--radius);text-align:center}.project-font-item{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.project-font-name{flex:1;font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-font-badge{font-size:10px;text-transform:uppercase;font-weight:600;padding:2px 6px;border-radius:999px;letter-spacing:.5px}.project-font-badge--upload{background:#6366f12e;color:#818cf8}.project-font-badge--google{background:#22c55e2e;color:#4ade80}.project-font-remove{background:transparent;border:1px solid var(--border);color:var(--text-muted);width:22px;height:22px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.project-font-remove:hover{border-color:#ef4444;color:#ef4444}.project-fonts-add{display:flex;flex-direction:column;gap:8px}.project-fonts-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.project-fonts-row .settings-input{flex:1 1 160px;min-width:0}.project-fonts-row input[type=file]{flex:1 1 200px;font-size:12px;color:var(--text-muted)}.project-fonts-hint{font-size:11px;color:var(--text-muted)}.settings-input{width:100%;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);font:inherit;font-size:13px;padding:8px 12px;border-radius:var(--radius);outline:none;transition:border-color var(--transition)}.settings-input:focus{border-color:var(--accent)}.settings-input--sm{width:100%}.settings-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.settings-preset-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:11px;padding:5px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.settings-preset-btn:hover{border-color:var(--border-light);color:var(--text)}.settings-preset-btn.active{border-color:var(--accent);color:var(--accent);background:#6366f11a}.visual-query-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:0}.visual-query-item{display:flex;flex-direction:column;gap:6px;min-width:0}.settings-preset-btn.visual-query-card{min-height:136px;padding:10px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center}.visual-query-placeholder{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border:1px solid var(--border);border-radius:var(--radius-sm);background:linear-gradient(135deg,#6366f11f,#14b8a61a)}.visual-query-placeholder--portrait{width:42px;height:66px}.visual-query-placeholder--landscape{width:74px;height:44px}.visual-query-placeholder--wide{width:88px;height:38px}.visual-query-placeholder-inner{width:62%;height:52%;border:1px dashed rgba(148,163,184,.65);border-radius:3px;background:#0f172a47}.visual-query-delete,.visual-query-delete-spacer{min-height:28px}.visual-query-delete{padding:4px 8px;font-size:11px}.settings-dims-row{display:flex;align-items:flex-end;gap:8px}.settings-dims-row--compact{margin-top:8px}.settings-dim{flex:1;display:flex;flex-direction:column;gap:4px}.settings-dim label{font-size:10px;color:var(--text-dim)}.settings-dim-x{font-size:16px;color:var(--text-dim);padding-bottom:8px}.settings-export-types{display:flex;flex-direction:column;gap:8px}.settings-row-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.settings-field{display:flex;flex-direction:column;gap:5px;min-width:0}.settings-field>span{color:var(--text-dim);font-size:10px}.settings-radio{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer;padding:6px 10px;border-radius:var(--radius-sm);transition:background var(--transition)}.settings-radio:hover{background:var(--bg-surface-hover)}.settings-radio input[type=radio],.settings-radio input[type=checkbox]{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.settings-radio span:last-child{font-weight:500}.settings-radio--checkbox{align-items:flex-start}.settings-radio--inline{min-height:58px;align-items:center}.settings-help{color:var(--text-dim);font-size:11px;line-height:1.4;margin-top:6px}.autosave-restore-card{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid rgba(99,102,241,.32);border-radius:var(--radius);background:#6366f11f;color:var(--text);font-size:13px}.autosave-restore-card div:last-child{color:var(--text-muted);font-size:11px}.settings-footer--autosave{align-items:center}.settings-btn--danger{border-color:#ef444473;color:#fecaca}.settings-btn--danger:hover{border-color:#ef4444;color:#fff;background:#ef44442e}.settings-cover-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:8px;margin-bottom:12px}.settings-cover-model{display:flex;flex-direction:column;gap:6px;min-height:92px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.settings-cover-model:hover{border-color:var(--border-light)}.settings-cover-model.active{border-color:var(--accent);background:#6366f11f}.settings-cover-model input{display:none}.settings-cover-preview{height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.settings-cover-preview span{font-size:10px;font-weight:700}.settings-cover-model-name{font-size:11px;font-weight:600;color:var(--text)}.settings-model-swatches{display:flex;flex-wrap:wrap;gap:4px}.settings-model-swatch{width:14px;height:14px;border-radius:3px;border:1px solid rgba(255,255,255,.28)}.settings-cover-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.settings-cover-field{display:flex;flex-direction:column;gap:4px}.settings-cover-field--full{grid-column:1 / -1}.settings-cover-field label{font-size:10px;color:var(--text-dim)}.preview-range-list{max-height:280px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);padding:6px}.preview-range-item{display:flex;align-items:center;gap:8px;min-height:32px;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text-muted);font-size:13px;cursor:pointer}.preview-range-item:hover{background:var(--bg-surface-hover)}.preview-range-item input{width:14px;height:14px;accent-color:var(--accent)}.preview-range-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--border);flex:0 0 auto}.settings-btn{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:12px;font-weight:500;padding:7px 16px;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition)}.settings-btn:hover{color:var(--text);border-color:var(--border-light)}.settings-btn svg{width:14px;height:14px}.settings-btn--save{background:var(--accent);border-color:var(--accent);color:#fff}.settings-btn--save:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.settings-btn--font{background:var(--accent);border-color:var(--accent);color:#fff}.settings-btn--font:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}@media(max-width:760px){.settings-modal--course{width:94vw;max-height:90vh}.settings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-tab-panel,.settings-tab-panel.active{grid-template-columns:1fr}.settings-body--tabbed{min-height:0}.project-color-row{grid-template-columns:24px 34px 1fr}.project-color-name,.project-color-scope,.project-color-variations{grid-column:3 / -1}}.video-export-modal{width:640px;max-width:min(94vw,720px)}.video-export-body{gap:12px}.video-export-endpoint{border:1px solid rgba(245,158,11,.34);background:#f59e0b1a;color:#fbbf24;border-radius:var(--radius);padding:9px 12px;font-size:12px;font-weight:600}.video-export-endpoint--ready{border-color:#22c55e57;background:#22c55e1a;color:#86efac}.video-export-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow:auto}.video-export-empty{border:1px dashed var(--border);border-radius:var(--radius);padding:18px;color:var(--text-muted);text-align:center;font-size:13px}.video-export-job{border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius);padding:12px;display:flex;flex-direction:column;gap:8px}.video-export-job-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.video-export-job-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13px;font-weight:700}.video-export-status{flex:0 0 auto;color:var(--text-muted);font-size:11px;font-weight:700;text-align:right}.video-export-progress{height:7px;border-radius:999px;overflow:hidden;background:#ffffff14}.video-export-progress span{display:block;height:100%;min-width:2px;background:var(--accent);transition:width .18s ease}.video-export-job--ready .video-export-progress span{background:var(--success)}.video-export-job--failed .video-export-progress span{background:var(--danger)}.video-export-job--waitingBackend .video-export-progress span{background:#f59e0b}.video-export-job-meta{color:var(--text-dim);font-size:11px}.video-export-files{display:flex;flex-direction:column;gap:5px}.video-export-file{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;padding:5px 8px;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px}.video-export-file span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-export-file strong{flex:0 0 auto;color:var(--text-dim);font-size:10px;text-transform:uppercase}.video-export-file--uploaded strong,.video-export-file--skipped strong{color:#86efac}.video-export-file--failed strong{color:#fecaca}.video-export-job-error{border:1px solid rgba(239,68,68,.35);background:#7f1d1d29;border-radius:var(--radius-sm);color:#fecaca;padding:7px 9px;font-size:12px}.video-export-job-actions{display:flex;flex-wrap:wrap;gap:8px}.asset-manager-modal{width:760px;max-width:min(94vw,900px)}.asset-manager-body{gap:12px}.asset-manager-choice{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.asset-manager-choice-btn{border:1px solid var(--border);background:var(--bg-surface);color:var(--text-muted);border-radius:8px;padding:7px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.asset-manager-choice-btn.is-active,.asset-manager-choice-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.asset-manager-hint,.asset-manager-error{font-size:12px;line-height:1.35}.asset-manager-hint{color:var(--text-muted)}.asset-manager-error{color:#fecaca;background:#7f1d1d59;border:1px solid rgba(248,113,113,.36);border-radius:8px;padding:8px 10px}.asset-manager-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px;max-height:380px;overflow:auto;padding-right:2px}.asset-manager-grid--library{max-height:460px}.asset-manager-library-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--text-muted);font-size:12px}.asset-manager-thumb{min-width:0;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);border-radius:8px;padding:8px;text-align:left;display:flex;flex-direction:column;gap:7px}button.asset-manager-thumb{cursor:pointer}button.asset-manager-thumb:hover,.asset-manager-thumb.is-selected{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 70%,transparent)}.asset-manager-thumb-preview{height:86px;border-radius:6px;overflow:hidden;background:#0f172a;display:flex;align-items:center;justify-content:center}.asset-manager-thumb-media{width:100%;height:100%;object-fit:contain;display:block}.asset-manager-thumb audio{width:100%}.asset-manager-thumb-icon{width:48px;height:48px;border-radius:8px;background:#6366f12e;color:#c7d2fe;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.asset-manager-thumb-name,.asset-manager-thumb-meta{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-manager-thumb-name{font-size:12px;font-weight:700}.asset-manager-thumb-meta{font-size:11px;color:var(--text-muted)}.asset-manager-thumb--library{cursor:pointer}.asset-manager-inspector{border:1px solid var(--border);background:color-mix(in srgb,var(--bg-surface) 86%,#000);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:10px}.asset-manager-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.asset-manager-inspector-head>div{min-width:0;display:flex;flex-direction:column;gap:3px}.asset-manager-inspector-head strong,.asset-manager-inspector-head span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-manager-inspector-head strong{font-size:13px;color:var(--text)}.asset-manager-inspector-head span{font-size:11px;color:var(--text-muted)}.asset-manager-usage-list{display:flex;flex-direction:column;gap:6px;max-height:160px;overflow:auto}.asset-manager-usage-item{border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:3px;background:#0f172a3d}.asset-manager-usage-item strong{font-size:12px;color:var(--text)}.asset-manager-usage-item span,.asset-manager-usage-empty{font-size:12px;color:var(--text-muted)}.asset-manager-empty{min-height:140px;border:1px dashed var(--border-light);border-radius:10px;color:var(--text-muted);display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;text-align:center;padding:18px;grid-column:1 / -1}.asset-manager-file-pane{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;z-index:600;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview-overlay--visible{opacity:1}.preview-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:90vw;height:85vh;display:flex;flex-direction:column;box-shadow:0 24px 48px #00000080;transform:translateY(10px);transition:transform .2s ease}.preview-overlay--visible .preview-modal{transform:translateY(0)}.preview-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.preview-header h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.preview-header h3 svg{width:18px;height:18px;color:var(--accent)}.preview-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition);line-height:1}.preview-close:hover{color:var(--text);background:var(--bg-surface-hover)}.preview-body{flex:1;overflow:hidden;background:#111;border-radius:0 0 12px 12px}.preview-iframe{width:100%;height:100%;border:none}.media-cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:650;display:flex;align-items:center;justify-content:center;background:#020617cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity .18s ease}.media-cropper-overlay--visible{opacity:1}.media-cropper-modal{width:min(1040px,calc(100vw - 32px));max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:#0b1016;border:1px solid rgba(148,163,184,.18);border-radius:16px;box-shadow:0 28px 64px #00000073;overflow:hidden}.media-cropper-header,.media-cropper-footer{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(148,163,184,.12)}.media-cropper-header p{margin-top:4px;font-size:12px;color:var(--text-muted)}.media-cropper-footer{justify-content:flex-end;border-bottom:none;border-top:1px solid rgba(148,163,184,.12)}.media-cropper-close{width:32px;height:32px;border:none;border-radius:999px;background:transparent;color:var(--text-muted);font-size:22px;line-height:1;cursor:pointer}.media-cropper-close:hover{background:#ffffff0f;color:var(--text)}.media-cropper-body{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;padding:18px;min-height:0}.media-cropper-preview,.media-cropper-editor{min-width:0}.media-cropper-preview{display:flex;flex-direction:column;gap:12px}.media-cropper-player{width:100%;max-height:260px;border-radius:14px;background:#000;border:1px solid rgba(148,163,184,.14)}.media-cropper-preview-actions{display:flex;gap:8px}.media-cropper-editor{display:flex;flex-direction:column;gap:14px}.media-cropper-waveform-wrap{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(148,163,184,.14);background:#0d1117}.media-cropper-waveform{display:block;width:100%;height:180px}.media-cropper-range{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.media-cropper-mask{position:absolute;top:0;bottom:0;background:#0206178c}.media-cropper-mask--left{left:0}.media-cropper-mask--right{right:0}.media-cropper-handle{position:absolute;top:0;bottom:0;width:14px;margin-left:-7px;border-radius:999px;background:#f8fafce6;box-shadow:0 0 0 1px #0f172a80,0 10px 20px #00000047;cursor:ew-resize;pointer-events:auto}.media-cropper-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.media-cropper-field{display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--text-muted)}.media-cropper-field input{width:100%;background:#11161d;border:1px solid rgba(148,163,184,.18);color:var(--text);font:inherit;padding:9px 10px;border-radius:10px;outline:none}.media-cropper-field input:focus{border-color:#38bdf899}.media-cropper-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--text-muted)}.media-cropper-btn{border:1px solid rgba(148,163,184,.18);background:#121923;color:var(--text);font:inherit;font-size:12px;font-weight:600;padding:8px 14px;border-radius:10px;cursor:pointer}.media-cropper-btn:hover{border-color:#94a3b84d}.media-cropper-btn--primary{background:linear-gradient(180deg,#0ea5e9,#0284c7);border-color:#38bdf8a6;color:#f8fafc}@media(max-width:900px){.media-cropper-body,.media-cropper-grid{grid-template-columns:1fr}.media-cropper-meta{flex-direction:column;align-items:flex-start}}.prop-value-display{font-size:11px;color:var(--text-muted);padding:2px 0;word-break:break-all}.prop-value-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;max-width:100%}.prop-btn--thumb{font-size:11px!important;padding:4px 10px!important}.prop-btn--play{width:100%;margin-top:6px;background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;font-weight:600;justify-content:center}.prop-btn--play:hover{background:var(--accent-hover)!important;border-color:var(--accent-hover)!important}.editor-scrub-preview-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:40}.editor-scrub-preview-video{position:absolute;overflow:hidden;border-radius:8px;background:#000;box-shadow:0 8px 24px #00000059}.editor-scrub-preview-media{width:100%;height:100%;object-fit:contain;display:block;background:#000}.editor-scrub-preview-audio{display:none}.video-player-overlay{position:absolute;z-index:50;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #0009;background:#000;border:2px solid var(--accent)}.video-player-close{position:absolute;top:6px;right:6px;width:28px;height:28px;background:#000000b3;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2;transition:all var(--transition);line-height:1}.video-player-close:hover{background:#dc2626cc;border-color:#dc2626e6}@media(max-width:1200px){:root{--panel-left-w: 220px;--panel-right-w: 240px}}@media(max-width:900px){.editor-layout{grid-template-columns:1fr}.panel-left,.panel-right{display:none}}.se-toast-container{position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column-reverse;align-items:center;gap:8px;pointer-events:none}.se-toast{pointer-events:auto;display:flex;align-items:center;gap:8px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:10px 20px;border-radius:var(--radius);font-size:13px;font-weight:500;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;box-shadow:0 8px 24px #00000080;white-space:nowrap}.se-toast--visible{opacity:1;transform:translateY(0)}.se-toast-icon{font-size:16px;line-height:1;flex-shrink:0}.se-toast--info{border-left:3px solid var(--accent)}.se-toast--info .se-toast-icon{color:var(--accent)}.se-toast--success{border-left:3px solid var(--success)}.se-toast--success .se-toast-icon{color:var(--success)}.se-toast--warning{border-left:3px solid #f59e0b}.se-toast--warning .se-toast-icon{color:#f59e0b}.se-toast--error{border-left:3px solid var(--danger)}.se-toast--error .se-toast-icon{color:var(--danger)}.cropper-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:700;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cropper-overlay--visible{opacity:1}.cropper-modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:92vw;height:88vh;max-width:1400px;display:flex;flex-direction:column;box-shadow:0 24px 64px #0009;transform:translateY(10px) scale(.98);transition:transform .25s ease}.cropper-overlay--visible .cropper-modal{transform:translateY(0) scale(1)}.cropper-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.cropper-header h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.cropper-header h3 svg{width:18px;height:18px;color:var(--accent)}.cropper-close{background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition);line-height:1}.cropper-close:hover{color:var(--text);background:var(--bg-surface-hover)}.cropper-body{flex:1;display:flex;overflow:hidden;min-height:0}.cropper-workspace{flex:1;position:relative;background:#131316;overflow:hidden;min-width:0}.cropper-canvas{display:block;width:100%;height:100%}.cropper-sidebar{width:200px;flex-shrink:0;background:var(--bg-panel);border-left:1px solid var(--border);padding:14px;display:flex;flex-direction:column;gap:8px;overflow-y:auto}.cropper-section{padding-bottom:10px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.cropper-section:last-of-type{border-bottom:none}.cropper-section-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px}.cropper-shapes{display:flex;flex-wrap:wrap;gap:4px}.cropper-shape-btn{width:38px;height:38px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font-size:18px;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition)}.cropper-shape-btn:hover{border-color:var(--border-light);color:var(--text)}.cropper-shape-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-hover)}.cropper-ratios{display:flex;flex-wrap:wrap;gap:4px}.cropper-ratio-btn{flex:1 0 auto;min-width:48px;padding:5px 8px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:11px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:all var(--transition)}.cropper-ratio-btn:hover{border-color:var(--border-light);color:var(--text)}.cropper-ratio-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-hover)}.cropper-modes{display:flex;gap:4px}.cropper-mode-btn{flex:1;padding:6px 8px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:11px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:all var(--transition)}.cropper-mode-btn:hover{border-color:var(--border-light);color:var(--text)}.cropper-mode-btn.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent-hover)}.cropper-action-btn{width:100%;padding:7px 10px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:12px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);text-align:center}.cropper-action-btn:hover{border-color:var(--border-light);color:var(--text)}.cropper-action-btn--danger{color:var(--danger)}.cropper-action-btn--danger:hover{border-color:var(--danger);color:var(--danger)}.cropper-help{font-size:10px;color:var(--text-dim);line-height:1.6;padding-top:4px}.cropper-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border);flex-shrink:0}.cropper-btn{padding:8px 20px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-muted);font:inherit;font-size:13px;font-weight:500;border-radius:var(--radius);cursor:pointer;display:flex;align-items:center;gap:6px;transition:all var(--transition)}.cropper-btn:hover{color:var(--text);border-color:var(--border-light)}.cropper-btn--apply{background:var(--accent);border-color:var(--accent);color:#fff}.cropper-btn--apply:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}@keyframes zepto-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes zepto-shadow-pulse{0%,to{transform:scaleX(1);opacity:.4}50%{transform:scaleX(.6);opacity:.15}}@keyframes zepto-eye-blink{0%,90%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}}@keyframes zepto-antenna-pulse{0%,to{opacity:.9}50%{opacity:.4}}@keyframes zepto-glow-pulse{0%,to{filter:drop-shadow(0 0 8px var(--zepto-glow))}50%{filter:drop-shadow(0 0 18px var(--zepto-glow)) drop-shadow(0 0 4px rgba(56,200,255,.3))}}.zepto-float-wrap{display:inline-flex;flex-direction:column;align-items:center;animation:zepto-float 3.2s ease-in-out infinite,zepto-glow-pulse 3.2s ease-in-out infinite;position:relative;cursor:default;-webkit-user-select:none;user-select:none}.zepto-float-wrap:hover{animation-play-state:running;filter:drop-shadow(0 0 16px var(--zepto-glow))}.zepto-ground-shadow{animation:zepto-shadow-pulse 3.2s ease-in-out infinite;transform-origin:center center}.zepto-eye{animation:zepto-eye-blink 8s ease-in-out infinite;transform-origin:center center}.zepto-antenna-dot{animation:zepto-antenna-pulse 2s ease-in-out infinite}.zepto-svg{overflow:visible}.zepto-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.toolbar-brand{display:flex;align-items:center;gap:8px;padding:0 4px 0 2px;margin-right:4px;text-decoration:none;flex-shrink:0}.toolbar-brand-zepto{width:32px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toolbar-brand-zepto svg,.toolbar-brand-zepto img{width:32px;height:40px;overflow:visible}.toolbar-brand-name{display:flex;flex-direction:column;line-height:1}.toolbar-brand-name strong{font-size:14px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(90deg,#818cf8,#6366f1 55%,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.toolbar-brand-name span{font-size:10px;font-weight:400;color:var(--text-dim);letter-spacing:.2px;-webkit-text-fill-color:var(--text-dim)}.toolbar-brand-divider{width:1px;height:28px;background:var(--border);margin:0 6px;flex-shrink:0}.toolbar{position:relative}.toolbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--accent) 30%,#818cf8 60%,transparent 100%);opacity:.35}.tool-btn--preview-pill{background:linear-gradient(135deg,#6366f1,#818cf8)!important;border:none!important;color:#fff!important;padding:6px 14px!important;border-radius:999px!important;font-weight:600!important;font-size:12px!important;letter-spacing:.2px;box-shadow:0 2px 12px #6366f166;gap:5px!important;transition:all .2s ease!important}.tool-btn--preview-pill:hover{background:linear-gradient(135deg,#818cf8,#a78bfa)!important;box-shadow:0 4px 18px #6366f18c!important;transform:translateY(-1px)}.tool-btn--preview-pill svg{width:14px!important;height:14px!important}.tool-btn--save-accent{color:#4ade80!important}.tool-btn--save-accent:hover{color:#fff!important;background:#22c55e33!important;border-color:#22c55e66!important}.slide-item--active{background:var(--bg-surface)!important;border-color:transparent!important;border-left:3px solid var(--accent)!important;box-shadow:inset 0 0 0 1px #6366f133,-1px 0 12px #6366f126!important;padding-left:3px}.slide-item-thumb{border-radius:var(--radius)!important}.settings-modal{border-radius:var(--radius-lg)!important;box-shadow:0 24px 80px #000000a6,0 0 0 1px #ffffff0d!important;border:1px solid var(--border-light)!important}.settings-header{border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;padding:16px 20px!important}.settings-header h3{font-size:15px!important;font-weight:700!important}.settings-footer{border-radius:0 0 var(--radius-lg) var(--radius-lg)!important;padding:14px 20px!important;border-top:1px solid var(--border);gap:8px}.settings-btn--save{background:linear-gradient(135deg,#6366f1,#818cf8)!important;border:none!important;color:#fff!important;padding:8px 18px!important;border-radius:999px!important;font-weight:600!important;box-shadow:0 2px 10px #6366f159;transition:all .2s ease!important}.settings-btn--save:hover{box-shadow:0 4px 16px #6366f180!important;transform:translateY(-1px)}.settings-btn--save svg{width:14px;height:14px}.settings-btn--cancel{background:transparent!important;border:1px solid var(--border-light)!important;color:var(--text-muted)!important;border-radius:999px!important;padding:8px 16px!important;transition:all .16s ease!important}.settings-btn--cancel:hover{border-color:var(--accent)!important;color:var(--text)!important}.zepto-modal-mascot{display:flex;align-items:flex-end;gap:12px;padding:12px 16px;margin-bottom:4px;background:#3895ff0f;border:1px solid rgba(56,149,255,.15);border-radius:var(--radius);position:relative}.zepto-modal-mascot .zepto-float-wrap{width:42px;height:52px;flex-shrink:0;animation-duration:2.8s}.zepto-modal-mascot .zepto-float-wrap svg,.zepto-modal-mascot .zepto-float-wrap img{width:42px;height:52px}.zepto-speech-bubble{flex:1;background:#ffffff0d;border:1px solid rgba(100,200,255,.2);border-radius:var(--radius);padding:8px 12px;font-size:12px;color:var(--text-muted);line-height:1.5;position:relative}.zepto-speech-bubble:before{content:"";position:absolute;left:-8px;bottom:14px;border:4px solid transparent;border-right-color:#64c8ff33}.zepto-speech-bubble strong{display:block;font-size:13px;color:var(--text);margin-bottom:2px}.zepto-modal-corner{position:absolute;bottom:16px;right:16px;width:28px;height:36px;opacity:.65;pointer-events:none}.zepto-modal-corner svg,.zepto-modal-corner img{width:28px;height:36px;overflow:visible;animation:zepto-float 3s ease-in-out infinite,zepto-glow-pulse 3s ease-in-out infinite}.toast{background:linear-gradient(135deg,#16162a,#1e1e38)!important;border:1px solid var(--border-light)!important;border-radius:999px!important;box-shadow:0 8px 32px #00000080,0 0 0 1px #ffffff0d!important;padding:10px 20px!important;font-size:13px!important;font-weight:500!important;gap:8px;display:flex;align-items:center}.panel-tab.active{color:var(--accent)!important;border-bottom-color:var(--accent)!important;background:#6366f114}.panel-tab{border-radius:0;transition:background var(--transition),color var(--transition),border-color var(--transition)}.panel-tab:hover:not(.active){background:#ffffff0a}.splash-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--bg-app);display:flex;flex-direction:column;overflow:hidden;opacity:0;transition:opacity .4s ease}.splash-overlay--visible{opacity:1}.splash-overlay--hiding{opacity:0;pointer-events:none}.splash-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(99,102,241,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.splash-overlay:after{content:"";position:absolute;right:0;bottom:0;width:50%;height:70%;background:radial-gradient(ellipse at 70% 80%,rgba(56,149,255,.08) 0%,transparent 65%);pointer-events:none}.splash-topbar{display:flex;align-items:center;gap:10px;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;position:relative;z-index:1}.splash-topbar-zepto{width:28px;height:36px;flex-shrink:0;animation:zepto-float 3.5s ease-in-out infinite,zepto-glow-pulse 3.5s ease-in-out infinite}.splash-topbar-zepto svg,.splash-topbar-zepto img{width:28px;height:36px;overflow:visible}.splash-topbar-brand{font-size:14px;font-weight:700;letter-spacing:-.3px;background:linear-gradient(90deg,#818cf8,#6366f1,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-topbar-sub{font-size:10.5px;font-weight:500;color:#a1a1aa99;letter-spacing:.02em}.splash-topbar-brand-block{display:flex;flex-direction:column;gap:1px;line-height:1}.splash-body{flex:1;display:flex;align-items:center;justify-content:center;gap:0;position:relative;z-index:1;overflow:hidden}.splash-content{display:flex;flex-direction:column;gap:28px;padding:0 60px;max-width:480px;flex-shrink:0}.splash-title{display:flex;flex-direction:column;gap:6px}.splash-title h1{font-size:38px;font-weight:800;letter-spacing:-1.5px;line-height:1.05;background:linear-gradient(135deg,#f0f0ff,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-title .splash-version{display:inline-block;font-size:11px;font-weight:600;color:var(--accent-hover);background:var(--accent-dim);border:1px solid rgba(99,102,241,.4);border-radius:999px;padding:2px 10px;width:fit-content;-webkit-text-fill-color:var(--accent-hover)}.splash-subtitle{font-size:16px;color:var(--text-muted);line-height:1.5;margin-top:4px}.splash-actions{display:flex;flex-direction:column;gap:10px}.splash-action-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius);border:1px solid var(--border-light);background:var(--bg-panel);cursor:pointer;transition:all .2s ease;text-align:left;font:inherit;color:var(--text);width:100%}.splash-action-card:hover{border-color:var(--accent);background:#6366f11a;transform:translate(4px);box-shadow:0 4px 20px #6366f126}.splash-action-card--primary{background:linear-gradient(135deg,#6366f140,#818cf826);border-color:#6366f180}.splash-action-card--primary:hover{background:linear-gradient(135deg,#6366f166,#818cf840);border-color:var(--accent-hover)}.splash-action-icon{width:40px;height:40px;border-radius:var(--radius);background:#ffffff0f;border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.splash-action-card--primary .splash-action-icon{background:#6366f140;border-color:#6366f180}.splash-action-info strong{display:block;font-size:14px;font-weight:600}.splash-action-info span{display:block;font-size:12px;color:var(--text-muted);margin-top:2px}.splash-action-arrow{margin-left:auto;color:var(--text-dim);font-size:18px;transition:transform .16s ease}.splash-action-card:hover .splash-action-arrow{transform:translate(4px);color:var(--accent-hover)}.splash-hint{font-size:11px;color:var(--text-dim);display:flex;align-items:center;gap:6px}.splash-hint:before{content:"";display:inline-block;width:20px;height:1px;background:var(--border-light);flex-shrink:0}.splash-mascot-area{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:0;position:relative;min-width:0;max-width:480px;align-self:stretch;overflow:hidden}.splash-emili{width:auto;height:88%;max-height:680px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 0 40px rgba(56,149,255,.12));animation:emili-breathe 6s ease-in-out infinite;align-self:flex-end}@keyframes emili-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.splash-zepto{position:absolute;bottom:45%;left:30%;width:70px;height:90px;animation:zepto-float 2.8s ease-in-out infinite,zepto-glow-pulse 2.8s ease-in-out infinite}.splash-zepto svg,.splash-zepto img{width:70px;height:90px;overflow:visible}.splash-overlay{background:linear-gradient(90deg,#0507121f,#0507120a 42%,#05071205),url(/assets/cover-CX36OKgi.jpg) center center / cover no-repeat,#070812;color:#f8fafc}.splash-overlay:before{background:linear-gradient(90deg,#04061238,#04061214 42%,#04061205);background-size:auto;opacity:1}.splash-overlay:after{top:0;right:0;bottom:0;left:0;width:auto;height:auto;background:linear-gradient(90deg,rgba(7,9,21,.44) 0%,rgba(7,9,21,.18) 42%,transparent 70%),linear-gradient(180deg,rgba(7,9,21,.16) 0%,transparent 38%,rgba(7,9,21,.22) 100%)}.splash-topbar{min-height:88px;padding:22px 32px 8px;border-bottom:0;justify-content:space-between;z-index:3}.splash-brand{display:inline-flex;align-items:center;gap:16px}.splash-brand-mark{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#8b5cf6,#6d28d9 62%,#4f46e5);box-shadow:0 14px 34px #6d28d959,inset 0 1px #fff3}.splash-brand-mark svg{width:23px;height:23px;fill:currentColor;stroke-width:2.2}.splash-topbar-brand-block{gap:4px}.splash-topbar-brand{background:none;-webkit-text-fill-color:#fff;color:#fff;font-size:23px;font-weight:900;letter-spacing:0;line-height:1}.splash-topbar-sub{color:#dbe0ffb8;font-size:13px;font-weight:700;letter-spacing:0;text-transform:uppercase}.splash-user{display:inline-flex;align-items:center;gap:10px;color:#ffffffeb;font-size:15px;font-weight:800}.splash-user-avatar{width:48px;height:48px;display:grid;place-items:center;border-radius:999px;background:linear-gradient(145deg,#8b5cf6,#5b3fd8);box-shadow:0 14px 34px #6366f157,8px 16px 18px #2563eb38}.splash-user svg{width:16px;height:16px;color:#dbe0ffd1}.splash-body{display:grid;grid-template-columns:minmax(360px,38vw) minmax(500px,1fr);align-items:center;justify-content:stretch;padding:18px clamp(28px,6vw,98px) clamp(20px,5vh,58px);gap:clamp(24px,4vw,70px);z-index:2}.splash-content{width:min(100%,540px);max-width:none;padding:0;gap:clamp(18px,3vh,32px)}.splash-title{gap:14px}.splash-title h1{margin:0;font-size:clamp(38px,3.5vw,56px);line-height:1.05;font-weight:950;letter-spacing:0;background:none;-webkit-text-fill-color:#fff;color:#fff}.splash-title h1 span{display:inline-block;color:#b7a2ff;background:linear-gradient(180deg,#d8ceff,#a78bfa 64%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.splash-title h1 .splash-typewriter{position:relative;display:inline-flex;align-items:center;width:100%;max-width:100%;min-width:0;white-space:nowrap}.splash-title h1 .splash-typewriter:after{content:"";width:.055em;height:.78em;margin-left:.08em;border-radius:999px;background:#c4b5fd;box-shadow:0 0 18px #a78bfa9e;transform:translateY(.06em);animation:splash-typewriter-caret .2s steps(1,end) infinite}.splash-title h1 .splash-typewriter.is-deleting:after{animation-duration:.16s}.splash-title h1 .splash-typewriter [data-splash-typewriter]{min-height:1.05em}.splash-subtitle{max-width:510px;margin:0;color:#e2e8ffb8;font-size:clamp(15px,1.05vw,18px);line-height:1.38;font-weight:500}.splash-actions{gap:12px}.splash-action-card{min-height:76px;padding:13px 20px;border-radius:10px;border:1px solid rgba(167,139,250,.22);background:#14152bb8;box-shadow:inset 0 1px #ffffff0a,0 18px 48px #0000003d}.splash-action-card:hover{transform:translate(6px);border-color:#a78bfa9e;background:#302365a3;box-shadow:0 22px 62px #5b21b638}.splash-action-card--primary{background:linear-gradient(135deg,#6d28d9b8,#3730a385);border-color:#a78bfa6b}.splash-action-card--primary:hover{background:linear-gradient(135deg,#7c3aeddb,#4338ca9e)}.splash-action-card--continue{min-height:66px;opacity:.94}.splash-action-icon{width:46px;height:46px;border-radius:999px;border:0;color:#fff;background:#6d28d9b8;box-shadow:inset 0 1px #ffffff24}.splash-action-card--primary .splash-action-icon{background:#7c3aed}.splash-action-icon svg{width:25px;height:25px;stroke-width:2.3}.splash-action-info strong{color:#fff;font-size:16px;font-weight:900}.splash-action-info span{color:#e2e8ffa8;font-size:13px;font-weight:600}.splash-action-arrow{display:grid;place-items:center;width:26px;height:26px;color:#e2e8ffb8}.splash-action-arrow svg{width:22px;height:22px}.splash-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:clamp(0px,1vh,8px)}.splash-feature{min-width:0;display:grid;gap:5px;color:#fff}.splash-feature-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;color:#c4b5fd;background:#6d28d985;box-shadow:inset 0 1px #ffffff21;margin-bottom:4px}.splash-feature-icon svg{width:20px;height:20px}.splash-feature strong{font-size:15px;line-height:1.15;font-weight:900}.splash-feature span:last-child{color:#e2e8ff94;font-size:13px;line-height:1.2;font-weight:600}.splash-mascot-area{align-self:stretch;width:100%;max-width:none;min-height:min(760px,calc(100vh - 150px));overflow:visible;isolation:isolate}.splash-mascot-area>*{display:none!important}.splash-character-glow{position:absolute;left:52%;right:7%;bottom:1.5%;height:12%;border-radius:999px;background:radial-gradient(ellipse,rgba(99,102,241,.42),transparent 68%);filter:blur(4px);z-index:-1}.splash-emili-svg{position:absolute;right:9%;bottom:2.5%;height:min(82vh,720px);width:auto;overflow:visible;filter:drop-shadow(0 26px 42px rgba(0,0,0,.48)) drop-shadow(0 0 28px rgba(59,130,246,.22));animation:splash-emili-float 6s ease-in-out infinite;z-index:4}.splash-visual-zepto{position:absolute;left:8%;bottom:22%;width:clamp(132px,14vw,210px);height:clamp(168px,18vw,268px);color:#38bdf8;filter:drop-shadow(0 0 26px rgba(56,189,248,.68));animation:zepto-float 3s ease-in-out infinite,zepto-glow-pulse 3s ease-in-out infinite;z-index:5}.splash-visual-zepto svg,.splash-visual-zepto img{width:100%;height:100%;overflow:visible}.splash-orbit{position:absolute;left:16%;right:2%;top:26%;height:54%;border:1px solid rgba(124,58,237,.34);border-left-color:#3b82f66b;border-bottom-color:#a78bfa7a;border-radius:50%;transform:rotate(-15deg);z-index:1}.splash-orbit--two{left:24%;right:8%;top:36%;height:40%;opacity:.48;transform:rotate(9deg)}.splash-float-card{position:absolute;width:clamp(96px,9vw,132px);min-height:86px;padding:18px;border-radius:15px;border:1px solid rgba(124,58,237,.38);background:#2b216357;color:#7dd3fc;box-shadow:inset 0 1px #ffffff14,0 0 32px #6366f12e;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:grid;align-content:start;gap:10px;z-index:2;animation:splash-card-drift 7s ease-in-out infinite}.splash-float-card svg{width:34px;height:34px;color:#6d5dfc}.splash-float-card span{display:block;height:5px;border-radius:999px;background:#7c3aed9e}.splash-float-card span:last-child{width:64%;background:#38bdf8a8}.splash-float-card--media{left:34%;top:20%;width:clamp(142px,12vw,188px);min-height:112px}.splash-float-card--image{left:12%;top:34%;animation-delay:-1.4s}.splash-float-card--chat{left:11%;bottom:29%;width:clamp(86px,8vw,112px);min-height:84px;animation-delay:-2.1s}.splash-float-card--chart{right:5%;bottom:31%;width:clamp(92px,9vw,122px);min-height:94px;color:#f97316;animation-delay:-3.2s}.splash-float-card--map{right:0;bottom:8%;width:clamp(150px,14vw,210px);min-height:124px;animation-delay:-4.3s}@keyframes splash-card-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes splash-emili-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes splash-typewriter-caret{0%,45%{opacity:1}46%,to{opacity:.08}}@media(min-width:761px)and (max-height:820px){.splash-topbar{min-height:76px;padding:18px 28px 6px}.splash-brand{gap:14px}.splash-brand-mark,.splash-user-avatar{width:44px;height:44px}.splash-brand-mark svg{width:21px;height:21px}.splash-topbar-brand{font-size:22px}.splash-topbar-sub{font-size:12px}.splash-user{font-size:15px}.splash-body{padding:10px clamp(28px,6vw,92px) 18px;gap:clamp(22px,3.6vw,62px)}.splash-content{width:min(100%,510px);gap:clamp(16px,2.4vh,24px)}.splash-title{gap:12px}.splash-title h1{font-size:clamp(34px,3.3vw,48px);line-height:1.04}.splash-subtitle{max-width:500px;font-size:14.5px;line-height:1.34}.splash-action-card{min-height:68px;padding:10px 18px}.splash-action-card--continue{min-height:62px}.splash-action-icon{width:42px;height:42px}.splash-action-icon svg{width:22px;height:22px}.splash-action-info strong{font-size:15px}.splash-action-info span{font-size:12.5px}.splash-feature-grid{gap:14px;margin-top:0}.splash-feature{gap:4px}.splash-feature-icon{width:32px;height:32px;margin-bottom:2px}.splash-feature-icon svg{width:18px;height:18px}.splash-feature strong{font-size:13px}.splash-feature span:last-child{font-size:11.5px}}@media(max-width:1120px){.splash-body{grid-template-columns:1fr;align-content:start;overflow-y:auto;padding-top:18px}.splash-content{width:min(100%,720px)}.splash-mascot-area{min-height:520px}.splash-emili-svg{right:8%;height:500px}.splash-visual-zepto{left:12%;bottom:20%}}@media(max-width:760px){.splash-overlay{background-position:center center,22% center,center center}.splash-overlay:after{background:linear-gradient(90deg,#07091594,#07091538 72%,#07091514),linear-gradient(180deg,rgba(7,9,21,.12) 0%,transparent 34%,rgba(7,9,21,.38) 100%)}.splash-topbar{min-height:82px;padding:18px 18px 8px}.splash-brand-mark,.splash-user-avatar{width:44px;height:44px}.splash-topbar-brand{font-size:20px}.splash-topbar-sub,.splash-user-name{display:none}.splash-body{padding:18px;gap:26px}.splash-actions{gap:12px}.splash-action-card{min-height:84px;padding:14px}.splash-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.splash-mascot-area{min-height:420px}.splash-float-card--media,.splash-float-card--image,.splash-float-card--chat{display:none}.splash-float-card--map{right:2%;bottom:4%;width:138px;min-height:96px}.splash-emili-svg{right:-8%;height:390px}.splash-visual-zepto{left:2%;bottom:18%}}.autosave-restore-card{background:var(--bg-surface)!important;border:1px solid var(--border-light)!important;border-radius:var(--radius)!important;padding:12px 14px!important;line-height:1.6;font-size:12px!important;color:var(--text-muted)!important}.autosave-restore-card strong{display:block;color:var(--text)!important;font-size:13px;margin-bottom:2px}.settings-footer--autosave{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.settings-footer-spacer{flex:1}.panel-left{box-shadow:inset -1px 0 0 var(--border),4px 0 20px #0003}.panel-right{box-shadow:inset 1px 0 0 var(--border),-4px 0 20px #0003}.tool-btn.active{color:#fff!important;background:#6366f14d!important;border-color:#6366f199!important;box-shadow:0 0 0 1px #6366f14d inset}.top-nav-arquivo-wrap{position:relative}.top-nav-btn--arquivo{gap:5px;font-weight:700;color:var(--text)!important;border-color:#6366f133!important;background:#6366f112!important}.top-nav-btn--arquivo svg:last-child{width:11px!important;height:11px!important;opacity:.55;transition:transform .2s ease}.top-nav-btn--arquivo.is-active{background:#6366f129!important;border-color:#6366f166!important;box-shadow:0 0 12px #6366f126!important}.top-nav-btn--arquivo.is-active svg:last-child{transform:rotate(180deg)}.top-nav-arquivo-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:2000;min-width:240px;background:#0a0a16f7;border:1px solid rgba(99,102,241,.2);border-radius:12px;padding:6px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0a inset,0 1px #ffffff0f inset;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:arquivo-menu-in .14s cubic-bezier(.25,.46,.45,.94);transform-origin:top left}.top-nav-arquivo-menu.is-open{display:block}@keyframes arquivo-menu-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.arquivo-menu-section{padding:2px}.arquivo-menu-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a1a1aa80;padding:6px 10px 4px}.arquivo-menu-divider{height:1px;background:#ffffff0f;margin:4px 0}.arquivo-menu-item{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:#dcdef0e0;font-family:var(--font);font-size:13px;padding:9px 10px;border-radius:8px;cursor:pointer;transition:all .14s ease;text-align:left}.arquivo-menu-item:hover{background:#6366f11a;color:#fff;transform:translate(2px)}.arquivo-menu-icon{width:30px;height:30px;border-radius:7px;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .14s ease}.arquivo-menu-icon svg{width:15px;height:15px;color:#a5afffcc}.arquivo-menu-item:hover .arquivo-menu-icon{background:#6366f133;border-color:#6366f166}.arquivo-menu-item:hover .arquivo-menu-icon svg{color:#c7d2fe}.arquivo-menu-text{display:flex;flex-direction:column;gap:2px;min-width:0}.arquivo-menu-title{font-size:13px;font-weight:500;color:inherit;line-height:1.3}.arquivo-menu-kbd{font-size:10px;font-weight:600;color:#8b98ffb3;background:#6366f11f;border:1px solid rgba(99,102,241,.2);border-radius:4px;padding:0 5px;line-height:16px;display:inline-block;width:fit-content;letter-spacing:.03em}.arquivo-menu-desc{font-size:10px;color:#a1a1aa80}.panel-right .panel-right-tabs .panel-tab{flex-direction:column;gap:2px;height:44px;padding:5px 4px;font-size:9px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.panel-right .panel-right-tabs .panel-tab svg{width:16px;height:16px}.panel-right .panel-right-tabs .panel-tab span{display:block;line-height:1}.tool-btn{padding:7px 9px!important;border-radius:9px!important;gap:4px!important;color:#b4b9d2bf!important;transition:all .15s cubic-bezier(.25,.46,.45,.94)!important}.tool-btn svg{width:20px!important;height:20px!important;flex-shrink:0}.tool-btn:hover{color:#fff!important;background:#ffffff12!important;border-color:#ffffff1a!important;transform:translateY(-1px)!important;box-shadow:0 3px 10px #00000040!important}.tool-btn--preview-pill{background:linear-gradient(135deg,#6366f1,#818cf8)!important;color:#fff!important;border:none!important;padding:7px 18px!important;font-size:13px!important;font-weight:700!important;border-radius:20px!important;gap:6px!important;box-shadow:0 4px 16px #6366f159,0 1px #ffffff26 inset!important}.tool-btn--preview-pill:hover{background:linear-gradient(135deg,#818cf8,#a78bfa)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #6366f180!important}.tool-btn--preview-pill svg{width:15px!important;height:15px!important}.tool-dropdown{border-radius:10px!important;padding:6px!important;background:#0a0a16f7!important;border:1px solid rgba(99,102,241,.18)!important;box-shadow:0 16px 48px #0000008c!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}.tool-dropdown-group-title{font-size:10px!important;font-weight:800!important;letter-spacing:.09em!important;color:#8b98ff8c!important;padding:8px 10px 4px!important}.tool-dropdown-item{border-radius:7px!important;padding:8px 10px!important;gap:9px!important;font-size:12.5px!important;color:#dcdef0e0!important;transition:all .12s ease!important}.tool-dropdown-item:hover{background:#6366f11a!important;color:#fff!important;padding-left:13px!important}.tool-dropdown-item svg{width:20px!important;height:20px!important;flex-shrink:0;padding:3px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:5px;box-sizing:content-box;color:#a5afffcc;transition:all .12s ease}.tool-dropdown-item:hover svg{background:#6366f12e!important;border-color:#6366f159!important;color:#c7d2fe!important}.editor-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.editor-container>.editor-layout{flex:1 1 0;height:auto!important;min-height:0;overflow:hidden}.top-nav-bar{height:58px;flex-shrink:0;display:flex;align-items:center;gap:0;padding:0 16px 0 8px;position:relative;z-index:1100;background:linear-gradient(to right,#060610fa,#0a0a16f7,#060610fa);border-bottom:1px solid rgba(99,102,241,.22);box-shadow:0 1px #ffffff0a inset,0 4px 24px #00000080,0 0 1px #6366f126}.top-nav-bar:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent 0%,rgba(99,102,241,.5) 30%,rgba(139,92,246,.5) 60%,transparent 100%)}.top-nav-brand{display:flex;align-items:center;gap:0;flex-shrink:0;padding-right:20px;position:relative}.top-nav-zepto-wrap{position:relative;width:52px;height:52px;flex-shrink:0}.top-nav-zepto{width:52px;height:52px;display:flex;align-items:center;justify-content:center;position:relative}.top-nav-zepto-wrap .top-nav-arquivo-wrap{position:absolute;top:0;right:-4px;z-index:10}.top-nav-arquivo-badge{width:20px;height:20px;border-radius:7px;background:linear-gradient(135deg,#f59e0b,#fbbf24);border:1.5px solid rgba(251,191,36,.7);color:#000000bf;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;box-shadow:0 2px 8px #f59e0b80,0 0 0 1px #ffffff26 inset;transition:all .16s cubic-bezier(.25,.46,.45,.94)}.top-nav-arquivo-badge svg{width:11px!important;height:11px!important;stroke-width:2.5!important;color:#000c}.top-nav-arquivo-badge:hover{background:linear-gradient(135deg,#fbbf24,#fde68a);box-shadow:0 3px 12px #f59e0ba6,0 0 0 3px #f59e0b2e,0 0 0 1px #fff3 inset;transform:scale(1.08)}.top-nav-arquivo-badge.is-active{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 0 0 3px #f59e0b40,0 2px 8px #f59e0b66;transform:scale(.96)}.top-nav-zepto:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;background:radial-gradient(circle,rgba(56,149,255,.18) 0%,transparent 70%);animation:zepto-glow-pulse 2.5s ease-in-out infinite}.top-nav-zepto .zepto-svg{width:38px;height:38px;filter:drop-shadow(0 0 10px rgba(56,149,255,.6)) drop-shadow(0 2px 4px rgba(0,0,0,.4));animation:zepto-float 3.2s ease-in-out infinite;position:relative;z-index:1}.top-nav-zepto .zepto-eye{animation:zepto-eye-blink 4s ease-in-out infinite}.top-nav-brand-sep{width:1px;height:28px;background:linear-gradient(to bottom,transparent,rgba(99,102,241,.3),transparent);margin:0 16px 0 4px}.top-nav-brand-block{display:flex;flex-direction:column;gap:1px;line-height:1}.top-nav-logo{display:flex;align-items:center;height:20px;opacity:.95;transition:opacity var(--transition)}.top-nav-logo:hover{opacity:1}.top-nav-subtitle{font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#a1a1aa73;line-height:1;padding-left:1px}.top-nav-actions{display:flex;align-items:center;gap:6px;flex:1}.top-nav-btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:8px;border:1px solid rgba(255,255,255,.07);background:#ffffff0a;color:var(--text-muted);font-family:var(--font);font-size:12px;font-weight:600;letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:all .16s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden}.top-nav-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:7px;background:linear-gradient(to bottom,rgba(255,255,255,.04),transparent);pointer-events:none}.top-nav-btn svg{width:14px;height:14px;flex-shrink:0;opacity:.7;transition:opacity .16s,transform .16s}.top-nav-btn:hover{background:#ffffff17;border-color:#ffffff24;color:var(--text);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.top-nav-btn:hover svg{opacity:1}.top-nav-btn:active{transform:translateY(0);box-shadow:none}.top-nav-btn--save{background:#22c55e0f;border-color:#22c55e40;color:#86eface6}.top-nav-btn--save svg{opacity:.8;color:#86efac}.top-nav-btn--save:hover{background:#22c55e24;border-color:#22c55e73;color:#a7f3d0;box-shadow:0 0 16px #22c55e2e,0 4px 12px #0000004d}.top-nav-divider{width:1px;height:20px;background:#ffffff12;margin:0 4px;flex-shrink:0}.top-nav-user{display:flex;align-items:center;gap:8px;flex-shrink:0;margin-left:auto;padding:0 12px 0 5px;height:42px;border-radius:18px;border:1px solid rgba(99,102,241,.2);background:#6366f10f;cursor:default;transition:all var(--transition);max-width:250px;position:relative}.top-nav-user:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:linear-gradient(135deg,#6366f114,#8b5cf60f);pointer-events:none}.top-nav-user:hover{background:#6366f11f;border-color:#6366f161;box-shadow:0 0 14px #6366f126}.top-nav-user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#818cf8,#a78bfa);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0 2px #6366f133,0 2px 6px #6366f14d;letter-spacing:-.02em;position:relative;z-index:1}.top-nav-user-copy{min-width:0;display:flex;flex-direction:column;gap:2px;line-height:1.05;position:relative;z-index:1}.top-nav-user-name{font-size:12px;font-weight:700;color:#f0f0fff0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:168px;letter-spacing:.01em}.top-nav-user-email{font-size:10px;font-weight:500;color:#bac2dcad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:168px}.top-nav-user-email:empty{display:none}.panel-left-tabs,.panel-right-tabs{display:flex;background:#070711cc;padding:6px;gap:3px;border-bottom:1px solid rgba(99,102,241,.15);flex-shrink:0}.panel-left-tabs .panel-tab,.panel-right-tabs .panel-tab{flex:1;min-width:0;height:32px;padding:0 8px;border-radius:6px;border:1px solid transparent;border-bottom:1px solid transparent;background:transparent;color:var(--text-dim);font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:all .16s ease;white-space:nowrap;overflow:hidden}.panel-left-tabs .panel-tab svg,.panel-right-tabs .panel-tab svg{width:13px;height:13px;opacity:.6;flex-shrink:0;transition:all .16s ease}.panel-left-tabs .panel-tab:hover,.panel-right-tabs .panel-tab:hover{color:var(--text-muted);background:#ffffff0a}.panel-left-tabs .panel-tab:hover svg,.panel-right-tabs .panel-tab:hover svg{opacity:.85}.panel-left-tabs .panel-tab.active,.panel-right-tabs .panel-tab.active{color:#e0e7ff;background:#6366f124;border-color:#6366f14d;border-bottom-color:#6366f14d;box-shadow:0 0 8px #6366f11a inset,0 1px #ffffff0f inset}.panel-left-tabs .panel-tab.active svg,.panel-right-tabs .panel-tab.active svg{opacity:1;color:#818cf8}.panel-left-content,.panel-right-content,.flags-panel,.properties-panel,.layers-panel{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.25) transparent}.panel-left-content::-webkit-scrollbar,.panel-right-content::-webkit-scrollbar{width:5px}.panel-left-content::-webkit-scrollbar-track,.panel-right-content::-webkit-scrollbar-track{background:transparent}.panel-left-content::-webkit-scrollbar-thumb,.panel-right-content::-webkit-scrollbar-thumb{background:#6366f138;border-radius:999px}.panel-left-content::-webkit-scrollbar-thumb:hover,.panel-right-content::-webkit-scrollbar-thumb:hover{background:#6366f161}.prop-input:focus-visible,.prop-select:focus-visible,.ipanel-input:focus-visible,.layer-rename-input:focus-visible,.slide-item-name:focus-visible,.slide-chapter-name:focus-visible{border-color:var(--accent);box-shadow:0 0 0 2px #6366f12e;outline:none}.tool-btn:focus-visible,.panel-tab:focus-visible,.prop-btn:focus-visible,.layer-action-btn:focus-visible,.flags-add-btn:focus-visible,.slide-add-btn:focus-visible{outline:2px solid rgba(99,102,241,.4);outline-offset:1px}@keyframes panel-tab-fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.panel-tab-content{animation:panel-tab-fadein .15s ease}.flags-empty{text-align:center;padding:24px 12px}.flags-empty-title{margin-bottom:6px}.flags-empty-inline{padding:10px 0;text-align:center;font-style:italic;opacity:.7}.top-nav-user-avatar{transition:transform .16s ease,box-shadow .16s ease}.top-nav-user:hover .top-nav-user-avatar{transform:scale(1.08);box-shadow:0 0 0 2px #6366f159,0 2px 8px #6366f166}.button-designer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:22px;background:#020617b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.button-designer-modal{width:min(1180px,calc(100vw - 44px));max-height:min(860px,calc(100vh - 44px));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(129,140,248,.34);border-radius:14px;background:linear-gradient(180deg,#121522,#090d16);color:var(--text);box-shadow:0 30px 90px #00000085}.button-designer-modal__header,.button-designer-modal__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(148,163,184,.16)}.button-designer-modal__footer{justify-content:flex-end;border-top:1px solid rgba(148,163,184,.16);border-bottom:0;background:#0f172a7a}.button-designer-modal__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800}.button-designer-modal__title svg,.button-designer-tab svg,.button-designer-primary svg,.button-designer-secondary svg,.button-designer-danger svg{width:17px;height:17px;flex:0 0 auto}.button-designer-modal__close{width:32px;height:32px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);font-size:18px;font-weight:800;cursor:pointer}.button-designer-modal__close:hover{background:#ffffff14;color:var(--text)}.button-designer-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:12px 16px;border-bottom:1px solid rgba(148,163,184,.14)}.button-designer-tab{min-height:42px;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#ffffff0a;color:var(--text-dim);font:inherit;font-size:12px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.button-designer-tab.is-active{color:#fff;border-color:#6366f1a3;background:linear-gradient(135deg,#6366f161,#06b6d429)}.button-designer-body{min-height:0;display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:16px;padding:16px;overflow:hidden}.button-designer-preview,.button-designer-controls{min-height:0;overflow:auto;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#0f172a6b}.button-designer-preview{display:grid;grid-template-rows:minmax(260px,1fr) auto}.button-designer-preview__surface{position:relative;display:flex;align-items:center;justify-content:center;min-height:320px;padding:28px;background:linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(148,163,184,.08) 1px,transparent 1px),radial-gradient(circle at 30% 20%,rgba(6,182,212,.14),transparent 34%),#0b1120;background-size:32px 32px,32px 32px,auto,auto}.button-designer-preview__label{position:absolute;left:14px;top:12px;color:var(--text-dim);font-size:11px;font-weight:900;text-transform:uppercase}.button-designer-preview__button{max-width:100%}.button-designer-preview__meta{padding:10px 12px;color:var(--text-dim);font-size:12px;font-weight:800;border-top:1px solid rgba(148,163,184,.12)}.button-designer-live-button{position:relative;display:inline-flex;align-items:center;border-style:solid;overflow:hidden;color:inherit}.button-designer-preview-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.button-designer-preview-icon svg{width:100%;height:100%}.button-designer-preview-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-designer-preview-indicator{position:absolute;animation:buttonDesignerPointer var(--speed, 1.8s) ease-in-out infinite}@keyframes buttonDesignerPointer{0%,to{transform:translate(0) scale(1)}45%{transform:translate(-8px,-8px) scale(.94)}70%{transform:translate(-2px,-2px) scale(1.05)}}.button-designer-controls{padding:16px}.button-designer-section{display:grid;gap:12px;margin-bottom:16px;padding:14px;border:1px solid rgba(148,163,184,.16);border-radius:10px;background:#ffffff09}.button-designer-section h3{margin:0;color:#f8fafc;font-size:13px;font-weight:900;letter-spacing:.02em}.button-designer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.button-designer-field{display:grid;gap:6px;min-width:0}.button-designer-field.is-wide,.button-designer-check.is-wide{grid-column:1 / -1}.button-designer__label{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:11px;font-weight:900;text-transform:uppercase}.button-designer__label span{width:17px;height:17px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#6366f133;color:#c7d2fe;font-size:11px;text-transform:none}.button-designer-field input,.button-designer-field select,.button-designer-field textarea,.button-designer-row select{width:100%;min-height:38px;border:1px solid rgba(148,163,184,.18);border-radius:8px;background:#111827d1;color:var(--text);font:inherit;font-size:13px;font-weight:700;padding:0 10px}.button-designer-field input[type=color]{padding:3px}.button-designer-field input[type=range]{padding:0}.button-designer-check{display:flex;align-items:center;gap:9px;min-height:38px;padding:0 10px;border:1px solid rgba(148,163,184,.16);border-radius:8px;color:var(--text);font-size:13px;font-weight:800;background:#11182785}.button-designer-row{display:flex;align-items:center;gap:8px;min-width:0}.button-designer-row.is-wrap{flex-wrap:wrap}.button-designer-primary,.button-designer-secondary,.button-designer-danger{min-height:36px;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:0 12px;color:var(--text);background:#ffffff0f;font:inherit;font-size:12px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer}.button-designer-primary{border-color:#6366f1b8;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff}.button-designer-danger{border-color:#f8717157;color:#fecaca}.button-designer-file,.button-designer-help{color:var(--text-dim);font-size:12px;line-height:1.35}@media(max-width:900px){.button-designer-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.button-designer-body{grid-template-columns:1fr;overflow:auto}.button-designer-preview,.button-designer-controls{overflow:visible}}