.fb-stage[data-v-a385dbe9]{position:relative;width:100%;max-width:500px}.fb-host[data-v-a385dbe9]{width:100%;min-height:1px}.fb-note[data-v-a385dbe9]{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;text-align:center;color:var(--muted);pointer-events:none}.fb-note--warn[data-v-a385dbe9]{pointer-events:auto;background:var(--surface)}.fb-note--warn p[data-v-a385dbe9]{max-width:34ch}:root{--ink: #1b2430;--ink-soft: #2a3544;--paper: #eceff3;--surface: #ffffff;--accent: #0b6e99;--accent-ink: #ffffff;--muted: #5b6675;--line: #d5dae1;--rail-text: #e6eaf0;--rail-muted: #9aa6b6;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;color:var(--ink)}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--paper)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button,input{font:inherit}a{color:var(--accent)}.app{display:grid;grid-template-columns:17rem 1fr;min-height:100%}.rail{background:var(--ink);color:var(--rail-text);padding:1.5rem 1.25rem;display:flex;flex-direction:column;gap:1.75rem}.rail__title{margin:0;font-size:1.15rem;font-weight:650;letter-spacing:-.01em}.pages{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.15rem}.pages__item{display:flex;align-items:stretch}.pages__btn{flex:1;text-align:left;padding:.6rem .75rem;background:none;border:0;border-left:3px solid transparent;color:inherit;cursor:pointer;border-radius:0 4px 4px 0}.pages__btn:hover{background:var(--ink-soft)}.pages__btn.is-active{background:var(--ink-soft);border-left-color:#5cc3ee;font-weight:600}.pages__remove{background:none;border:0;color:var(--rail-muted);padding:0 .7rem;cursor:pointer;font-size:1.2rem}.pages__remove:hover{color:#fff}.add label,.options legend{display:block;margin-bottom:.4rem;font-size:.85rem;color:var(--rail-muted)}.add__row{display:flex;flex-direction:column;gap:.5rem}.add input{width:100%;padding:.55rem .7rem;border:1px solid #44526a;border-radius:4px;background:var(--ink-soft);color:#fff}.add input::placeholder{color:var(--rail-muted)}.add input[aria-invalid=true]{border-color:#ff8f8f}.add button{padding:.55rem .7rem;border:1px solid #5cc3ee;border-radius:4px;background:transparent;color:#5cc3ee;cursor:pointer}.add button:hover{background:#5cc3ee;color:var(--ink)}.add__error{margin:.5rem 0 0;font-size:.85rem;color:#ffb4b4}.options{border:0;padding:0;margin:0}.options label{display:flex;align-items:center;gap:.5rem;padding:.2rem 0;cursor:pointer}.stage{padding:2rem clamp(1rem,4vw,3rem);display:flex;flex-direction:column;align-items:center;gap:1.25rem}.stage__head{width:100%;max-width:500px;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.stage__head h2{margin:0;font-size:1.6rem;letter-spacing:-.02em}.gate{width:100%;max-width:500px;padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:6px}.gate h3{margin:0 0 .5rem;font-size:1.1rem}.gate p{margin:0 0 1rem;color:var(--muted);max-width:60ch}.gate button{padding:.65rem 1rem;border:0;border-radius:4px;background:var(--accent);color:var(--accent-ink);cursor:pointer;font-weight:600}.gate button:hover{filter:brightness(1.1)}@media(max-width:760px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr}.rail{padding:1rem;gap:1rem}.pages{flex-direction:row;overflow-x:auto;padding-bottom:.25rem}.pages__item{flex:none}.pages__btn{border-left:0;border-bottom:3px solid transparent;border-radius:4px 4px 0 0;white-space:nowrap}.pages__btn.is-active{border-bottom-color:#5cc3ee}.add__row{flex-direction:row}.options{display:flex;flex-wrap:wrap;gap:.25rem 1rem}.options legend{width:100%}}