body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background-color:#121212;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0}.app-container{box-sizing:border-box;display:flex;gap:16px;height:100vh;padding:10px}.main-panel{display:flex;flex:1 1;flex-direction:column;gap:12px;min-width:0}.preset-bar{align-items:center;background:#151515;border:1px solid #2a2a2a;border-radius:10px;box-shadow:0 6px 30px #00000059;display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.control-group.compact{align-items:flex-start;margin:0}.control-group.compact select{width:220px}.preset-bar label{text-align:center}.controls-panel{background-color:#1e1e1e;border-radius:10px;border-right:1px solid #333;display:flex;flex-direction:column;gap:15px;overflow-y:auto;padding:20px;width:350px}.main-color-grid{margin-top:-2px}.sidebar-preset-entry{margin-top:2px}.sidebar-edit-presets-btn{align-items:center;display:inline-flex;font-weight:700;justify-content:center;letter-spacing:.01em;min-height:42px;width:100%}.controls-panel h2{color:#3b82f6;margin-top:0}.app-brand-heading{align-items:center;display:flex;line-height:1}.app-brand-logo{display:block;height:58px;max-width:100%;width:auto}.control-group{display:flex;flex-direction:column;gap:5px}.control-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.person-editor{background:#0000;border:none;border-radius:0;gap:8px;padding:0}.person-editor-fields{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.muted-text{color:#9ca3af;font-size:12px}.control-row{align-items:center;display:flex;gap:10px}.position-group{gap:8px}.position-group-header{align-items:center;display:flex;gap:8px;justify-content:space-between}.main-position-group{border-top:1px solid #2b2b2b;margin-top:auto;padding-top:12px}.position-preview{aspect-ratio:16/9;background-color:#0f0f0f;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 0),linear-gradient(180deg,#ffffff0a 1px,#0000 0);background-size:20px 20px;border:1px solid #2f2f2f;border-radius:10px;box-shadow:inset 0 0 0 1px #ffffff05,0 8px 30px #00000073;cursor:grab;overflow:hidden;position:relative;width:100%}.snap-grid-overlay{inset:0;pointer-events:none;position:absolute;z-index:0}.snap-grid-line{background:#94a3b847;box-shadow:0 0 0 1px #94a3b814;position:absolute}.snap-grid-line.vertical{bottom:0;top:0;transform:translateX(-.5px);width:1px}.snap-grid-line.horizontal{height:1px;left:0;right:0;transform:translateY(-.5px)}.position-snap-guides{inset:0;pointer-events:none;position:absolute;z-index:1}.position-snap-guide{background:#22c55ee6;box-shadow:0 0 0 1px #22c55e2e;position:absolute}.position-snap-guide.vertical{bottom:0;top:0;transform:translateX(-.5px);width:1px}.position-snap-guide.horizontal{height:1px;left:0;right:0;transform:translateY(-.5px)}.position-preview:active{cursor:grabbing}.position-rect{align-items:center;background:#3b82f61f;border:2px solid #3b82f6;border-radius:6px;color:#e5e7eb;display:flex;font-size:11px;justify-content:center;letter-spacing:.05em;pointer-events:none;position:absolute;text-transform:uppercase;transition:box-shadow .15s,background .15s,border-color .15s;z-index:1}.main-position-preview .position-rect{pointer-events:auto}.position-preview:hover .position-rect{background:#3b82f629;border-color:#60a5fa;box-shadow:0 0 0 1px #3b82f640,0 6px 18px #3b82f626}.position-rect-label{align-items:center;background:#0000;border:none;border-radius:0;display:inline-flex;justify-content:center;padding:0}.main-position-preview .position-rect-label{pointer-events:none}.main-position-resize-handle{background:#2563eb;border:1px solid #bfdbfe;border-radius:50%;box-shadow:0 0 0 2px #0f172aa6;cursor:nwse-resize;height:12px;padding:0;position:absolute;width:12px}.main-position-resize-handle.ne,.main-position-resize-handle.sw{cursor:nesw-resize}.main-position-resize-handle.nw{left:-7px;top:-7px}.main-position-resize-handle.ne{right:-7px;top:-7px}.main-position-resize-handle.sw{bottom:-7px;left:-7px}.main-position-resize-handle.se{bottom:-7px;right:-7px}.main-position-resize-handle:disabled{cursor:not-allowed;opacity:.5}.move-icon{fill:#e5e7eb;height:18px;opacity:.9;width:18px}.snap-toggle-btn{align-items:center;background:#111827;border-color:#334155;display:inline-flex;height:34px;justify-content:center;min-width:34px;padding:0;width:34px}.snap-toggle-btn svg{color:#fff;display:block;flex-shrink:0;height:19px;width:19px}.snap-controls-row{align-items:center;display:inline-flex;flex-wrap:wrap;gap:6px}.snap-grid-type-select{background:#111827;border:1px solid #334155;border-radius:8px;color:#e5e7eb;cursor:pointer;font-size:12px;font-weight:600;height:34px;line-height:1;min-width:94px;padding:0 24px 0 8px}.snap-grid-type-select:disabled{cursor:not-allowed;opacity:.6}.snap-grid-type-select:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}.snap-toggle-btn.is-active{background:#2563eb2e;border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa33}.snap-toggle-btn.is-active svg{color:#93c5fd}.snap-mode-menu{display:inline-flex;position:relative}.snap-mode-split{align-items:stretch;display:inline-flex}.snap-mode-split>.snap-mode-main-btn{border-radius:8px 0 0 8px}.snap-mode-toggle-btn{align-items:center;background:#111827;border-color:#334155;color:#fff;display:inline-flex;height:34px;justify-content:center;margin-left:-1px;min-width:34px;padding:0;width:34px}.snap-mode-split>.snap-mode-toggle-btn{border-radius:0 8px 8px 0}.snap-mode-toggle-btn.is-open{background:#2563eb2e;border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa33;color:#93c5fd}.snap-mode-toggle-caret{display:block;font-size:14px;font-weight:700;line-height:1;transform:translateY(-1px)}.snap-mode-toggle-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}.snap-mode-dropdown{background:#101722;border:1px solid #2f3f58;border-radius:10px;box-shadow:0 12px 30px #00000073;display:flex;flex-direction:column;gap:4px;min-width:164px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:16}.snap-mode-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#dbe7f7;cursor:pointer;display:inline-flex;font-size:12px;font-weight:600;gap:10px;justify-content:space-between;min-height:34px;padding:0 10px;text-align:left;width:100%}.snap-mode-option:hover:not(:disabled){background:#94a3b81a;border-color:#94a3b833}.snap-mode-option:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}.snap-mode-option.selected{background:#2563eb2e;border-color:#60a5fa59;color:#dbeafe}.snap-mode-option:disabled{cursor:not-allowed;opacity:.6}.snap-mode-option-label{white-space:nowrap}.snap-mode-option-check{color:#93c5fd;font-weight:700;text-align:center;width:12px}.position-readout{background:#151515;border:1px solid #2a2a2a;border-radius:6px;color:#cbd5e1;font-size:12px;letter-spacing:.02em;padding:6px 8px}.position-readout-controls{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr)) auto}.position-readout-field{align-items:center;display:flex;gap:6px;min-width:0}.position-readout-label{color:#94a3b8;font-weight:700;min-width:10px}.position-readout-number{background:#101318;border:1px solid #314052;border-radius:8px;box-shadow:inset 0 1px 0 #ffffff08;color:#f8fafc;color-scheme:dark;font-size:12px;min-width:0;padding:5px 8px;width:100%}.position-readout-number:focus-visible{outline:2px solid #60a5fa;outline-offset:1px}.position-readout-number:disabled{cursor:not-allowed;opacity:.6}.position-readout-number::-webkit-inner-spin-button,.position-readout-number::-webkit-outer-spin-button{background:#0000;margin:0;opacity:1}.position-readout-scale{color:#cbd5e1;font-weight:600;white-space:nowrap}label{color:#aaa;font-size:12px;font-weight:700;text-transform:uppercase}input[type=text],select{background:#333;border:1px solid #444;border-radius:4px;color:#fff;padding:8px}.person-card .person-inline-input{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}input[type=color]{background:none;border:none;cursor:pointer;height:40px;width:100%}.background-mode-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.background-mode-select{flex:0 1 55%;max-width:260px;min-width:180px}.color-key-picker{align-items:center;color:#cbd5e1;display:inline-flex;font-size:12px;font-weight:600;gap:8px;letter-spacing:.01em;text-transform:none}input.color-key-input[type=color]{height:36px;min-width:52px;padding:0;width:52px}input[type=range]{cursor:pointer;width:100%}.slider-row{align-items:center;display:flex;gap:10px}.slider-value{color:#cbd5e1;font-size:12px;font-weight:700;min-width:44px;text-align:right}.export-btn{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:20px;padding:15px;transition:background .2s}.export-btn:hover{background-color:#2563eb}.export-btn.recording{animation:pulse 1s infinite;background-color:#ef4444;cursor:not-allowed}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.preview-panel{align-items:center;background-color:#0c0c0c;border:1px solid #333;border-radius:10px;display:flex;flex:1 1;justify-content:center;min-height:0;padding:12px;position:relative}.preview-toolbar{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#141414e6;border:1px solid #2f2f2f;border-radius:10px;box-shadow:0 12px 28px #00000059;display:inline-flex;gap:8px;left:47px;padding:6px 8px;position:absolute;top:12px;z-index:2}.preview-fps-select{background:#121212;border:none;border-radius:8px;color:#f8fafc;font-weight:700;min-width:64px;padding:6px}.preview-aspect-select{min-width:64px}.preview-fps-select:disabled{cursor:not-allowed;opacity:.6}.preview-canvas{aspect-ratio:16/9;background-color:#111;border:1px solid #333;box-shadow:0 0 20px #00000080;height:auto;max-height:100%;max-width:min(90%,960px);width:auto}.preview-canvas.preview-canvas-alpha{background-color:#111;background-image:linear-gradient(45deg,#1a1a1a 25%,#0000 0),linear-gradient(-45deg,#1a1a1a 25%,#0000 0),linear-gradient(45deg,#0000 75%,#1a1a1a 0),linear-gradient(-45deg,#0000 75%,#1a1a1a 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.timeline-panel{background:#151515;border:1px solid #2a2a2a;border-radius:10px;box-shadow:0 6px 30px #00000059;padding:16px}.timeline-header{align-items:center;display:flex;flex-direction:column;gap:6px;justify-content:center;margin-bottom:12px}.timeline-title{font-size:16px;font-weight:700}.timeline-total-control{align-items:flex-start;color:#fff;display:flex;flex-direction:column;font-weight:700;gap:6px}.timeline-total-control label{color:#cbd5e1;font-size:11px;letter-spacing:.04em}.timeline-total-input{background:#222;border:1px solid #333;border-radius:6px;box-shadow:inset 0 1px 0 #ffffff0a;color:#fff;font-size:14px;font-weight:700;padding:10px 12px;text-align:center;width:100%}.transition-grid{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:10px}.transition-select{display:flex;flex-direction:column;gap:6px}.transition-total{align-items:center;align-self:flex-start;background:#0000;border:none;gap:4px;justify-content:flex-start;padding:0}.transition-total label{margin-bottom:1px;text-align:center;width:100%}.transition-total .timeline-total-input{height:28px;max-width:140px;padding:4px 10px;width:140px}.transition-row{align-items:center;display:flex;gap:8px;width:100%}.transition-row select{width:100%}@media (max-width:900px){.transition-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.timeline-fade-row{gap:0;padding:0 0 10px}.fade-slot,.timeline-fade-row{align-items:flex-start;display:flex}.fade-slot{flex-direction:column;min-height:50px;position:relative}.fade-slot.outro{align-items:flex-end}.fade-slot.still{min-height:0}.fade-chip-row{align-items:center;display:flex;gap:6px}.fade-curve-menu{display:inline-flex;position:relative}.fade-curve-trigger{align-items:center;background:#1e1e1e;border:1px solid #2f2f2f;border-radius:8px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:4px;transition:border-color .2s,background .2s,box-shadow .2s;width:34px}.fade-curve-trigger:hover{background:#222;border-color:#3b82f6;box-shadow:0 2px 10px #3b82f633}.fade-curve-trigger:disabled{cursor:not-allowed;opacity:.6}.fade-curve-icon,.fade-curve-option-icon{filter:drop-shadow(0 1px 4px rgba(0,0,0,.35));height:20px;object-fit:contain;width:20px}.fade-curve-dropdown{background:#161616;border:1px solid #2f2f2f;border-radius:10px;box-shadow:0 12px 30px #00000073;left:0;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);z-index:10}.fade-curve-dropdown-right{left:auto;right:0}.fade-curve-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#e5e7eb;cursor:pointer;display:flex;gap:8px;padding:8px 10px;text-align:left;transition:background .15s,border-color .15s,transform .1s;width:100%}.fade-curve-option:hover{background:#202020;border-color:#2f2f2f;transform:translateY(-1px)}.fade-curve-option.selected{background:#3b82f61f;border-color:#3b82f6}.fade-curve-copy{display:flex;flex-direction:column;line-height:1.2}.fade-curve-label{font-size:12px;font-weight:700}.fade-curve-hint{color:#9ca3af;font-size:11px}.fade-chip{background:#2b2b2b;border:1px solid #3b3b3b;border-radius:8px;color:#e5e7eb;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.02em;padding:8px 12px;text-transform:uppercase;transition:background .2s,border-color .2s,color .2s,opacity .2s;white-space:nowrap}.fade-chip:hover{background:#323232;border-color:#4a4a4a}.fade-chip.active{background:#3b82f626;border-color:#60a5fa;color:#f8fafc}.fade-chip:disabled{cursor:not-allowed;opacity:.5}.fade-bar{margin-top:8px;width:100%}.fade-bar-track{--fade-boundary:0%;background:linear-gradient(90deg,#3b82f61f,#3b82f614);border:none;border-radius:999px;box-shadow:none;height:12px;isolation:isolate;overflow:visible;position:relative;width:100%}.fade-bar-track.outro{background:linear-gradient(270deg,#3b82f61f,#3b82f614);border:none;box-shadow:none}.fade-bar-fill-clip{border-radius:inherit;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.fade-bar-fill{background:linear-gradient(90deg,#3b82f68c,#3b82f64d);background-clip:padding-box;border:none;border-radius:inherit;bottom:0;box-shadow:none;left:0;position:absolute;top:0}.fade-bar-fill.outro{background:linear-gradient(270deg,#3b82f64d,#3b82f68c);left:auto;right:0}.fade-bar-handle{background:#60a5fa;border:none;border-radius:8px;box-shadow:inset 0 0 0 1px #93c5fd,0 2px 8px #3b82f633;cursor:ew-resize;height:20px;left:calc(var(--fade-boundary) - 7px);position:absolute;top:-4px;transition:background .15s,border-color .15s,box-shadow .15s;width:14px;z-index:2}.fade-bar-handle:hover{background:#93c5fd;box-shadow:inset 0 0 0 1px #bfdbfe,0 4px 12px #3b82f64d}.timeline-track{background:linear-gradient(90deg,#121212,#181818);border:1px solid #2f2f2f;border-radius:10px;display:flex;height:96px;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.timeline-block{align-items:center;cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:700;justify-content:center;min-width:60px;position:relative}.timeline-block-label{bottom:10px;color:#f3f4f6;font-size:12px;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #00000059;transform:translateX(-50%);white-space:nowrap}.timeline-block-icon{align-items:center;display:inline-flex;justify-content:center;pointer-events:none}.timeline-block-icon img{filter:drop-shadow(0 2px 8px rgba(0,0,0,.35));height:48px;object-fit:contain;opacity:.95;width:48px}.timeline-block.intro .timeline-block-icon img,.timeline-block.outro .timeline-block-icon img{transform:translateX(-9px)}.timeline-block.intro{background:linear-gradient(120deg,#3b82f68c,#3b82f64d)}.timeline-block.still{background:linear-gradient(120deg,#1f2937e6,#111827d9);color:#e5e7eb}.timeline-block.outro{background:linear-gradient(120deg,#3b82f68c,#3b82f64d)}.drag-handle{background:#ffffff14;cursor:ew-resize;height:100%;position:absolute;top:0;transition:background .15s;width:10px}.drag-handle:hover{background:#fff3}.drag-handle.left{left:0}.drag-handle.right{right:0}.timeline-scale{color:#9ca3af;display:flex;font-size:11px;justify-content:space-between;letter-spacing:.03em;margin-top:6px}.people-panel{background-color:#1e1e1e;border-left:1px solid #333;border-radius:10px;display:flex;flex-direction:column;gap:12px;overflow-y:auto;padding:20px;width:360px}.people-header{align-items:center;display:flex;justify-content:space-between}.people-list{display:flex;flex-direction:column;gap:10px}.person-card{align-items:center;background:#242424;border:1px solid #2f2f2f;border-radius:10px;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:12px;transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}.person-card.selected{background:linear-gradient(135deg,#3b82f633,#152238);border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa8c,0 10px 30px #00000059}.person-card:hover{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f640;transform:translateY(-1px)}.person-card.selected .person-inline-input{color:#f8fbff}.person-card.selected .person-inline-input.person-title-input{color:#dbeafe}.person-card:focus-visible{outline:2px solid #60a5fa;outline-offset:2px}.person-meta{align-items:flex-start;display:flex;flex-direction:column;gap:4px;min-width:0}.person-inline-input{align-self:flex-start;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:#0000;border:none;border-bottom:1px solid #0000;border-radius:0;box-shadow:none;color:#f8fafc;cursor:text;display:inline-block;font-size:15px;font-weight:600;line-height:1.2;max-width:100%;outline:none;padding:0;transition:color .15s,text-shadow .15s;white-space:nowrap;width:auto}.person-inline-input.person-title-input{color:#cbd5e1;font-size:13px;font-weight:500;opacity:.9}.person-inline-input:focus{border-bottom-color:#60a5fa80;color:#fff;outline:none;text-shadow:0 0 0 #0000}.person-inline-input:disabled{cursor:not-allowed;opacity:.6}.secondary-btn{background:#2c2c2c;border:1px solid #3b3b3b;border-radius:6px;color:#fff;cursor:pointer;padding:10px 14px;transition:background .2s,border-color .2s}.secondary-btn:hover{background:#353535;border-color:#4a4a4a}.delete-btn{background:#2c2c2c;border:1px solid #3b3b3b;border-radius:10px;color:#f87171;cursor:pointer;display:grid;height:44px;padding:10px;place-items:center;transition:background .2s,border-color .2s,color .2s;width:44px}.delete-btn svg{fill:currentColor;height:18px;width:18px}.delete-btn:hover{background:#3a1f1f;border-color:#ef4444;color:#fecdd3}.delete-btn:disabled{cursor:not-allowed;opacity:.6}.add-card-btn{background:#181818;border:1px dashed #3b3b3b;border-radius:10px;color:#cbd5e1;cursor:pointer;padding:12px;transition:border-color .2s,color .2s,background .2s;width:100%}.add-card-btn:hover{background:#1f1f1f;border-color:#60a5fa;color:#fff}.add-card-btn:disabled{cursor:not-allowed;opacity:.6}.export-actions{display:flex;gap:12px;margin-top:4px}.export-actions .export-btn,.export-actions .secondary-btn{align-items:center;display:inline-flex;flex:1 1;font-weight:700;height:52px;justify-content:center}.secondary-btn.ghost{background:#191919;border-color:#2f2f2f;color:#e5e7eb}.secondary-btn.ghost:hover{background:#222;border-color:#3b3b3b}.export-actions .export-btn,.export-btn.primary{margin-top:0}.export-progress-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000a6;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.export-progress-modal{background:#141414;border:1px solid #2f2f2f;border-radius:12px;box-shadow:0 20px 60px #00000073;display:flex;flex-direction:column;gap:10px;max-width:420px;min-width:320px;padding:18px 20px}.export-progress-header{font-size:16px;font-weight:800;letter-spacing:.02em}.export-progress-label{color:#cbd5e1;font-size:13px}.export-progress-bar{background:#1f2937;border:1px solid #2f384a;border-radius:999px;height:12px;overflow:hidden;position:relative;width:100%}.export-progress-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);inset:0;position:absolute;transition:width .2s ease;width:0}.export-progress-meta{color:#cbd5e1;display:flex;font-size:12px;justify-content:space-between}.export-cancel-btn{align-self:flex-end;background:#2c2c2c;border:1px solid #3b3b3b;border-radius:6px;color:#f8fafc;cursor:pointer;font-weight:700;margin-top:6px;padding:8px 12px;transition:background .2s,border-color .2s}.export-cancel-btn:hover{background:#353535;border-color:#4a4a4a}.crop-overlay-backdrop,.preset-overlay-backdrop{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#03050bc7;box-sizing:border-box;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1200}.preset-overlay-modal{background:#11151d;border:1px solid #243047;border-radius:14px;box-shadow:0 24px 70px #00000080;display:grid;grid-template-columns:300px minmax(0,1fr) 500px;height:min(920px,96vh);overflow:hidden;width:min(1760px,99vw)}.preset-overlay-left{background:linear-gradient(180deg,#121a28,#101722);border-right:1px solid #223146;display:flex;flex-direction:column;gap:12px;min-height:0;padding:16px}.preset-overlay-left-header{display:flex;flex-direction:column;gap:4px}.preset-overlay-left h3,.preset-overlay-main h3,.preset-overlay-right h3{font-size:17px;margin:0}.preset-dirty-dot{color:#f59e0b;font-size:12px}.preset-list{gap:8px;overflow-y:auto;padding-right:2px}.preset-list,.preset-list-item{display:flex;flex-direction:column}.preset-list-item{background:#151f2f;border:1px solid #2d3647;border-radius:10px;color:#e2e8f0;cursor:pointer;gap:2px;padding:10px 12px;text-align:left}.preset-list-item small{color:#94a3b8}.preset-list-item.selected{background:linear-gradient(135deg,#3b82f647,#1d4ed840);border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa80}.preset-overlay-main{overflow-y:auto}.preset-overlay-main,.preset-overlay-right{display:flex;flex-direction:column;gap:14px;min-height:0;padding:16px}.preset-overlay-right{background:linear-gradient(180deg,#111a28,#101722);border-left:1px solid #223146;overflow:hidden}.preset-overlay-right-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.preset-overlay-right-header small{color:#94a3b8}.themed-scrollbar{scrollbar-color:#475569 #101722;scrollbar-width:thin}.themed-scrollbar::-webkit-scrollbar{height:10px;width:10px}.themed-scrollbar::-webkit-scrollbar-track{background:#101722;border-radius:999px}.themed-scrollbar::-webkit-scrollbar-thumb{background:#475569;border:2px solid #101722;border-radius:999px}.themed-scrollbar::-webkit-scrollbar-thumb:hover{background:#64748b}.preset-overlay-right-split{grid-gap:24px;display:grid;flex:1 1;gap:24px;grid-template-rows:minmax(200px,340px) minmax(0,1fr) auto;min-height:0}.preset-overlay-right-top{height:100%;max-height:none;min-height:0}.preset-overlay-right-section{background:#0f172573;border:1px solid #223146;border-radius:10px;display:flex;flex-direction:column;gap:10px;min-height:0;padding:12px}.preset-overlay-right-section-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.preset-overlay-right-section-header h3{font-size:15px;margin:0}.preset-overlay-right-section-header small{color:#94a3b8}.preset-overlay-right-section-body{display:flex;flex-direction:column;min-height:0}.preset-overlay-right-top .preset-overlay-right-section-body{flex:1 1;min-height:120px;overflow-y:auto;padding-right:2px}.preset-overlay-right-middle .preset-overlay-right-section-body{display:flex;min-height:0}.preset-overlay-right-top .preset-overlay-main-controls{background:#0000;border:none;height:100%;margin:0;min-height:110px;padding:0}.preset-overlay-main-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.preset-main-actions{align-items:center;display:inline-flex;gap:8px}.preset-save-btn{background:linear-gradient(180deg,#1f4fd3,#1d3ea6);border-color:#2563eb;box-shadow:0 0 0 1px #60a5fa38,0 8px 20px #1d4ed838;color:#eff6ff;font-weight:700}.preset-save-btn:hover{background:linear-gradient(180deg,#2563eb,#1d4ed8);border-color:#3b82f6}.preset-save-btn:disabled{box-shadow:none}.preset-delete-btn{background:#3b1010;border-color:#7f1d1d;color:#fecaca}.preset-delete-btn:hover{background:#541616;border-color:#991b1b}.preset-overlay-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.preset-readonly-name{background:#1f2937;border:1px solid #2f3f58;border-radius:8px;color:#cbd5e1;font-weight:600;padding:9px 10px}.preset-position-inputs{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.preset-position-inputs label{display:flex;flex-direction:column;gap:4px}.logo-editor-group{background:#0f172599;border:1px solid #223046;border-radius:10px;padding:12px}.logo-toggle{align-items:center;color:#cbd5e1;display:inline-flex;font-size:13px;font-weight:500;gap:8px;letter-spacing:normal;text-transform:none}.logo-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.logo-file-input{display:none}.logo-thumb{background:#0f172a;border:1px solid #334155;border-radius:8px;height:52px;object-fit:cover;width:52px}.logo-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.overlay-preview-block{background:#101722;border:1px solid #233145;border-radius:10px;padding:12px}.overlay-preview-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.overlay-preview-header h4{font-size:14px;margin:0}.overlay-preview-header span{color:#93a4bc;font-size:12px}.overlay-preview-header-actions{align-items:center;display:inline-flex;gap:8px;margin-left:auto}.preset-overlay-preview-canvas{max-width:none;width:100%}.static-preview-stage,.static-preview-stage-frame{max-width:100%;position:relative;width:100%}.static-editor-preview .static-preview-stage,.static-preview-stage-frame{margin:0 auto}.preset-preview-undo-btn{font-size:12px;left:10px;min-height:30px;padding:6px 10px;position:absolute;top:10px;z-index:4}.preset-preview-snap-controls{align-items:center;display:inline-flex;gap:6px;position:absolute;right:10px;top:10px;z-index:4}.preset-preview-snap-toggle svg{height:19px;width:19px}.preset-snap-grid-overlay{z-index:1}.static-preview-canvas{cursor:default;display:block}.static-preview-canvas.cursor-grab{cursor:grab}.static-preview-canvas.cursor-grabbing{cursor:grabbing}.preview-primitives-toolbar{display:flex;flex-direction:column;gap:8px;margin-bottom:0}.preset-overlay-main-controls{background:#10172299;border:1px solid #233145;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:12px}.preset-overlay-controls-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.preset-overlay-controls-header h3{font-size:15px;margin:0}.overlay-preview-hint{color:#9fb3d0;font-size:12px;margin-top:8px}.preset-snap-guides{z-index:2}.selection-transform-box{background:#60a5fa14;border:2px dashed #60a5fa;z-index:3}.selection-marquee-box,.selection-transform-box{box-sizing:border-box;pointer-events:none;position:absolute}.selection-marquee-box{background:#60a5fa29;border:1px dashed #93c5fd;z-index:2}.binding-drop-preview-box{background:#10b98121;border:2px solid #34d399f2;border-radius:8px;box-shadow:0 0 0 1px #05966959,0 0 24px #10b98129;box-sizing:border-box;pointer-events:none;position:absolute;z-index:3}.binding-drop-preview-box.is-rebind{background:#f59e0b1f;border-color:#fbbf24f2;box-shadow:0 0 0 1px #d9770659,0 0 24px #f59e0b24}.binding-drop-preview-chip{background:#064e3bf0;border:1px solid #34d39973;border-radius:999px;box-shadow:0 6px 18px #00000059;color:#d1fae5;font-size:11px;font-weight:700;line-height:1;padding:4px 9px;pointer-events:none;position:absolute;transform:translateY(-100%);white-space:nowrap;z-index:4}.binding-drop-preview-chip.is-rebind{background:#78350ff0;border-color:#fbbf2473;color:#fef3c7}.selection-box-handle{background:#2563eb;border:1px solid #bfdbfe;border-radius:50%;box-shadow:0 0 0 2px #0f172aa6;cursor:nwse-resize;height:12px;padding:0;pointer-events:auto;position:absolute;width:12px}.selection-box-handle.ne,.selection-box-handle.sw{cursor:nesw-resize}.selection-box-handle.n,.selection-box-handle.s{cursor:ns-resize}.selection-box-handle.e,.selection-box-handle.w{cursor:ew-resize}.selection-box-handle.nw{left:-7px;top:-7px}.selection-box-handle.ne{right:-7px;top:-7px}.selection-box-handle.sw{bottom:-7px;left:-7px}.selection-box-handle.se{bottom:-7px;right:-7px}.selection-box-handle.n{left:50%;top:-7px;transform:translateX(-50%)}.selection-box-handle.e{right:-7px;top:50%;transform:translateY(-50%)}.selection-box-handle.s{bottom:-7px;left:50%;transform:translateX(-50%)}.selection-box-handle.w{left:-7px;top:50%;transform:translateY(-50%)}.selection-rotate-stem{background:#bfdbfee6;height:16px;top:-22px;width:2px}.selection-rotate-handle,.selection-rotate-stem{left:50%;position:absolute;transform:translateX(-50%)}.selection-rotate-handle{background:#1d4ed8;border:1px solid #bfdbfe;border-radius:50%;box-shadow:0 0 0 2px #0f172aa6;cursor:grab;height:14px;padding:0;pointer-events:auto;top:-30px;width:14px}.selection-rotate-handle:active{cursor:grabbing}.text-layer-controls-group{background:#0f172573;border:1px solid #223046;border-radius:10px;padding:12px}.text-layer-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px}.text-layer-actions .secondary-btn{font-size:11px;line-height:1.15;min-width:0;padding:8px;white-space:nowrap}.base-template-actions{margin-top:10px}.shape-primitives-group{background:#0f172573;border:1px solid #223046;border-radius:10px;padding:12px}.layer-editor-list{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow-y:auto;padding-right:2px}.layer-row{grid-gap:6px;background:#111827bf;border:1px solid #293548;border-radius:10px;display:grid;gap:6px;grid-template-columns:minmax(0,1fr);padding:6px}.layer-row.is-binding-parent{border-color:#285f52}.layer-row.is-binding-child{background:#0f1622e6;border-color:#314055}.layer-row.has-broken-binding{border-color:#7c2d12}.layer-row.focused,.layer-row.selected{border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa38}.layer-row.is-hidden{opacity:.75}.layer-row.is-hidden .layer-row-label{text-decoration:line-through}.layer-row.is-locked{border-color:#475569}.layer-row.is-dragging{opacity:.55}.layer-row-main{grid-gap:8px;align-items:center;background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;display:grid;gap:8px;grid-template-columns:auto auto minmax(0,1fr) auto;min-width:0;padding:4px 6px;text-align:left}.layer-row-main.is-nested{padding-left:18px;position:relative}.layer-row-main.is-nested:before{background:#475569;content:"";height:1px;left:8px;opacity:.9;position:absolute;top:50%;transform:translateY(-50%);width:8px}.layer-row-main:disabled{cursor:not-allowed;opacity:.75}.layer-row-drag-handle{color:#64748b;font-weight:700;letter-spacing:-1px}.layer-row-kind{align-items:center;background:#0f172a;border:1px solid #334155;border-radius:999px;color:#cbd5e1;display:inline-flex;font-size:11px;height:22px;justify-content:center;min-width:26px}.layer-row-kind svg{stroke:currentColor;fill:none;display:block;height:14px;width:14px}.layer-row-kind.template{border-color:#1d4ed8;color:#bfdbfe}.layer-row-kind.text{border-color:#7c3aed;color:#ddd6fe}.layer-row-kind.logo{border-color:#059669;color:#a7f3d0}.layer-row-kind.primitive{border-color:#ea580c;color:#fed7aa}.layer-row-label{min-width:0;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap}.layer-row-badge{background:#0f172ab3;border:1px solid #334155;border-radius:999px;color:#cbd5e1;font-size:10px;font-weight:700;line-height:1;padding:4px 7px;white-space:nowrap}.layer-row-badge.binding-parent{background:#065f4647;border-color:#10b98173;color:#bbf7d0}.layer-row-badge.binding-child{background:#1e40af33;border-color:#3b82f673;color:#bfdbfe}.layer-row-badge.binding-broken{background:#92400e38;border-color:#f59e0b73;color:#fde68a}.layer-row-linked-source-list{align-items:center;display:inline-flex;flex-wrap:wrap;gap:4px;max-width:100%}.layer-row-linked-source-chip{align-items:center;background:#1e40af29;border:1px solid #3b82f659;border-radius:999px;color:#dbeafe;display:inline-flex;font-size:10px;font-weight:700;line-height:1;padding:4px 7px;white-space:nowrap}.layer-row-linked-source-chip.is-primary{background:#065f463d;border-color:#10b98173;color:#bbf7d0}.layer-row-linked-source-chip.is-missing{background:#92400e2e;border-color:#f59e0b73;color:#fde68a}.layer-row-children{border-left:1px dashed #47556980;display:flex;flex-direction:column;gap:6px;margin:2px 0 0 16px;padding-left:8px}.layer-row-actions{align-items:center;display:flex;flex-wrap:wrap;gap:4px;grid-column:1/-1;justify-content:flex-start;padding:0 4px 2px}.layer-row-action{font-size:11px;height:30px;min-width:34px;padding:0 6px}.layer-action-eye-icon,.layer-action-lock-icon{display:block;height:20px;width:20px}.layer-action-delete-icon,.layer-action-dup-icon{display:block;height:18px;width:18px}.layer-row-action.is-active{background:#2563eb2e;border-color:#60a5fa}.layer-row-action-icon-btn{align-items:center;display:inline-flex;justify-content:center;padding:0}.layer-row-action-duplicate{color:#fff}.layer-row-action-delete{color:#f87171}.layer-row-action-replace{min-width:58px;padding:0 8px}.layer-row-action-remove-link,.layer-row-action-select-linked,.layer-row-action-unbind{flex:0 1 auto;min-width:0;padding:0 8px;white-space:nowrap}.layer-row-action-remove-link{color:#bfdbfe}.layer-row-action-unbind{color:#fcd34d}.primitive-add-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.primitive-add-menu{position:relative}.primitive-add-split{align-items:stretch;display:inline-flex}.primitive-add-main-btn,.primitive-text-main-btn{align-items:center;border-bottom-right-radius:0;border-top-right-radius:0;display:inline-flex;gap:8px;min-height:42px;padding:0 12px}.primitive-text-main-btn{white-space:nowrap}.primitive-template-add-btn{min-height:42px;white-space:nowrap}.primitive-text-label{font-weight:700;line-height:1}.primitive-add-main-btn:disabled .primitive-shape-icon{opacity:.65}.primitive-add-main-label{font-weight:600;white-space:nowrap}.primitive-add-toggle-btn{align-items:center;border-bottom-left-radius:0;border-top-left-radius:0;display:inline-flex;justify-content:center;margin-left:-1px;min-height:42px;min-width:34px;padding:0;width:34px}.primitive-add-toggle-btn svg{display:block;height:16px;width:16px}.primitive-add-toggle-btn.is-open{background:#2563eb2e;border-color:#60a5fa}.primitive-add-dropdown{background:#101722;border:1px solid #2f3f58;border-radius:10px;bottom:calc(100% + 6px);box-shadow:0 12px 30px #00000073;display:flex;flex-direction:column;gap:4px;left:0;min-width:54px;padding:6px;position:absolute;z-index:15}.primitive-add-option{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#dbe7f7;cursor:pointer;display:flex;gap:0;justify-content:center;min-height:40px;min-width:40px;padding:0;text-align:center;transition:background .15s,border-color .15s,transform .1s;width:100%}.text-add-dropdown{min-width:132px}.text-add-option{justify-content:flex-start;min-height:36px;padding:0 10px}.text-add-option-label{font-size:13px;font-weight:600}.primitive-add-option:hover:not(:disabled){background:#ffffff0a;border-color:#334155;transform:translateY(-1px)}.primitive-add-option.selected{background:#2563eb2e;border-color:#60a5fa}.primitive-add-option:disabled{cursor:not-allowed;opacity:.65}.primitive-add-btn{align-items:center;display:inline-flex;height:42px;justify-content:center;min-width:42px;padding:0;width:42px}.primitive-add-btn svg{stroke:#dbe7f7;fill:none;stroke-width:2;vector-effect:non-scaling-stroke;height:22px;width:22px}.primitive-shape-icon{stroke:currentColor;fill:none;display:block;height:20px;width:20px}.primitive-add-plus-icon{stroke:currentColor;fill:none;display:block;height:14px;opacity:.95;width:14px}.primitive-add-btn:disabled svg{opacity:.65}.primitive-image-btn{align-items:center;display:inline-flex;height:42px;justify-content:center;margin-left:0;min-width:42px;padding:0;width:42px}.primitive-image-btn svg{stroke:currentColor;fill:none;height:20px;width:20px}.primitive-image-add-icon{vector-effect:non-scaling-stroke}.primitive-image-add-icon-plus{opacity:.95}.primitive-logo-btn:disabled{box-shadow:none;opacity:.65}.primitive-template-restore-btn{min-height:42px;white-space:nowrap}.primitive-list-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.primitive-item-btn{background:#111827;border:1px solid #334155;border-radius:8px;color:#dbe7f7;cursor:pointer;font-size:12px;padding:6px 9px;text-transform:capitalize}.primitive-item-btn.selected{background:#2563eb33;border-color:#60a5fa}.primitive-selected-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-top:10px}.primitive-inputs{grid-template-columns:repeat(4,minmax(0,1fr))}.primitive-toggle-row{align-items:center;display:flex;gap:12px;margin-top:8px}.primitive-color-section{display:flex;flex-direction:column;gap:8px;margin-top:10px}.primitive-color-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.primitive-color-row label{display:flex;flex-direction:column;gap:4px}.primitive-color-row input[type=color]{height:36px;padding:2px}.crop-overlay-modal{background:#111827;border:1px solid #2a3f60;border-radius:12px;box-shadow:0 20px 70px #00000080;display:flex;flex-direction:column;gap:12px;padding:18px;width:min(560px,94vw)}.crop-overlay-header h3{margin:0}.crop-overlay-header p{color:#9fb2cf;font-size:13px;margin:4px 0 0}.crop-frame{aspect-ratio:1/1;background:#0b1220;border:1px solid #334155;border-radius:12px;cursor:grab;margin:0 auto;overflow:hidden;position:relative;width:min(440px,75vw)}.crop-frame:active{cursor:grabbing}.crop-image{left:50%;pointer-events:none;position:absolute;top:50%;transform-origin:center;-webkit-user-select:none;user-select:none;z-index:1}.crop-frame-circle-mask{border-radius:50%;box-shadow:0 0 0 999px #03071294;z-index:2}.crop-frame-circle-mask,.crop-frame-guide{inset:0;pointer-events:none;position:absolute}.crop-frame-guide{border:2px solid #94a3b899;border-radius:12px;z-index:3}.crop-controls{align-items:center;display:flex;gap:12px}.crop-controls label{min-width:34px}.crop-controls input[type=range]{flex:1 1}.crop-overlay-actions{display:flex;gap:8px;justify-content:flex-end}@media (max-width:1080px){.preset-overlay-modal{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto;max-height:94vh}.preset-overlay-left{border-bottom:1px solid #223146;border-right:none;grid-row:auto;max-height:220px}.preset-overlay-main,.preset-overlay-right{grid-column:auto;grid-row:auto}.preset-overlay-right{border-left:none;border-top:1px solid #223146;overflow-y:auto}.preset-overlay-right-split{grid-template-rows:auto auto auto;min-height:auto}.preset-overlay-right-top{height:auto;max-height:none;min-height:0}.preset-overlay-right-split{grid-template-rows:minmax(180px,42vh) auto auto}.primitive-inputs{grid-template-columns:repeat(2,minmax(0,1fr))}.primitive-color-row{grid-template-columns:1fr}}
/*# sourceMappingURL=main.d9617406.css.map*/