:root{--bg: #0a0a0a;--surface: #1a1a1a;--border: #333;--text: #fff;--text-muted: #888;--primary: #6366f1;--primary-hover: #818cf8;--danger: #ef4444;--success: #22c55e;--warning: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.toolbar{display:flex;gap:.75rem;padding:1rem;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;flex-wrap:wrap}.toolbar button{padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;font-size:.875rem;transition:all .2s}.toolbar button:hover:not(:disabled){background:var(--primary);border-color:var(--primary)}.toolbar button:disabled{opacity:.4;cursor:not-allowed}.toolbar button.active,.toolbar button.present-btn{background:var(--primary);border-color:var(--primary)}.slide-nav{display:flex;align-items:center;gap:.5rem;margin-left:auto}.grid-view{flex:1;display:flex;flex-direction:column;padding:1rem;gap:1rem}.numbering-hint{background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:.5rem;text-align:center;font-size:.875rem}.grid-main{flex:1;display:flex;gap:1rem}.drop-zone{flex:1;border:2px dashed var(--border);border-radius:1rem;padding:1rem;transition:all .2s;min-height:300px;overflow-y:auto}.drop-zone.dragging{border-color:var(--primary);background:#6366f11a}.drop-zone.scanning{border-color:var(--warning);background:#f59e0b0f;pointer-events:none}.scanning-hint{color:var(--warning)!important;animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.drop-zone.empty{display:flex;align-items:center;justify-content:center}.drop-hint{color:var(--text-muted);font-size:1.25rem}.slides-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.75rem}.slide-thumb{position:relative;aspect-ratio:9/16;border-radius:.5rem;overflow:hidden;cursor:grab;border:2px solid transparent;transition:all .2s}.slide-thumb:hover{border-color:var(--primary)}.slide-thumb.drag-over{border-color:var(--success);transform:scale(1.05)}.slide-thumb.numbering{cursor:pointer}.slide-thumb img,.slide-thumb video{width:100%;height:100%;object-fit:cover}.slide-index{position:absolute;top:.25rem;left:.25rem;background:#000000b3;color:#fff;padding:.125rem .375rem;border-radius:.25rem;font-size:.625rem}.thumb-text{position:absolute;bottom:0;left:0;right:0;background:#000c;color:#fff;padding:.25rem;font-size:.5rem;line-height:1.2;max-height:40%;overflow:hidden;text-overflow:ellipsis}.number-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--primary);color:#fff;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.remove-btn{position:absolute;top:.25rem;right:.25rem;width:1.25rem;height:1.25rem;border-radius:50%;border:none;background:var(--danger);color:#fff;cursor:pointer;font-size:.75rem;line-height:1;opacity:0;transition:opacity .2s}.slide-thumb:hover .remove-btn{opacity:1}.text-panel{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:.75rem;background:var(--surface);border-radius:.75rem;padding:1rem;border:1px solid var(--border)}.text-panel textarea{flex:1;min-height:200px;padding:.75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg);color:var(--text);resize:none;font-family:inherit;font-size:.875rem}.text-count{font-size:.75rem;color:var(--text-muted)}.text-count .mismatch{color:var(--warning);font-weight:600}.text-panel button{padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border);background:var(--primary);color:var(--text);cursor:pointer;font-weight:600}.text-panel button:hover:not(:disabled){background:var(--primary-hover)}.text-panel button:disabled{opacity:.4;background:var(--surface)}.preview-view{flex:1;display:flex;flex-direction:column;padding:1rem;gap:1rem}.preview-container{flex:1;display:flex;gap:2rem;align-items:flex-start;justify-content:center}.slide-preview{position:relative;width:280px;aspect-ratio:9/16;border-radius:1rem;overflow:hidden;background:var(--surface);flex-shrink:0}.slide-preview img,.slide-preview video{width:100%;height:100%;object-fit:cover}.text-overlay{position:absolute;text-align:center;cursor:move;max-width:90%;-webkit-user-select:none;user-select:none}.text-overlay.dragging{opacity:.8}.tiktok-text{display:inline;font-weight:700;line-height:1.6;padding:.25rem .5rem;border-radius:.375rem;box-decoration-break:clone;-webkit-box-decoration-break:clone;white-space:pre-wrap}.text-overlay.white .tiktok-text{color:#fff;background:#0009;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.text-overlay.black .tiktok-text{color:#000;background:#ffffffb3;text-shadow:-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff,1px 1px 0 #fff}.resize-handle{position:absolute;bottom:-20px;right:-20px;width:24px;height:24px;border-radius:50%;background:var(--primary);border:2px solid white;color:#fff;font-size:12px;cursor:nwse-resize;display:flex;align-items:center;justify-content:center;opacity:.8}.resize-handle:hover{opacity:1;transform:scale(1.1)}.drag-hint{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);background:#000000b3;color:var(--text-muted);padding:.25rem .5rem;border-radius:.25rem;font-size:.625rem;white-space:nowrap}.text-editor{display:flex;flex-direction:column;gap:.5rem;max-width:300px}.text-editor label{font-weight:600;color:var(--text-muted);font-size:.875rem}.text-editor textarea{padding:.75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text);resize:vertical;font-family:inherit}.text-preview-hint{font-size:.75rem;color:var(--text-muted)}.slide-thumbs{display:flex;gap:.5rem;overflow-x:auto;padding:.5rem 0}.thumb{position:relative;width:50px;aspect-ratio:9/16;border-radius:.375rem;overflow:hidden;cursor:pointer;border:2px solid transparent;flex-shrink:0}.thumb:hover{border-color:var(--text-muted)}.thumb.active{border-color:var(--primary)}.thumb img,.thumb video{width:100%;height:100%;object-fit:cover}.thumb span{position:absolute;bottom:0;left:0;right:0;background:#000000b3;color:#fff;font-size:.625rem;text-align:center}.present-view{position:fixed;inset:0;background:#000;display:flex;flex-direction:column}.present-main{flex:1;display:flex;align-items:center;justify-content:center;cursor:pointer}.slide-fullscreen{position:relative;max-height:100vh;max-width:100vw;aspect-ratio:9/16;height:100vh}.slide-fullscreen img,.slide-fullscreen video{width:100%;height:100%;object-fit:cover}.slide-fullscreen .tiktok-text{font-size:1.5rem}.present-corner-controls{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;z-index:10}.present-view:hover .present-corner-controls,.present-view.show-controls .present-corner-controls{opacity:1;transform:translateY(0)}.present-controls-group{display:flex;gap:.5rem;align-items:center;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:.5rem;padding:.5rem}.present-corner-controls button{padding:.5rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:transparent;color:#fff;cursor:pointer;font-size:.875rem;min-width:2.5rem;transition:all .2s}.present-corner-controls button:hover:not(:disabled){background:var(--primary);border-color:var(--primary)}.present-corner-controls button:disabled{opacity:.3;cursor:not-allowed}.present-corner-controls .exit-btn{background:var(--danger);border-color:var(--danger);padding:.5rem .75rem;border-radius:.5rem}.present-corner-controls .exit-btn:hover{background:#dc2626;border-color:#dc2626}.present-controls-group span{color:#fff;font-size:.875rem;padding:0 .5rem;min-width:4rem;text-align:center}.progress-bar{height:3px;background:#fff3}.progress-fill{height:100%;background:var(--primary);transition:width .3s}.empty-state{color:var(--text-muted);font-size:1.25rem}.modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.75rem;width:100%;max-width:440px;box-shadow:0 24px 64px #000c;display:flex;flex-direction:column;gap:1rem}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.1rem;font-weight:700;color:var(--text)}.modal-close{width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:1.1rem;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--danger);border-color:var(--danger);color:#fff}.modal-description{font-size:.8rem;color:var(--text-muted);line-height:1.5}.modal-description a{color:var(--primary-hover);text-decoration:none}.modal-description a:hover{text-decoration:underline}.modal-description code{background:#6366f126;color:var(--primary-hover);padding:.1rem .35rem;border-radius:.25rem;font-size:.75rem}.modal-form{display:flex;flex-direction:column;gap:.875rem}.modal-form label{display:flex;flex-direction:column;gap:.35rem}.modal-form label>span:first-child{font-size:.8rem;font-weight:600;color:var(--text-muted)}.modal-form input{padding:.6rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.875rem;font-family:inherit;transition:border-color .2s}.modal-form input:focus{outline:none;border-color:var(--primary)}.field-hint{font-size:.7rem;color:var(--text-muted)}.required{color:var(--danger)}.optional{color:var(--text-muted);font-weight:400;font-size:.7rem}.modal-error{background:#ef44441f;border:1px solid rgba(239,68,68,.35);border-radius:.5rem;padding:.6rem .75rem;font-size:.8rem;color:#fca5a5}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.btn-secondary{padding:.6rem 1.25rem;border-radius:.5rem;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.875rem;transition:all .2s}.btn-secondary:hover{background:var(--border);color:var(--text)}.btn-primary{padding:.6rem 1.5rem;border-radius:.5rem;border:none;background:var(--primary);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;transition:all .2s;min-width:6rem}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.loading-dots span{animation:blink 1.2s infinite}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.modal-card{max-width:520px}.modal-section{display:flex;flex-direction:column;gap:.9rem}.modal-steps{display:flex;align-items:center;gap:0;margin-bottom:.25rem}.modal-step{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted);transition:color .2s}.modal-step.active{color:var(--primary-hover);font-weight:600}.modal-step.done{color:var(--success)}.step-num{width:1.4rem;height:1.4rem;border-radius:50%;border:1px solid currentColor;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.step-line{flex:1;height:1px;background:var(--border);margin:0 .5rem}.url-input-wrap{display:flex;flex-direction:column;gap:.4rem}.url-input-wrap input{width:100%;padding:.7rem .85rem;border-radius:.5rem;border:1.5px solid var(--border);background:var(--bg);color:var(--text);font-size:.875rem;font-family:inherit;transition:border-color .2s}.url-input-wrap input:focus{outline:none;border-color:var(--primary)}.url-input-wrap input.input-valid{border-color:var(--success)}.url-input-wrap input.input-invalid{border-color:var(--danger)}.url-parsed{display:flex;gap:1rem;font-size:.72rem;color:var(--success)}.url-parsed code{background:#22c55e1f;padding:.1rem .35rem;border-radius:.25rem;font-size:.7rem}.url-unparsed{font-size:.72rem;color:var(--danger)}.url-unparsed code{background:#ef44441f;padding:.1rem .25rem;border-radius:.2rem}.column-picker{display:flex;flex-direction:column;gap:.5rem;max-height:310px;overflow-y:auto;border:1px solid var(--border);border-radius:.75rem;padding:.5rem;background:var(--bg)}.column-picker::-webkit-scrollbar{width:4px}.column-picker::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.column-group{display:flex;flex-direction:column;gap:.25rem}.column-group-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);padding:.25rem .5rem}.column-group-other .column-group-label{opacity:.5}.field-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .65rem;border-radius:.5rem;border:1px solid transparent;transition:all .15s;background:var(--surface)}.field-row:hover{border-color:var(--border)}.field-row-image{border-color:var(--primary)!important;background:#6366f114!important}.field-row-text{border-color:var(--success)!important;background:#22c55e0f!important}.field-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.field-name{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-type{font-size:.65rem;color:var(--text-muted)}.field-actions{display:flex;gap:.35rem;flex-shrink:0}.field-btn{padding:.25rem .6rem;border-radius:.375rem;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.7rem;transition:all .15s;white-space:nowrap}.field-btn:hover{background:#6366f126;border-color:var(--primary);color:var(--primary-hover)}.field-btn-text:hover{background:#22c55e1f;border-color:var(--success);color:var(--success)}.field-btn-active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;font-weight:600}.field-btn-text.field-btn-active{background:var(--success)!important;border-color:var(--success)!important}.selection-summary{display:flex;gap:1rem;font-size:.78rem;padding:.5rem .75rem;border-radius:.5rem;background:#ffffff08;border:1px solid var(--border)}.summary-set{color:var(--text);font-weight:600}.summary-empty{color:var(--danger)}.summary-optional{color:var(--text-muted)}.source-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border);padding-bottom:.75rem}.source-tab{padding:.45rem 1rem;border-radius:.5rem;border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;font-size:.85rem;display:flex;align-items:center;gap:.4rem;transition:all .15s}.source-tab:hover{background:#6366f11a;color:var(--text)}.source-tab.active{background:#6366f126;border-color:var(--primary);color:var(--primary-hover);font-weight:600}.file-drop-area{border:2px dashed var(--border);border-radius:.75rem;padding:2rem 1rem;text-align:center;cursor:pointer;color:var(--text-muted);font-size:.875rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .2s;-webkit-user-select:none;user-select:none}.file-drop-area:hover{border-color:var(--primary);background:#6366f10d;color:var(--text)}.file-drop-area.drag-over{border-color:var(--primary);background:#6366f11a;color:var(--primary-hover)}.file-drop-area.has-file{border-style:solid;border-color:var(--success);background:#22c55e0f;color:var(--text)}.file-icon{font-size:2rem;line-height:1}.file-name{font-size:.8rem;font-weight:600;word-break:break-all}.sheet-tabs{display:flex;gap:.35rem;flex-wrap:wrap}.sheet-tab{padding:.3rem .75rem;border-radius:.375rem;border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer;font-size:.75rem;transition:all .15s}.sheet-tab:hover{border-color:var(--primary);color:var(--primary-hover)}.sheet-tab.active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}