:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg: #0f1115;--surface: #181b22;--surface-2: #21252f;--border: #2e3340;--text: #e6e8ee;--text-dim: #9aa1b2;--accent: #6c8cff;--danger: #ff6b6b;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh}.viewer{position:fixed;inset:0;overflow:hidden;background:#000}.slide{position:absolute;inset:0;will-change:transform}.slide iframe{width:100%;height:100%;border:0;display:block;background:#000}.viewer-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:2rem}.viewer-error a{color:var(--accent)}.fallback-card{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:5;background:#14161ceb;border:1px solid var(--border);border-radius:10px;padding:.75rem 1.25rem;text-align:center;max-width:min(90vw,480px);pointer-events:none}.fallback-card p{margin:0 0 .25rem;font-size:.95rem}.fallback-card small{color:var(--text-dim);font-size:.78rem;word-break:break-all}body.cursor-idle{cursor:none}.builder{max-width:760px;margin:0 auto;padding:3rem 1.5rem 4rem}.builder header h1{margin:0 0 .5rem;font-size:2.25rem;letter-spacing:-.02em}.builder header p{margin:0;color:var(--text-dim);max-width:56ch}.builder section{margin-top:2.5rem}.builder h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 .75rem}.builder input{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .75rem;font-size:.95rem;font-family:inherit}.builder input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}.builder input[type=number]{width:4.5rem;text-align:center}.builder button{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .8rem;font-size:.9rem;font-family:inherit;cursor:pointer}.builder button:hover:not(:disabled){border-color:var(--accent)}.builder button:disabled{opacity:.35;cursor:default}.builder button.danger:hover{border-color:var(--danger);color:var(--danger)}.page-row{display:flex;align-items:flex-start;gap:.6rem;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:.7rem .75rem;margin-bottom:.6rem}.page-row.dragging{opacity:.5;border-color:var(--accent)}.drag-handle{cursor:grab;color:var(--text-dim);-webkit-user-select:none;user-select:none;line-height:2.2}.page-row .page-number{color:var(--text-dim);font-variant-numeric:tabular-nums;min-width:1.25rem;text-align:right;line-height:2.2}.page-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:.5rem}.page-fields input[type=url]{width:100%}.page-options{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.remove-btn{line-height:1;padding:.4rem .6rem}.seconds-field{display:inline-flex;align-items:center;gap:.45rem;color:var(--text-dim);font-size:.9rem;white-space:nowrap}.checkbox-field{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-dim);font-size:.9rem;cursor:pointer}.checkbox-field input{width:auto}.row-warning{margin:0;color:#ffb347;font-size:.82rem}.add-page{margin-top:.25rem}.settings-grid{display:flex;flex-wrap:wrap;gap:1.25rem}.builder select{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.5rem .6rem;font-family:inherit;font-size:.95rem}.preview-frame{position:relative;width:100%;aspect-ratio:16 / 9;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#000}.preview-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.short-link{margin-top:.9rem;display:flex;flex-direction:column;gap:.6rem}.hint{margin:0;color:var(--text-dim);font-size:.82rem}.pin-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.pin-gate form{display:flex;flex-direction:column;gap:.75rem;max-width:320px;width:100%}.pin-gate input{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem .75rem;font-family:inherit}.pin-gate button{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.6rem;font-family:inherit;cursor:pointer}.url-output{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.url-output input{flex:1;min-width:16rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;color:var(--text-dim)}.open-link{color:var(--accent);text-decoration:none;font-size:.95rem}.open-link:hover{text-decoration:underline}.problems{margin:0;padding-left:1.25rem;color:var(--text-dim);font-size:.92rem}.problems li{margin-bottom:.25rem}.builder footer{margin-top:3rem;border-top:1px solid var(--border);padding-top:1.25rem}.builder footer p{color:var(--text-dim);font-size:.85rem;margin:0}.builder code{background:var(--surface-2);border-radius:4px;padding:.1rem .35rem;font-size:.8rem}@media(max-width:639px){.page-row{flex-wrap:wrap}}