.editor-shell{--text-secondary:#606b56;flex-direction:column;height:100dvh;min-height:560px;display:flex}.app-header{background:#fafaf6;border-bottom:1px solid #dedfd7;flex-shrink:0;align-items:center;gap:25px;height:76px;padding:0 28px;display:flex}.brand{color:#293d30;letter-spacing:-1.4px;align-items:center;gap:10px;font-size:27px;font-weight:750;text-decoration:none;display:flex}.brand-mark{color:#f0f1ce;background:#364b3c;border-radius:12px;place-items:center;width:39px;height:39px;display:grid;transform:rotate(-5deg)}.brand-dot{color:var(--text-secondary)}.header-divider{background:#dedfd7;width:1px;height:29px}.document-title{flex-direction:column;gap:5px;font-size:13px;font-weight:600;display:flex}.document-title>span{color:var(--text-secondary);font-size:11px;font-weight:400}.preview-badge{color:var(--text-secondary);letter-spacing:.2px;background:#eff2e7;border:1px solid #d8dfc8;border-radius:6px;margin-left:auto;padding:6px 10px;font-size:11px;font-weight:600}.editor-main{flex:1;min-height:0;display:flex}.workspace{flex-direction:column;flex:1;min-width:0;display:flex}.toolbar{background:#f8f8f3;border-bottom:1px solid #dedfd7;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 22px;display:flex}.toolbar-title{white-space:nowrap;color:#545c52;align-items:center;gap:10px;font-size:12px;display:flex}.muted{color:var(--text-secondary);font-size:11px}.toolbar-divider{background:#dadcd3;flex-shrink:0;width:1px;height:17px;margin:0 3px}.zoom-controls{border:0;align-items:center;gap:3px;min-width:0;margin:0;padding:0;display:flex}.icon-button{color:#5b6357;background:0 0;border:0;border-radius:5px;place-items:center;width:30px;height:30px;display:grid}.icon-button:not(:disabled):hover,.fit-button:not(:disabled):hover{background:#e7eadf}.zoom-value{text-align:center;font-variant-numeric:tabular-nums;color:#444e40;width:44px;font-size:12px}.fit-button{white-space:nowrap;color:#545d4e;background:0 0;border:0;border-radius:5px;align-items:center;gap:6px;padding:7px 9px;font-size:11px;display:flex}.fit-button.is-active{color:#425338;background:#e9eddf}.canvas-stage{background:#f0f0ed;flex:1;min-height:0;position:relative;overflow:hidden}.page-canvas{visibility:hidden;width:100%;height:100%;display:block;position:absolute;inset:0}.page-canvas.visible{visibility:visible}.workspace-caption{color:var(--text-secondary);letter-spacing:.3px;white-space:nowrap;pointer-events:none;font-size:10px;position:absolute;bottom:13px;left:50%;transform:translate(-50%)}.status-bar{height:34px;color:var(--text-secondary);background:#f8f8f3;border-top:1px solid #dedfd7;flex-shrink:0;align-items:center;gap:22px;padding:0 20px;font-size:10px;display:flex}.renderer-status{align-items:center;gap:6px;display:flex}.status-dot{background:#a39064;border-radius:50%;width:5px;height:5px}.ready .status-dot{background:#718762}.status-separator{color:var(--text-secondary);padding:0 10px}.sheet-counter{margin-left:auto}.page-panel{background:#fafaf6;border-left:1px solid #dedfd7;flex-direction:column;flex-shrink:0;width:296px;padding:28px 24px 22px;display:flex;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.eyebrow{letter-spacing:1.5px;color:var(--text-secondary);font-size:9px;font-weight:650}.page-count{font-variant-numeric:tabular-nums;color:var(--text-secondary);background:#eeefe7;border-radius:4px;padding:4px 6px;font-size:10px}.page-panel h2{letter-spacing:-.6px;margin-bottom:9px;font-size:20px;font-weight:600}.panel-intro{color:var(--text-secondary);font-size:12px;line-height:1.65}.page-preview{background-color:#f2f3ed;background-image:radial-gradient(#d6dacd .7px,#0000 .7px);background-size:10px 10px;border:1px solid #e4e6dd;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:155px;margin:24px 0 25px;display:flex}.mini-sheet{color:#adb69c;background:#fff;border:1px solid #d9ded0;place-items:center;display:grid;box-shadow:0 4px 10px #424c3020}.mini-sheet.portrait{width:62px;height:88px}.mini-sheet.landscape{width:100px;height:71px}.page-preview>span{color:#56614c;letter-spacing:1px;font-size:9px;font-weight:600}.section-heading{color:#45513f;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:600;display:flex}.section-heading>span{color:var(--text-secondary);font-size:9px;font-weight:400}.detail-row{color:var(--text-secondary);border-bottom:1px solid #eceee5;justify-content:space-between;padding:9px 0;font-size:11px;display:flex}.detail-row strong{color:#4d5647;font-variant-numeric:tabular-nums;font-weight:500}.orientation-field{border:0;margin:19px 0 0;padding:0}.orientation-field legend{color:var(--text-secondary);margin-bottom:11px;padding:0;font-size:11px}.orientation-options{gap:8px;display:flex}.orientation-choice{color:var(--text-secondary);cursor:pointer;border:1px solid #dde1d4;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 7px;font-size:11px;display:flex;position:relative}.orientation-choice:hover{background:#f0f2e8}.orientation-choice.selected{color:#45583c;background:#eef2e6;border-color:#aab79b;box-shadow:0 0 0 1px #aab79b30}.orientation-choice input{opacity:0;width:1px;height:1px;position:absolute}.orientation-choice:has(input:focus-visible){outline-offset:3px;outline:3px solid #718a66}.orientation-glyph{border:1.2px solid;border-radius:1px;display:inline-block}.orientation-glyph.portrait{width:10px;height:14px}.orientation-glyph.landscape{width:14px;height:10px}.coming-next{border-top:1px solid #e4e7dc;gap:11px;margin-top:30px;padding-top:24px;display:flex}.next-icon{color:#8c997b;margin-top:1px}.coming-next h3{color:#56624c;margin-bottom:7px;font-size:12px;font-weight:550}.coming-next p{color:var(--text-secondary);font-size:11px;line-height:1.75}.development-label{letter-spacing:1px;color:var(--text-secondary);margin-top:12px;font-size:8px;display:inline-block}.privacy-note{color:var(--text-secondary);align-items:center;gap:10px;margin-top:auto;padding-top:30px;display:flex}.privacy-note span{font-size:10px;line-height:1.7}.privacy-note strong{color:var(--text-secondary);font-weight:400}.capability-overlay{justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0;overflow:auto}.capability-card{text-align:center;background:#fafaf6;border:1px solid #dde2d2;border-radius:12px;max-width:430px;padding:32px;box-shadow:0 12px 32px #46533308}.capability-icon{color:#798c64;background:#e9eede;border-radius:16px;place-items:center;width:54px;height:54px;margin:0 auto 22px;display:grid}.capability-card h2{letter-spacing:-.5px;margin:12px 0;font-size:22px;font-weight:600;line-height:1.3}.capability-card p{color:var(--text-secondary);font-size:12px;line-height:1.7}.capability-card .capability-reason{color:#716143;overflow-wrap:anywhere;background:#f1eee4;border-radius:5px;margin:16px 0;padding:9px;font-size:11px}.reload-button{color:#fff;background:#3f5539;border:0;border-radius:6px;margin-top:22px;padding:11px 17px;font-size:12px}.reload-button:hover{background:#516b49}@media (width<=1200px){.toolbar-title .muted,.toolbar-title .toolbar-divider{display:none}}@media (width<=950px){.page-panel{width:260px;padding:24px 18px}.status-bar>span:nth-child(2){display:none}.toolbar{padding:0 14px}}@media (width<=760px){.editor-shell{height:auto;min-height:100dvh}.app-header{gap:18px;height:68px;padding:0 18px}.document-title>span,.header-divider{display:none}.document-title{font-size:12px}.preview-badge{padding:5px 7px;font-size:9px}.brand{font-size:24px}.brand-mark{border-radius:10px;width:33px;height:33px}.editor-main{flex-direction:column}.canvas-stage{flex:none;height:540px}.toolbar-title{gap:6px;font-size:11px}.toolbar{gap:8px;padding:0 12px}.page-panel{border-top:1px solid #dedfd7;border-left:0;width:100%;padding:24px;overflow:visible}.desktop-break{display:none}.page-preview{height:135px}.coming-next{margin-top:24px}}@media (width<=420px){.document-title,.toolbar-title>span{display:none}}:root{color:#292f2b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#f7f7f2;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.4}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #718a66}button{transition:background .12s,color .12s}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}@media (prefers-reduced-motion:reduce){button{transition:none}}