html,body,#root{min-height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;margin:0}:root{--ink:#18202d;--muted:#6f7b8c;--soft:#97a2b3;--paper:#f6f8fb;--panel:#fff;--panel-soft:#f9fbfd;--line:#dfe6ef;--line-strong:#c9d4e2;--accent:#2d7ff9;--accent-soft:#e8f1ff;--mint:#24a898;--warning:#d97928;--danger:#df4b4b;--shadow-soft:0 18px 44px rgba(26,38,58,.08);--shadow-small:0 8px 20px rgba(26,38,58,.06);--radius:8px;--mono:"SFMono-Regular","Cascadia Mono","Liberation Mono",monospace;--sans:"Avenir Next","Segoe UI","Helvetica Neue",sans-serif}*{box-sizing:border-box}button,input{font:inherit}button{border-radius:6px}.lottie-uploader{min-height:100vh;color:var(--ink);background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(246,248,251,.96)),var(--paper);font-family:var(--sans);grid-template-columns:minmax(280px,336px) minmax(0,1fr);gap:16px;padding:16px;display:grid;overflow:hidden}.folder-input{display:none}.left-rail,.stage-shell{border:1px solid var(--line);border-radius:var(--radius);min-height:0;box-shadow:var(--shadow-soft);background:rgba(255,255,255,.92)}.left-rail{flex-direction:column;gap:14px;padding:16px;display:flex;overflow:hidden}.brand-block{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:14px;display:flex}.brand-mark{width:42px;height:42px;color:var(--accent);background:linear-gradient(#f7fbff,#edf5ff);border:1px solid #d8e6fb;border-radius:8px;flex:0 0 42px;align-items:center;justify-items:center;display:grid}.brand-mark svg{width:30px;height:30px}.brand-block h1,.stage-topbar h2{letter-spacing:0;margin:0;font-weight:750}.brand-block h1{font-size:1.18rem;line-height:1.08}.brand-block p{color:var(--muted);letter-spacing:0;margin:4px 0 0;font-size:.76rem}.dropzone{border-radius:var(--radius);cursor:pointer;background:linear-gradient(#fbfdff,#f3f7fc);border:1px dashed #b9c8db;flex-direction:column;min-height:188px;padding:18px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:flex;position:relative}.dropzone:hover,.dropzone.active{border-color:var(--accent);box-shadow:var(--shadow-small);background:linear-gradient(#fff,#eef6ff);transform:translateY(-1px)}.dropzone-icon{width:48px;height:48px;color:var(--accent);background:var(--accent-soft);border:1px solid #d7e5f8;border-radius:8px;align-items:center;justify-items:center;margin-bottom:auto;display:grid}.dropzone-icon svg{width:27px;height:27px}.dropzone-title{color:var(--ink);margin:24px 0 8px;font-size:1.08rem;font-weight:740;line-height:1.24}.dropzone-copy,.empty-queue,.file-meta small,.eyebrow,.status-strip,.timeline-labels{color:var(--muted)}.dropzone-copy{max-width:230px;margin:0;font-size:.84rem;line-height:1.55}.upload-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.upload-actions button,.speed-controls button{border:1px solid var(--line);height:38px;color:var(--ink);background:var(--panel);cursor:pointer;transition:border-color .15s,background .15s,color .15s,transform .15s}.upload-actions button:hover,.speed-controls button:hover:not(:disabled){background:var(--panel-soft);border-color:#bfd0e4;transform:translateY(-1px)}.queue-panel{flex-direction:column;flex:1;min-height:0;padding-top:4px;display:flex}.queue-header,.stage-topbar,.status-strip,.transport,.transport-buttons,.canvas-background,.speed-controls,.timeline-labels{align-items:center;display:flex}.queue-header{font-family:var(--mono);text-transform:uppercase;justify-content:space-between;margin-bottom:10px;font-size:.72rem}.queue-header strong{min-width:26px;height:22px;color:var(--accent);background:var(--accent-soft);border:1px solid #d7e5f8;border-radius:999px;align-items:center;justify-items:center;display:grid}.file-list{flex-direction:column;gap:8px;min-height:0;padding-right:2px;display:flex;overflow:auto}.empty-queue{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);align-items:center;justify-items:center;min-height:112px;font-size:.88rem;display:grid}.file-item{border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:var(--panel);text-align:left;cursor:pointer;grid-template-columns:34px minmax(0,1fr) 26px;align-items:center;gap:10px;padding:10px;transition:border-color .15s,background .15s,box-shadow .15s;display:grid}.file-item:hover,.file-item.active{box-shadow:var(--shadow-small);background:#f7fbff;border-color:#b8cef0}.file-index{width:28px;height:28px;color:var(--accent);background:var(--accent-soft);font-family:var(--mono);border-radius:999px;align-items:center;justify-items:center;font-size:.7rem;display:grid}.file-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.file-meta strong,.file-meta small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-meta strong{font-size:.9rem;font-weight:700}.file-meta small{font-family:var(--mono);font-size:.68rem}.delete-btn{width:26px;height:26px;color:var(--soft);background:0 0;border:1px solid transparent;align-items:center;justify-items:center;font-size:1.15rem;line-height:1;display:grid}.delete-btn:hover{color:var(--danger);background:#fff5f5;border-color:#f2caca}.stage-shell{flex-direction:column;gap:14px;padding:16px;display:flex;overflow:hidden}.stage-topbar{justify-content:space-between;gap:16px}.eyebrow{font-family:var(--mono);text-transform:uppercase;margin-bottom:6px;font-size:.7rem;display:block}.stage-topbar h2{text-overflow:ellipsis;white-space:nowrap;max-width:min(56vw,720px);font-size:max(1.28rem,min(2.4vw,2rem));line-height:1.1;overflow:hidden}.status-strip{font-family:var(--mono);flex-wrap:wrap;flex:none;justify-content:flex-end;gap:7px;font-size:.7rem}.status-strip span{border:1px solid var(--line);background:var(--panel-soft);text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;height:30px;padding:7px 9px;display:inline-flex}.status-strip .warning-pill{color:#8a4a16;background:#fff7ed;border-color:#f0d0ae}.status-strip .playback-pill{width:68px}.audit-banner{border-radius:var(--radius);color:var(--ink);background:#fffaf3;border:1px solid #f0d0ae;justify-content:space-between;gap:16px;padding:10px 12px;display:flex}.audit-banner div{align-items:center;gap:10px;min-width:0;display:flex}.audit-banner strong{color:var(--warning);font-family:var(--mono);text-transform:uppercase;flex:none;font-size:.7rem}.audit-banner span,.audit-banner small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.audit-banner span{font-size:.82rem}.audit-banner small{color:var(--muted);font-family:var(--mono);text-align:right;flex:0 42%;font-size:.68rem}.phone-stage{border-radius:var(--radius);background-color:#fbfcfe;background-image:linear-gradient(#f1f5f9 1px,transparent 1px),linear-gradient(90deg,#f1f5f9 1px,transparent 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #eef2f7;flex:1;align-items:center;justify-items:center;min-height:0;padding:18px;display:grid;overflow:hidden}.phone-frame{aspect-ratio:375/812;border:1px solid var(--line-strong);background:var(--panel);border-radius:8px;width:min(375px,46.1823vh - 120.074px,100%);padding:0;display:block;box-shadow:0 16px 38px rgba(26,38,58,.1)}.lottie-wrapper{background:var(--canvas-background,#fff);border-radius:7px;align-items:center;justify-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.lottie-animation{width:100%;height:100%}.empty-state{color:#64748b;text-align:center;align-items:center;justify-items:center;gap:12px;padding:26px;display:grid}.empty-state p{max-width:220px;margin:0;font-size:.9rem;line-height:1.55}.empty-code{color:#334155;font-family:var(--mono);text-transform:uppercase;background:rgba(255,255,255,.78);border:1px solid rgba(100,116,139,.2);border-radius:999px;padding:5px 9px;font-size:.72rem}.transport{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);flex-wrap:wrap;gap:14px;padding:12px}.transport-buttons{gap:8px}.icon-btn{color:#fff;background:var(--accent);cursor:pointer;border:1px solid #1f6fe5;align-items:center;justify-items:center;width:46px;height:46px;transition:transform .15s,background .15s,box-shadow .15s;display:grid}.icon-btn.secondary{color:var(--ink);border-color:var(--line-strong);background:var(--panel)}.icon-btn:disabled,.speed-controls button:disabled,.frame-slider:disabled{opacity:.42;cursor:not-allowed}.icon-btn:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(45,127,249,.2)}.icon-btn svg{width:22px;height:22px}.timeline{flex:1;min-width:150px}.timeline-labels{font-family:var(--mono);justify-content:space-between;margin-bottom:6px;font-size:.7rem}.timeline-labels span{align-items:baseline;gap:6px;display:flex}.timeline-labels span:last-child{justify-content:flex-end}.timeline-labels small{color:var(--soft);font-size:.7rem}.frame-slider{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;cursor:pointer;background:0 0;width:100%;height:24px;margin:0}.frame-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent)var(--progress),#d7e0eb var(--progress));border-radius:999px;height:7px}.frame-slider::-webkit-slider-thumb{background:var(--accent);-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;appearance:none;border:3px solid #fff;border-radius:999px;width:17px;height:17px;margin-top:-5px;box-shadow:0 2px 8px rgba(45,127,249,.28)}.frame-slider::-moz-range-track{background:#d7e0eb;border-radius:999px;height:7px}.frame-slider::-moz-range-progress{background:var(--accent);border-radius:999px;height:7px}.frame-slider::-moz-range-thumb{background:var(--accent);border:3px solid #fff;border-radius:999px;width:17px;height:17px;box-shadow:0 2px 8px rgba(45,127,249,.28)}.speed-controls{gap:6px}.speed-controls button{min-width:44px;font-family:var(--mono);padding:0 10px;font-size:.7rem}.speed-controls button.active{color:var(--accent);background:var(--accent-soft);border-color:#b8cef0}.loop-toggle{border:1px solid var(--line);min-height:38px;color:var(--ink);background:var(--panel);font-family:var(--mono);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:7px;padding:0 10px;font-size:.7rem;display:flex}.loop-toggle input{width:15px;height:15px;accent-color:var(--accent);margin:0}.loop-toggle:has(input:checked){color:var(--accent);background:var(--accent-soft);border-color:#b8cef0}.loop-toggle:has(input:disabled){opacity:.42;cursor:not-allowed}.canvas-background{border:1px solid var(--line);background:var(--panel);min-height:38px;font-family:var(--mono);border-radius:6px;gap:6px;padding:0 8px;font-size:.7rem}.canvas-background span{color:var(--muted)}.canvas-background button{border:1px solid var(--line);min-width:34px;height:26px;color:var(--ink);background:var(--panel-soft);cursor:pointer;padding:0 7px}.canvas-background button.active{color:var(--accent);background:var(--accent-soft);border-color:#b8cef0}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c8d3e1;border-radius:999px}@media (max-width:980px){.lottie-uploader{grid-template-columns:1fr;min-height:auto;overflow:auto}.left-rail{overflow:visible}.stage-shell{min-height:760px}.stage-topbar,.transport{flex-direction:column;align-items:stretch}.status-strip{justify-content:flex-start}}@media (max-width:560px){.lottie-uploader{padding:10px}.left-rail,.stage-shell{padding:12px}.phone-stage{padding:8px}.phone-frame{width:min(100%,330px)}.upload-actions,.transport-buttons,.speed-controls{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.icon-btn,.speed-controls button,.loop-toggle,.canvas-background{width:100%}.canvas-background{justify-content:space-between}}
/*# sourceMappingURL=main.6ffcc1fc.css.map*/