.studio{padding:.5rem 0 3rem;min-height:60vh}.simple-form{max-width:40rem;margin:1.5rem auto 1rem;padding:2rem 2.5rem;background:#fff8e8f5;border:1px solid #fff1ce;border-radius:26px;box-shadow:0 18px 65px #33456729,0 2px 8px #3544620d;animation:dawn-in .65s ease both}.form-heading{position:relative;padding-right:1.5rem;margin-bottom:1.4rem}.studio .form-heading h1{margin-bottom:.5rem;font-size:2.4rem}.form-heading p{margin:0;color:#5f5b5e;font-size:.9rem}.form-star{color:#ac8045;font-size:1.8rem;position:absolute;right:0;top:-.25rem;animation:star-blink 6s ease-in-out infinite}.studio .form-fields{margin:0}.studio .form-fields>.f{margin-bottom:1rem}.studio .children-fields{margin:0 0 1rem}.studio .no-children{font-weight:400;font-size:.85rem;min-height:2.3rem;margin-bottom:.5rem}.child-names{display:grid;gap:.6rem}.child-name{display:flex;align-items:center;gap:.5rem}.child-name label{flex:1;min-width:0}.remove-child{border:0;background:transparent;color:#5f5b5e;font-size:1.5rem;cursor:pointer;width:2rem;height:2rem}.add-child{font:inherit;font-size:.8rem;padding:.4rem 0;border:0;background:transparent;color:#394963;text-decoration:underline;text-underline-offset:3px;cursor:pointer;margin-top:.4rem}.field-note{font-size:.82rem;color:#5f5b5e;margin:0}.studio .reader-bands{margin:0 0 1rem}.age-options{display:flex;gap:.75rem;margin-top:.5rem}.age-options label{flex:1;display:flex;align-items:center;justify-content:center;gap:.6rem;min-height:3rem;padding:.5rem;border:1px solid #b49a7066;border-radius:12px;background:#fffdf2;cursor:pointer}.age-options label:has(:checked){border-color:#9b794b;background:#f6e5c7}.age-options input{accent-color:#394963;width:1rem;height:1rem;margin:0}.studio .create-submit{width:100%;margin-top:.2rem;display:flex;justify-content:center;align-items:center;gap:1rem}.simple-form .privacy{font-size:.72rem;margin:1rem 0 0;line-height:1.7;color:#5f5b5e;opacity:1}.simple-form .busy{font-size:.85rem;margin-bottom:0}.studio .form-error{font-size:.9rem}.studio.code-dialog{padding:2rem;min-height:0;max-width:28rem;width:calc(100% - 2.5rem);border:1px solid #fff1ce;border-radius:24px;background:#fff8e8;color:#303a50;box-shadow:0 20px 100px #3345673b}.code-dialog::backdrop{background:#2436576b;backdrop-filter:blur(5px)}.code-dialog p{font-size:.9rem}.code-dialog .close-dialog{position:absolute;top:.65rem;right:1rem;border:0;color:#394963;background:none;font-size:1.6rem;cursor:pointer}.editor-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;margin-top:1.5rem;background:#16213bc7;border-radius:18px;color:#fff2dc}.studio>.ghost.quiet{color:#fff2dc;background:#16213bc7;opacity:1}.studio .editor{padding:1.5rem;border-radius:24px;background:#fff8e8f5;border:1px solid #fff1ce;margin:1.5rem 0}@media(max-width:700px){.simple-form{margin-top:1.5rem;padding:1.7rem 1.25rem}.studio .form-heading h1{font-size:2rem}.studio .editor{padding:1rem}.editor-heading{align-items:flex-start;flex-direction:column;gap:.3rem;padding:1rem}.editor-heading .quiet{padding-left:0}.age-options{gap:.5rem}}.studio h1{font-size:clamp(2rem,5vw,3rem)}.studio input:not([type=checkbox]):not([type=radio]),.studio select,.studio textarea{width:100%;padding:.7rem .9rem;font:inherit;font-size:1rem;color:var(--ink);border:1px solid #b49a7066;border-radius:12px;background:#fffdf4}.studio input:focus,.studio select:focus,.studio textarea:focus{border-color:var(--ink);outline:none}.studio textarea{resize:vertical;line-height:1.45}.studio fieldset{border:0;padding:0;margin:1.5rem 0}.studio legend,.studio .fl{display:block;font-weight:700;font-size:.95rem;margin-bottom:.35rem}.studio small{display:block;opacity:.7;font-size:.85rem;margin-top:.25rem}.studio [role=alert]{color:#a3341a;font-weight:700}.f{display:block;margin-bottom:1rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:0 1rem;align-items:start}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.row.url{align-items:flex-end}.row.url .f{flex:1 1 18rem}.row.url button{margin-bottom:1rem}.check{display:flex;gap:.6rem;align-items:center;font-weight:700;min-height:3rem}.check input{width:1.25rem;height:1.25rem;accent-color:var(--tomato)}.card{background:#fff;border-radius:var(--radius);padding:1.25rem 1.25rem .5rem;margin-bottom:1rem;box-shadow:0 6px 20px #1e2a4412}.ghost{background:transparent;border:2px solid var(--ink);color:var(--ink);border-radius:999px;padding:.6rem 1.2rem;font:700 1rem Andika,sans-serif;cursor:pointer}.ghost.quiet{border-color:transparent;text-decoration:underline;opacity:.75}.studio button:disabled{opacity:.45;cursor:not-allowed;transform:none}.seg{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.seg button{border:2px solid #d9cfbd;background:#fff;color:var(--ink);border-radius:999px;padding:.5rem 1rem;font:inherit;font-size:1rem;cursor:pointer}.seg button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.privacy{font-size:.9rem;opacity:.75;margin:0 0 1.5rem}.nav-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:2rem;padding-top:1.25rem;border-top:2px dashed #e4d8c3}.nav-row .quiet{margin-left:auto}.lock{max-width:34rem;margin:2rem auto}.lock .row input{flex:1 1 12rem}.busy{display:flex;gap:.6rem;align-items:center;font-weight:700}.busy .dot{width:.8rem;height:.8rem;border-radius:50%;background:var(--tomato);animation:pulse 1s ease-in-out infinite alternate}@keyframes pulse{to{opacity:.25;transform:scale(.7)}}@media(prefers-reduced-motion:reduce){.busy .dot{animation:none}}.sw{display:flex;gap:.4rem;flex-wrap:wrap}.sw button{width:2rem;height:2rem;border-radius:50%;border:2px solid rgba(0,0,0,.15);cursor:pointer}.sw button[aria-checked=true]{outline:3px solid var(--ink);outline-offset:2px}.looks{display:grid;grid-template-columns:minmax(12rem,20rem) 1fr;gap:1.5rem;align-items:start}.preview{position:sticky;top:1rem;background:#fff;border-radius:var(--radius);overflow:hidden;aspect-ratio:4 / 5;box-shadow:0 6px 20px #1e2a4414}.preview img{width:100%;height:auto;display:block}.outline ol{padding-left:1.6rem}.outline li{margin-bottom:.5rem}.ed-head{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;justify-content:space-between}.ed-head .f{flex:1 1 18rem}.ed-head .row{margin-bottom:1rem}.thumbs{display:flex;gap:.5rem;overflow-x:auto;padding:.25rem .1rem .75rem}.thumb{position:relative;flex:0 0 7rem;aspect-ratio:2 / 1;border:3px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:#eadfcb;cursor:pointer}.thumb.on{border-color:var(--tomato)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb span:last-child{position:absolute;left:.3rem;bottom:.2rem;background:#ffffffe6;border-radius:999px;font-size:.75rem;font-weight:700;padding:0 .4rem}.ed-main{display:grid;grid-template-columns:1.6fr 1fr;gap:1.5rem;align-items:start}.ed-side h2{font-size:1.4rem}.page{position:relative;border-radius:12px;overflow:hidden;background:#eadfcb;box-shadow:0 10px 30px #1e2a4426;container-type:inline-size}.page.loading{aspect-ratio:2 / 1}.page img{width:100%;height:100%;display:block}.ztext{position:absolute;display:flex;flex-direction:column;justify-content:center;padding:1.5cqw 2cqw;font:400 1.55cqw/1.4 Georgia,Alegreya,serif}.ztext p{margin:0 0 .5em}.ztext .fact{font-size:.85em;font-style:italic}.ed-foot{margin-top:1.5rem}.ed-foot details{background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:.75rem}.ed-foot summary{font-weight:700;cursor:pointer}@media(max-width:760px){.looks,.ed-main{grid-template-columns:1fr}.preview{position:static;max-width:16rem}}.book-page,.book-viewer{display:grid;grid-template-columns:minmax(0,1fr);gap:1.25rem;padding-bottom:3rem}.private-link,.danger-zone,.shares,.find-books form,.find-books section{background:#fffaf0f0;color:#1e2a44;border-radius:16px;padding:1rem 1.25rem}.private-link summary,.danger-zone summary{cursor:pointer;font-weight:700}.copy-link{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.copy-link input{flex:1 1 16rem;min-width:0;font-family:ui-monospace,monospace;font-size:.85rem}.shares ul,.my-books{list-style:none;padding:0;margin:0 0 1rem;display:grid;gap:.5rem}.shares li{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.danger-zone .ghost{margin-top:.75rem;border-color:#a3341a;color:#a3341a}.book-frame{width:100%;height:80vh;border:0;border-radius:12px;background:#fff;box-shadow:0 10px 30px #0a0e1e40}.viewer-banner{text-align:center}.writing{min-height:40vh}