.slide-list[data-v-4cbd517a]{width:160px;flex-shrink:0;display:flex;flex-direction:column;background:var(--bg-panel);border-right:1px solid var(--border)}.slide-list-scroll[data-v-4cbd517a]{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.slide-thumb[data-v-4cbd517a]{cursor:pointer;border:2px solid transparent;border-radius:4px;overflow:hidden;background:var(--bg-input);transition:border-color .15s}.slide-thumb[data-v-4cbd517a]:hover{border-color:var(--border)}.slide-thumb.selected[data-v-4cbd517a]{border-color:var(--accent)}.thumb-aspect[data-v-4cbd517a]{position:relative;width:100%;padding-top:56.25%}.thumb-image[data-v-4cbd517a],.thumb-placeholder[data-v-4cbd517a]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.thumb-image[data-v-4cbd517a]{object-fit:cover}.thumb-placeholder[data-v-4cbd517a]{background:var(--bg-elevated)}.thumb-footer[data-v-4cbd517a]{display:flex;align-items:center;justify-content:space-between;padding:2px 4px}.thumb-number[data-v-4cbd517a]{font-size:.7rem;color:var(--text-secondary)}.thumb-remove[data-v-4cbd517a]{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1rem;line-height:1;padding:0 2px}.thumb-remove[data-v-4cbd517a]:hover{color:var(--danger)}.add-slide-btn[data-v-4cbd517a]{margin:8px;padding:8px;background:var(--bg-elevated);border:1px dashed var(--border);border-radius:4px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:background .15s,color .15s}.add-slide-btn[data-v-4cbd517a]:hover{background:var(--bg-hover);color:var(--text-primary)}.slide-editor[data-v-0c335d89]{width:240px;flex-shrink:0;overflow-y:auto;background:var(--bg-panel);border-left:1px solid var(--border);display:flex;flex-direction:column;gap:0}.editor-section[data-v-0c335d89]{padding:12px 14px;border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:6px}.section-label[data-v-0c335d89]{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.text-input[data-v-0c335d89]{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);font-size:.85rem;padding:5px 7px;width:100%;resize:vertical}.text-input[data-v-0c335d89]:focus{outline:none;border-color:var(--accent)}.image-pick[data-v-0c335d89]{display:flex;flex-direction:column;gap:6px}.image-thumb-wrap[data-v-0c335d89]{width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:3px;background:var(--bg-input)}.image-thumb[data-v-0c335d89]{width:100%;height:100%;object-fit:cover}.layout-grid[data-v-0c335d89]{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:96px}.layout-cell[data-v-0c335d89]{aspect-ratio:1;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;cursor:pointer;padding:0;transition:background .1s,border-color .1s}.layout-cell[data-v-0c335d89]:hover{background:var(--bg-hover)}.layout-cell.active[data-v-0c335d89]{background:var(--accent);border-color:var(--accent)}.checkbox-row[data-v-0c335d89]{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-primary);cursor:pointer}.tint-row[data-v-0c335d89]{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-primary)}.tint-row input[type=color][data-v-0c335d89]{width:28px;height:24px;padding:0;border:1px solid var(--border);border-radius:3px;background:none;cursor:pointer}.btn[data-v-0c335d89]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:5px 10px;transition:background .15s}.btn[data-v-0c335d89]:hover{background:var(--bg-hover)}.btn-sm[data-v-0c335d89]{padding:2px 7px;font-size:.75rem}.modal-backdrop[data-v-3ddb957a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-frame[data-v-3ddb957a]{width:min(80vw,calc((82vh - 52px) * 16 / 9));display:flex;flex-direction:column;border-radius:6px;overflow:hidden;box-shadow:0 8px 64px #000c}.modal-stage[data-v-3ddb957a]{position:relative;width:100%;aspect-ratio:16 / 9}.modal-close[data-v-3ddb957a]{position:absolute;top:10px;right:12px;z-index:10;background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;line-height:1;width:28px;height:28px;display:flex;align-items:center;justify-content:center;padding-bottom:4px;opacity:0;transition:opacity .2s}.modal-stage:hover .modal-close[data-v-3ddb957a]{opacity:1}.modal-controls[data-v-3ddb957a]{height:52px;background:#111;display:flex;align-items:center;justify-content:center;gap:20px;flex-shrink:0}.ctrl-btn[data-v-3ddb957a]{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.1rem;line-height:1;padding:6px 10px;border-radius:4px;transition:color .15s,background .15s}.ctrl-btn[data-v-3ddb957a]:hover{color:#fff;background:#ffffff14}.ctrl-play[data-v-3ddb957a]{font-size:1.3rem;color:#fff}.help-backdrop[data-v-7ca12072]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.help-modal[data-v-7ca12072]{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;width:min(680px,90vw)}.help-header[data-v-7ca12072]{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:.5rem;padding:.75rem 1rem}.help-title[data-v-7ca12072]{flex:1;font-size:1rem;font-weight:600;margin:0}.help-close[data-v-7ca12072]{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.4rem;line-height:1;padding:0 .25rem;padding-bottom:4px}.help-close[data-v-7ca12072]:hover{color:var(--text-primary)}.help-body[data-v-7ca12072]{overflow-y:auto;padding:1.25rem 1.5rem}.help-content[data-v-7ca12072] h1{font-size:1.3rem;font-weight:700;margin:0 0 1rem}.help-content[data-v-7ca12072] h2{font-size:1.05rem;font-weight:600;margin:1.5rem 0 .5rem;padding-bottom:.25rem;border-bottom:1px solid var(--border)}.help-content[data-v-7ca12072] h3{font-size:.95rem;font-weight:600;margin:1rem 0 .35rem}.help-content[data-v-7ca12072] p{line-height:1.65;margin:0 0 .75rem}.help-content[data-v-7ca12072] ul,.help-content[data-v-7ca12072] ol{margin:0 0 .75rem;padding-left:1.5rem}.help-content[data-v-7ca12072] li{line-height:1.6;margin-bottom:.3rem}.help-content[data-v-7ca12072] strong{font-weight:600}.help-content[data-v-7ca12072] code{background:var(--bg-hover);border-radius:3px;font-family:monospace;font-size:.88em;padding:.1em .35em}.help-content[data-v-7ca12072] table{border-collapse:collapse;margin-bottom:.75rem;width:100%}.help-content[data-v-7ca12072] th,.help-content[data-v-7ca12072] td{border:1px solid var(--border);padding:.4rem .75rem;text-align:left}.help-content[data-v-7ca12072] th{background:var(--bg-elevated);font-weight:600}.help-content[data-v-7ca12072] tr:nth-child(2n) td{background:var(--bg-elevated)}.about-backdrop[data-v-505798d6]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:200}.about-modal[data-v-505798d6]{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 40px #00000080;padding:2rem 2.5rem 1.75rem;position:relative;text-align:center;width:min(380px,90vw)}.about-close[data-v-505798d6]{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.4rem;line-height:1;padding:0 .25rem;padding-bottom:4px;position:absolute;right:.75rem;top:.75rem}.about-close[data-v-505798d6]:hover{color:var(--text-primary)}.about-logo[data-v-505798d6]{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4));height:80px;width:80px;margin-bottom:.75rem}.about-name[data-v-505798d6]{font-family:Playwrite IE,cursive;font-size:1.6rem;font-weight:400;margin:0 0 .4rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.about-tagline[data-v-505798d6]{color:var(--text-secondary);font-size:.88rem;margin:0}.about-divider[data-v-505798d6]{border-top:1px solid var(--border);margin:1.25rem 0}.about-details[data-v-505798d6]{display:grid;font-size:.875rem;gap:.35rem 1rem;grid-template-columns:auto 1fr;margin:0;text-align:left}.about-details dt[data-v-505798d6]{color:var(--text-secondary);font-weight:500}.about-details dd[data-v-505798d6]{margin:0}.about-details a[data-v-505798d6]{color:var(--accent)}.about-footer[data-v-505798d6]{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0}.help-wrap[data-v-6ab0e721],.help-menu[data-v-6ab0e721]{position:relative}.help-btn[data-v-6ab0e721]{align-items:center;background:color-mix(in srgb,var(--accent) 15%,var(--bg-elevated));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border));border-radius:3px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.8rem;gap:5px;padding:5px 10px;transition:background .15s}.help-btn[data-v-6ab0e721]:hover{background:color-mix(in srgb,var(--accent) 28%,var(--bg-elevated))}.help-caret[data-v-6ab0e721]{width:10px;height:6px;flex-shrink:0}.help-dropdown[data-v-6ab0e721]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;bottom:calc(100% + 6px);box-shadow:0 4px 16px #00000059;min-width:160px;outline:none;overflow:hidden;position:absolute;right:0}.help-item[data-v-6ab0e721]{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:.82rem;padding:8px 12px;text-align:left;transition:background .1s;width:100%}.help-item.active[data-v-6ab0e721]{background:var(--bg-hover)}.help-separator[data-v-6ab0e721]{border-top:1px solid var(--border);margin:2px 0}:root{--bg-base: #141414;--bg-panel: #1e1e1e;--bg-header: #111111;--bg-elevated: #2a2a2a;--bg-hover: #3a3a3a;--bg-input: #111111;--border: #333333;--border-subtle: #2a2a2a;--text-primary: #eeeeee;--text-secondary: #888888;--text-muted: #555555;--accent: #4a9eff;--accent-bg: #1a4a8a;--accent-border: #2a5aaa;--accent-hover: #2a5aaa;--danger: #e55555}@media(prefers-color-scheme:light){:root{--bg-base: #f0f0f0;--bg-panel: #fafafa;--bg-header: #e4e4e4;--bg-elevated: #e8e8e8;--bg-hover: #d8d8d8;--bg-input: #ffffff;--border: #cccccc;--border-subtle: #dddddd;--text-primary: #111111;--text-secondary: #555555;--text-muted: #999999;--accent: #1a6fd4;--accent-bg: #ddeeff;--accent-border: #99bbee;--accent-hover: #bbddff;--danger: #cc2222}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:var(--bg-base);color:var(--text-primary);height:100vh;overflow:hidden}#app{height:100vh;display:flex;flex-direction:column}.app[data-v-dc3101fd]{display:flex;flex-direction:column;height:100vh}.header[data-v-dc3101fd]{display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:60px;background:var(--bg-header);border-bottom:1px solid var(--border-subtle);flex-shrink:0}.header-brand[data-v-dc3101fd]{display:flex;align-items:center;gap:10px}.desktop .header-brand[data-v-dc3101fd]{display:none}.desktop .header[data-v-dc3101fd]{--wails-draggable: drag}.desktop .header[data-v-dc3101fd] *{--wails-draggable: no-drag}.header-logo[data-v-dc3101fd]{height:40px;width:auto;filter:drop-shadow(0 2px 6px rgba(0,0,0,.65))}.header-title[data-v-dc3101fd]{font-family:Playwrite IE,cursive;font-size:1.25rem;font-weight:400;color:var(--text-primary);text-shadow:0 1px 4px rgba(0,0,0,.25)}.header-actions[data-v-dc3101fd]{display:flex;gap:8px;margin-left:auto}.workspace[data-v-dc3101fd]{flex:1;display:flex;overflow:hidden}.preview-pane[data-v-dc3101fd]{flex:1;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-base);overflow:hidden}.preview-aspect-wrap[data-v-dc3101fd]{width:100%;max-width:100%;aspect-ratio:16 / 9;max-height:100%;container-type:inline-size;border-radius:4px;overflow:hidden;box-shadow:0 4px 32px #0006}.preview-empty[data-v-dc3101fd]{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-panel);color:var(--text-muted);font-size:.9rem;border-radius:4px;border:1px dashed var(--border)}.editor-placeholder[data-v-dc3101fd]{width:240px;flex-shrink:0;border-left:1px solid var(--border);background:var(--bg-panel)}.settings-bar[data-v-dc3101fd]{display:flex;align-items:center;gap:24px;padding:0 16px;height:44px;background:var(--bg-header);border-top:1px solid var(--border-subtle);flex-shrink:0}.settings-field[data-v-dc3101fd]{display:flex;align-items:center;gap:8px;cursor:default}.settings-help[data-v-dc3101fd]{margin-left:auto}.settings-label[data-v-dc3101fd]{font-size:.8rem;color:var(--text-secondary)}.settings-unit[data-v-dc3101fd]{font-size:.8rem;color:var(--text-muted)}.settings-input[data-v-dc3101fd]{background:var(--bg-input);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);font-size:.8rem;padding:3px 6px}.settings-input-num[data-v-dc3101fd]{width:72px}.settings-input[data-v-dc3101fd]:focus{outline:none;border-color:var(--accent)}.btn[data-v-dc3101fd]{background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;color:var(--text-primary);cursor:pointer;font-size:.82rem;padding:5px 12px;transition:background .15s,color .15s}.btn[data-v-dc3101fd]:hover{background:var(--bg-hover)}.btn[data-v-dc3101fd]:disabled{cursor:not-allowed;opacity:.45}.btn-primary[data-v-dc3101fd]{background:var(--accent-bg);border-color:var(--accent-border);color:var(--text-primary)}.btn-primary[data-v-dc3101fd]:hover{background:var(--accent-hover)}.add-first-slide[data-v-dc3101fd]{font-size:1rem;padding:10px 24px;border-style:dashed}.export-status[data-v-dc3101fd]{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;padding:5px 4px}.import-menu[data-v-dc3101fd]{position:relative}.import-btn[data-v-dc3101fd]{display:inline-flex;align-items:center;gap:5px}.import-caret[data-v-dc3101fd]{width:10px;height:6px;flex-shrink:0}.import-dropdown[data-v-dc3101fd]{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-elevated);border:1px solid var(--border);border-radius:3px;box-shadow:0 4px 12px #0000004d;min-width:140px;z-index:100;overflow:hidden;outline:none}.import-item[data-v-dc3101fd]{display:block;width:100%;background:none;border:none;color:var(--text-primary);cursor:pointer;font-size:.82rem;padding:8px 12px;text-align:left;transition:background .1s}.import-item.active[data-v-dc3101fd]{background:var(--bg-hover)}
