:root{font-family:Arial,Helvetica,sans-serif;color:#19383a;background:#f1f0e8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:1px solid #b9c8bd;background:transparent;color:inherit;padding:11px 15px;border-radius:5px}button:hover{background:#e1e9dd}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #d76f40;outline-offset:3px}main{min-height:100vh;max-width:1900px;margin:auto;padding:0 5vw}header{height:95px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bdc9be;gap:24px}.brand{font-size:26px;font-weight:700;color:inherit;text-decoration:none;letter-spacing:6px}.brand span{display:block;font-size:8px;letter-spacing:2px;margin-top:9px}header p{font-size:13px}.intro{display:flex;justify-content:space-between;align-items:end;padding:65px 0 45px;gap:40px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700}h1{font-size:clamp(68px,8vw,130px);line-height:.87;letter-spacing:-7px;margin:25px 0 0;font-weight:500}h1 em{font-family:Georgia,serif;font-weight:400;color:#3d7a70}.intro-copy{max-width:360px;font-family:Georgia,serif;font-size:23px;line-height:1.4}.chips{display:flex;gap:7px;flex-wrap:wrap}.chips span{font-family:Arial,sans-serif;font-size:8px;letter-spacing:1px;border:1px solid #b9c8bd;padding:6px 7px;border-radius:20px}.workspace{display:grid;grid-template-columns:330px 1fr;border:1px solid #b9c8bd;border-radius:12px;overflow:hidden}.panel{padding:25px;background:#e6ebdf}.panel h2{font-family:Georgia,serif;font-size:25px;line-height:1.2;white-space:pre-wrap;overflow-wrap:anywhere}.presets{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0}.presets button{padding:7px;font-size:10px;background:#f5f4eb}.numbers{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:11px;line-height:1.5;margin:12px 0}label b{float:right}input[type=number],select{display:block;width:100%;border:1px solid #b9c8bd;border-radius:4px;padding:7px;background:#f8f8ef;color:#19383a}input[type=range]{display:block;width:100%;accent-color:#3b8174;margin:12px 0}small{font-size:10px;line-height:1.6}.capacity{padding:14px;background:#d4e1cf;border-radius:7px;margin-top:20px}.capacity strong{font-size:13px}.capacity p{font-size:11px}.no-fit{background:#f5d5be}.section-list{margin-top:22px;display:grid;gap:4px}.section-list button{display:flex;align-items:center;gap:10px;text-align:left;padding:9px;border:1px solid transparent;font-size:11px}.section-list .selected{border-color:#709c8d;background:#f2f5e9}.section-list i{width:13px;height:13px;flex-shrink:0;border-radius:3px}.section-list span{flex:1;overflow-wrap:anywhere;white-space:pre-wrap}.preview{padding:30px 35px;background:#213d40;color:#e4ecd9;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.preview-top{display:flex;justify-content:space-between;align-items:center}.page-number{font-size:11px;letter-spacing:2px}.book-stage{position:relative;display:flex;justify-content:center;align-items:center;gap:30px;padding:45px 10px 25px;min-height:480px}.paper{position:relative;max-width:350px;width:75%;background:#fffdf5;box-shadow:4px 4px #dbdacb,8px 8px #b3bbae,14px 18px 35px #122a2d;transition:aspect-ratio .25s}.paper>svg{display:block;width:100%;height:100%}.page-illustration{position:absolute;inset:12% 15%;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;color:#335c55;pointer-events:none}.page-illustration>span{font-size:8px;letter-spacing:2px}.page-illustration h3{font-family:Georgia,serif;font-size:clamp(14px,2vw,27px);font-weight:400;margin:7px 0;white-space:pre-wrap;overflow-wrap:anywhere;max-height:35%;overflow:auto}.page-illustration p{font-size:8px;line-height:1.6;max-width:180px}.orbit{width:80px;height:80px;border:1px solid #8caa8b;border-radius:50%;position:relative;transform:rotate(-25deg)}.orbit i{position:absolute;border:1px solid #8caa8b;border-radius:50%;inset:8px -12px;transform:rotate(70deg)}.orbit i:nth-child(2){inset:12px 22px;transform:rotate(10deg)}.orbit i:nth-child(3){inset:30px;background:#d59857;border:0}.edge-map{height:370px;width:35px;flex-shrink:0;display:flex;flex-direction:column;align-items:center}.edge-map>span{font-size:7px;white-space:nowrap;letter-spacing:1px}.edge-map svg{width:100%;height:100%;overflow:visible}.page-slider{width:80%;align-self:center;margin-top:30px;font-size:10px;letter-spacing:1px}.page-slider input{accent-color:#dcb067}.position-note{display:flex;justify-content:space-between;border-top:1px solid #526d69;padding-top:18px;gap:15px;font-size:11px}.position-note strong{overflow-wrap:anywhere;white-space:pre-wrap}.position-note span{flex-shrink:0}.preview-disclaimer{font-size:9px;line-height:1.5;opacity:.7}.author,.exports{display:grid;grid-template-columns:1fr 1.7fr;gap:65px;padding:65px 0;border-bottom:1px solid #b9c8bd}.author h2,.exports h2{font-family:Georgia,serif;font-size:35px;font-weight:400;line-height:1.1}.author p,.exports p{font-size:12px;line-height:1.8}.author button{font-size:11px;margin:5px 5px 0 0}.editor textarea{width:100%;height:300px;background:#f8f8f0;border:1px solid #b9c8bd;border-radius:8px;padding:18px;color:#254b44;font:12px/1.6 monospace;resize:vertical}.editor-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.editor-actions span{font-size:9px;margin-left:auto}.exports{grid-template-columns:1fr 1fr;align-items:center}.export-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary{background:#345f56;color:#fff;border-color:#345f56}.primary:hover{background:#23453e}footer{padding:30px 0 40px;display:flex;gap:20px;flex-wrap:wrap;align-items:center}footer p{width:100%;font-size:14px;margin:0}footer small{max-width:680px}footer button{margin-left:auto;font-size:11px}@media(max-width:900px){main{padding:0 4vw}.workspace{grid-template-columns:280px 1fr}.preview{padding:25px 20px}.book-stage{min-height:340px;gap:15px}.edge-map{height:250px}.orbit{width:50px;height:50px}.intro-copy{font-size:18px;max-width:280px}.author,.exports{gap:30px}.position-note{flex-direction:column}}@media(max-width:650px){header p{display:none}header{height:80px}.intro{padding:40px 0;display:block}h1{font-size:85px}.intro-copy{max-width:none;margin-top:35px}.workspace{grid-template-columns:1fr}.preview{grid-row:1}.panel{padding:25px}.paper{max-width:260px}.book-stage{padding-top:30px;min-height:400px}.author,.exports{grid-template-columns:1fr;padding:40px 0;gap:20px}.export-buttons{grid-template-columns:1fr 1fr}.page-illustration h3{font-size:20px}.edge-map{height:300px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.focused .intro,.focused .author,.focused .exports,.focused footer{display:none}.focused header{height:65px}.focused .workspace{margin:12px 0;min-height:calc(100vh - 90px)}