:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #101318;--panel: #191e25;--panel-raised: #1d242d;--line: #2b333d;--muted: #8e9aa8;--text: #edf2f5;--soft: #c0c9d1;--mint: #9be4c1;--mint-strong: #70d6a6;--danger: #f18d8d}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at 50% -22%,rgba(77,115,99,.17),transparent 47%),var(--bg);color:var(--text)}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}[hidden]{display:none!important}.app-shell{min-height:100vh}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid rgba(255,255,255,.07);background:#101318b8;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none}.brand-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--mint);border:1px solid rgba(155,228,193,.25);border-radius:12px;background:#9be4c114}.brand-icon svg{width:27px;height:27px}.brand-copy{display:flex;flex-direction:column;gap:2px}.brand-copy strong{font-size:14px;letter-spacing:-.02em}.brand-copy small{color:var(--muted);font-size:11px}.topbar-right{display:flex;align-items:center;gap:24px}.local-indicator{display:flex;align-items:center;gap:8px;color:#b7c5bf;font-size:12px}.local-indicator span,.storage-dot,.note-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--mint);box-shadow:0 0 12px #9be4c173}.main-content{width:min(1160px,calc(100% - 48px));margin:0 auto}.hero{padding:64px 0 32px}.eyebrow,.step-label{display:flex;align-items:center;gap:9px;color:var(--mint);font-size:10px;font-weight:750;letter-spacing:.14em}.eyebrow-line{width:22px;height:1px;background:var(--mint)}.hero h1{margin:18px 0 13px;font-size:clamp(38px,5vw,56px);line-height:1.05;letter-spacing:-.055em;font-weight:720}.hero h1 span{color:#9aa8b4}.hero-copy{max-width:560px;margin:0;color:var(--muted);font-size:14px;line-height:1.7}.privacy-banner{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;margin-bottom:24px;border:1px solid rgba(155,228,193,.18);border-radius:13px;background:linear-gradient(105deg,#9be4c113,#9be4c106)}.privacy-icon{flex:0 0 30px;width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#9be4c11f;color:var(--mint);font-size:21px}.privacy-copy{flex:1;min-width:0}.privacy-copy strong{display:block;margin:1px 0 4px;font-size:12px;color:#dceee4}.privacy-copy p{margin:0;color:#9eada7;font-size:11px;line-height:1.55}.privacy-tag{align-self:center;color:var(--mint);font-size:9px;font-weight:800;letter-spacing:.12em;white-space:nowrap}.workspace{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:18px;align-items:stretch}.panel{min-width:0;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#1d242df7,#171c23fa);box-shadow:0 16px 50px #00000021}.editor-panel{padding:24px}.preview-panel{padding:24px;min-height:620px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start}.panel-heading h2,.history-heading h2{margin:7px 0 0;font-size:18px;letter-spacing:-.03em}.panel-number{color:#53606b;font-size:25px;font-weight:650;letter-spacing:-.06em}.step-label{font-size:9px;letter-spacing:.16em;color:#8d9ba6}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:23px}.mode-button{min-width:0;display:flex;align-items:center;gap:10px;text-align:left;padding:12px 11px;color:var(--soft);border:1px solid var(--line);border-radius:11px;background:#ffffff05;transition:border .2s,background .2s,color .2s}.mode-button:hover{border-color:#52615d}.mode-button.active{color:#e7f6ed;border-color:#9be4c18c;background:#9be4c113}.mode-icon{flex:0 0 31px;width:31px;height:31px;display:grid;place-items:center;border-radius:8px;color:var(--mint);background:#9be4c11c;font-size:17px}.marker-icon{font-size:22px}.mode-button strong,.mode-button small{display:block}.mode-button strong{font-size:11px;margin-bottom:3px}.mode-button small{color:var(--muted);font-size:9px;white-space:nowrap}.section-divider{height:1px;margin:22px 0;background:var(--line)}.compact-divider{margin:19px 0 18px}.field-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.field-heading label{color:#dfe5e9;font-size:11px;font-weight:650}.required-label{color:#d2b78b;font-size:8px;font-weight:800;letter-spacing:.12em}.optional-label{margin-left:5px;color:#7e8b97;font-size:8px;letter-spacing:.1em}.field-hint{color:#7e8b97;font-size:9px}.dropzone{min-height:158px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px;border:1px dashed #48545f;border-radius:12px;text-align:center;background:#090c1038;cursor:pointer;transition:border .2s,background .2s}.dropzone:hover,.dropzone.drag-active{border-color:var(--mint);background:#9be4c10e}.upload-symbol{width:38px;height:38px;display:grid;place-items:center;margin-bottom:8px;border-radius:11px;background:#9be4c11a;color:var(--mint)}.upload-symbol svg{width:25px;height:25px}.dropzone strong{color:#e3e9ed;font-size:11px}.dropzone>span{margin-top:4px;color:#8e9aa8;font-size:10px}.dropzone em{color:var(--mint);font-style:normal;font-weight:650}.dropzone small{margin-top:10px;color:#66727d;font-size:9px}.file-meta{display:flex;align-items:center;gap:11px;margin-top:10px;padding:10px;border:1px solid rgba(155,228,193,.18);border-radius:10px;background:#9be4c10b}.file-type-icon,.history-file-icon{width:34px;height:38px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:#f2a6a6;background:#f18d8d1a;font-size:9px;font-weight:850}.file-details{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}.file-details strong{overflow:hidden;color:#dce5e9;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.file-details span{color:var(--muted);font-size:9px}.icon-button{width:29px;height:29px;border:1px solid var(--line);border-radius:8px;color:#aab6bf;background:#ffffff08;font-size:17px}.icon-button:hover{color:var(--mint);border-color:var(--mint)}.text-input{width:100%;min-height:43px;padding:0 12px;border:1px solid #39434e;border-radius:9px;outline:none;color:#e8eef1;background:#090c1052;font-size:12px;transition:border .2s,box-shadow .2s}.text-input:focus{border-color:#9be4c1b3;box-shadow:0 0 0 3px #9be4c114}.text-input::placeholder{color:#66727e}.helper-text{margin:8px 0 0;color:#84919d;font-size:10px;line-height:1.55}.example-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.example-chip{padding:6px 9px;border:1px solid #35404a;border-radius:6px;color:#9eabb5;background:#ffffff06;font-size:9px}.example-chip:hover{border-color:#668c78;color:var(--mint)}.select-input{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#92a09d 50%),linear-gradient(135deg,#92a09d 50%,transparent 50%);background-position:calc(100% - 16px) 18px,calc(100% - 11px) 18px;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.select-input option{color:#edf2f5;background:#1b222a}.marker-position-heading,.marker-template-heading{margin-top:17px}.marker-upload{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.secondary-button{min-height:34px;padding:0 11px;border:1px solid #46525d;border-radius:8px;color:#d2dbe0;background:#ffffff09;font-size:10px;font-weight:650;transition:border .2s,color .2s,background .2s}.secondary-button:hover{border-color:var(--mint);color:var(--mint);background:#9be4c10e}.secondary-button span{color:var(--mint);font-size:15px;vertical-align:-1px}.marker-file-label{max-width:180px;overflow:hidden;color:#7f8b96;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.marker-file-label.has-file{color:var(--mint)}.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:18px;border-top:1px solid var(--line)}.footer-note{display:flex;align-items:center;gap:7px;color:#7f8c97;font-size:9px}.note-dot{width:5px;height:5px;box-shadow:none}.editor-actions{display:flex;align-items:center;gap:10px}.text-button{padding:8px 4px;border:0;color:#8996a1;background:transparent;font-size:10px}.text-button:hover{color:#e4ecef}.primary-button{min-height:39px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid #a5ebc7;border-radius:8px;color:#102018;background:var(--mint);font-size:10px;font-weight:800;transition:transform .15s,background .2s,box-shadow .2s;box-shadow:0 5px 18px #70d6a61f}.primary-button:hover:not(:disabled){transform:translateY(-1px);background:#b4f0d0;box-shadow:0 7px 22px #70d6a633}.primary-button span{font-size:15px;line-height:1}.primary-button.loading{opacity:.8}.primary-button:disabled{box-shadow:none}.preview-heading{margin-bottom:22px}.preview-empty{min-height:495px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.preview-art{position:relative;width:145px;height:145px;margin-bottom:20px}.paper{position:absolute;width:79px;height:106px;border:1px solid #58636d;border-radius:7px;background:#242d36}.paper-back{top:18px;left:22px;transform:rotate(-10deg);opacity:.6}.paper-front{top:11px;left:48px;padding:22px 12px 10px;transform:rotate(6deg);border-color:#65736f;background:linear-gradient(145deg,#313d43,#242e34);box-shadow:0 12px 24px #00000040}.paper-front span{display:block;width:100%;height:3px;margin-bottom:8px;border-radius:4px;background:#74847e;opacity:.65}.paper-front span:nth-child(2){width:78%}.paper-front span:nth-child(3){width:90%}.paper-front i{display:block;margin-top:14px;color:var(--mint);font-size:8px;font-style:normal;font-weight:850;letter-spacing:.1em}.preview-spark{position:absolute;right:10px;bottom:10px;color:var(--mint);font-size:25px;text-shadow:0 0 18px rgba(155,228,193,.45)}.preview-empty>strong{color:#dce5e9;font-size:12px}.preview-empty>p{max-width:300px;margin:8px 0 0;color:#84919d;font-size:10px;line-height:1.7}.preview-empty>p b{color:#bdc9d0;font-weight:650}.preview-steps{display:flex;align-items:center;gap:9px;margin-top:23px;color:#6f7c87;font-size:9px}.preview-steps i{color:#53616a;font-style:normal}.preview-summary-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.preview-summary-row>div{display:flex;flex-direction:column;gap:4px}.preview-summary-row strong{color:#e2e9ed;font-size:13px}.preview-summary-row span{color:#84919d;font-size:9px}.preview-summary-row .preview-status{padding:6px 8px;border:1px solid rgba(155,228,193,.2);border-radius:5px;color:var(--mint);background:#9be4c10f;font-size:8px;font-weight:800;letter-spacing:.1em;white-space:nowrap}.preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-height:410px;overflow:auto;padding:2px 3px 8px 0;scrollbar-color:#46525c transparent;scrollbar-width:thin}.page-card{min-width:0;overflow:hidden;border:1px solid #333e48;border-radius:8px;background:#171d24}.page-media{min-height:118px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f0f1ed}.page-canvas{display:block;width:100%;height:auto}.blank-page-preview{width:100%;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#66746d;background:linear-gradient(135deg,#f2f4ef,#e5e9e2)}.blank-page-preview span{width:29px;height:29px;display:grid;place-items:center;border:1px dashed #a0b4a6;border-radius:50%;color:#789884;font-size:19px}.blank-page-preview small{color:#718079;font-size:7px;font-weight:800;letter-spacing:.12em}.page-caption{min-height:39px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 8px}.page-caption strong{overflow:hidden;color:#d7e0e5;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.page-caption span{overflow:hidden;color:#7e8b96;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.render-fallback{min-height:118px;display:grid;place-items:center;color:#68756f;font-size:9px}.preview-overflow{margin:10px 0 0;color:#86939d;font-size:9px;line-height:1.5}.preview-bottom{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}.signature-warning{color:#a6a28c;font-size:9px;line-height:1.45}.signature-warning span{margin-right:4px;color:#d6c48c}.create-button{width:100%;min-height:43px}.result-ready{display:flex;align-items:center;gap:11px;margin-top:15px;padding:12px;border:1px solid rgba(155,228,193,.25);border-radius:10px;background:#9be4c10f}.result-check{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;color:#102018;background:var(--mint);font-size:14px;font-weight:900}.result-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.result-copy strong{color:#dceee4;font-size:10px}.result-copy span{overflow:hidden;color:#91a69a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.result-ready .secondary-button{white-space:nowrap}.history-section{margin-top:52px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#191e25bf}.history-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.history-heading h2{margin-top:6px}.history-heading p{margin:6px 0 0;color:var(--muted);font-size:10px}.danger-text{color:#b78686}.danger-text:hover{color:var(--danger)}.history-controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.remember-toggle{display:flex;align-items:center;gap:10px;cursor:pointer}.remember-toggle input{position:absolute;width:1px;height:1px;opacity:0}.toggle-track{position:relative;width:31px;height:18px;border-radius:20px;background:#3b4650;transition:background .2s}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#b7c1c8;transition:transform .2s,background .2s}.remember-toggle input:checked+.toggle-track{background:#70d6a68c}.remember-toggle input:checked+.toggle-track:after{transform:translate(13px);background:#eafff2}.remember-toggle input:focus-visible+.toggle-track{outline:2px solid var(--mint);outline-offset:3px}.remember-toggle strong,.remember-toggle small{display:block}.remember-toggle strong{color:#cbd5db;font-size:10px}.remember-toggle small{margin-top:3px;color:#7e8b96;font-size:9px}.storage-label{display:flex;align-items:center;gap:7px;color:#81918a;font-size:9px;white-space:nowrap}.storage-dot{width:6px;height:6px}.history-list{display:flex;flex-direction:column}.history-empty{min-height:76px;display:flex;align-items:center;justify-content:center;gap:9px;color:#788590;font-size:10px}.history-empty span{color:#a2afa9;font-size:16px}.history-item{display:flex;align-items:center;gap:12px;padding:12px 2px;border-bottom:1px solid rgba(255,255,255,.055)}.history-item:last-child{border-bottom:0}.history-file-icon{width:30px;height:34px;font-size:8px}.history-item-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.history-item-copy strong{overflow:hidden;color:#d7e0e5;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.history-item-copy span{overflow:hidden;color:#7f8b96;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.history-item-actions{display:flex;align-items:center;gap:7px}.history-open,.history-download,.history-delete{min-width:29px;height:29px;padding:0 8px;border:1px solid #3b4650;border-radius:7px;color:#aab6bf;background:#ffffff06;font-size:9px}.history-open:hover,.history-download:hover{border-color:var(--mint);color:var(--mint)}.history-delete{border-color:transparent;color:#7e8992;font-size:16px}.history-delete:hover{color:var(--danger);border-color:#f18d8d4d}.footer{display:flex;justify-content:space-between;gap:15px;padding:24px 0 32px;color:#68747e;font-size:9px}.footer-separator{margin:0 5px;color:#a2afa9}.toast{position:fixed;z-index:10;right:24px;bottom:24px;max-width:min(420px,calc(100vw - 48px));padding:12px 15px;border:1px solid #3c4852;border-radius:10px;color:#e3eaed;background:#202830;box-shadow:0 14px 40px #00000059;font-size:11px;line-height:1.45;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translateY(0)}.toast.success{border-color:#9be4c166}.toast.error{border-color:#f18d8d73}@media (max-width: 900px){.workspace{grid-template-columns:1fr}.preview-panel{min-height:0}.preview-empty{min-height:390px}.preview-grid{max-height:560px}}@media (max-width: 600px){.topbar{height:65px;padding:0 18px}.topbar-right{gap:12px}.local-indicator{font-size:0;gap:0}.local-indicator span{width:8px;height:8px}.main-content{width:calc(100% - 28px)}.hero{padding:42px 0 24px}.hero h1{font-size:40px}.hero-copy{font-size:12px}.privacy-banner{gap:10px;padding:13px}.privacy-tag{display:none}.privacy-copy p{font-size:10px}.editor-panel,.preview-panel{padding:17px}.mode-switch{gap:6px}.mode-button{gap:7px;padding:10px 7px}.mode-button strong{font-size:10px}.mode-button small{font-size:8px}.mode-icon{width:27px;height:27px;flex-basis:27px}.editor-footer{align-items:flex-start;flex-direction:column}.editor-actions{width:100%;justify-content:flex-end}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.history-section{margin-top:32px;padding:17px}.history-controls{align-items:flex-start;flex-direction:column}.history-item{gap:8px}.history-item-actions{gap:4px}.history-open{padding:0 7px}.footer{flex-direction:column;gap:6px}}:root{color-scheme:light;--bg: #f3eee2;--panel: #fffcf3;--panel-raised: #fffdf5;--line: #aca899;--muted: #6c6b60;--text: #35352f;--soft: #6c6b60;--mint: #5e725b;--mint-strong: #455d47;--danger: #a6533d;--paper: #f3eee2;--sheet: #fffcf3;--ink: #35352f;--red: #a6533d;--green: #5e725b;--shadow: rgba(59,53,39,.13)}html{scroll-behavior:smooth}body{color:var(--ink);font-family:Georgia,Times New Roman,serif;background-color:var(--paper);background-image:radial-gradient(rgba(76,67,49,.11) .55px,transparent .7px),linear-gradient(90deg,transparent 96%,rgba(139,122,92,.04) 96%);background-size:5px 5px,25px 25px;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,.dropzone:focus-visible,.brand:focus-visible{outline:3px solid #b77752;outline-offset:3px}.topbar{max-width:1240px;margin:0 auto;height:93px;padding:0 34px;border-bottom:2px solid rgba(63,59,50,.7);background:transparent;backdrop-filter:none;position:relative}.topbar:after{content:"";position:absolute;bottom:-5px;left:34px;right:34px;border-bottom:1px solid rgba(63,59,50,.24);transform:rotate(-.12deg)}.brand{color:var(--ink);gap:13px}.brand-icon{width:49px;height:54px;border:0;border-radius:0;background:none;color:var(--ink);transform:rotate(-7deg)}.brand-icon svg{width:49px;height:54px}.brand-copy strong{color:var(--ink);font:800 24px/1.05 Segoe Print,Bradley Hand,Comic Sans MS,cursive;letter-spacing:-1.2px}.brand-copy small{color:var(--soft);font:italic 12px Georgia,serif;margin-top:4px}.topbar-right{gap:15px}.topbar-proof{color:var(--soft);font:italic 12px Georgia,serif}.local-stamp{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border:1.7px solid var(--green);border-radius:42% 55% 44% 49%;color:var(--green);background:#ffffff47;font:700 11px/1.1 Segoe Print,cursive;transform:rotate(3deg);white-space:nowrap}.stamp-dot{width:7px;height:7px;background:var(--green);border-radius:50%}.font-toggle{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:9px 12px;border:1.7px solid #817b6d;border-radius:6px;background:#fffaf0;color:var(--ink);font:700 12px Georgia,serif;white-space:nowrap;transition:background .2s,border-color .2s}.font-toggle:hover{background:#f3e8d4;border-color:var(--red)}.font-toggle[aria-pressed=true]{background:#e5eadf;border-color:var(--green)}.font-toggle .font-glyph{font:700 17px/1 Georgia,serif;color:var(--red)}.main-content{width:min(1172px,calc(100% - 68px));margin:0 auto}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:25px;align-items:center;min-height:300px;padding:43px 0 35px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--red);font:700 11px/1.2 Segoe Print,cursive;letter-spacing:.08em}.eyebrow:before{content:"✳";font-size:19px}.hero h1{max-width:710px;margin:17px 0 16px;color:var(--ink);font:800 clamp(37px,4.4vw,62px)/1.13 "Segoe Print","Comic Sans MS",cursive;letter-spacing:-2.8px}.hero h1 .marked{position:relative;color:var(--ink);white-space:nowrap}.hero h1 .marked:after{content:"";position:absolute;bottom:-7px;left:-3px;right:2px;height:11px;border-bottom:3px solid var(--red);border-radius:50%;transform:rotate(-2deg)}.hero-copy{max-width:550px;margin:0;color:#59574e;font-size:15px;line-height:1.75}.hero-doodle{height:250px;position:relative;display:grid;place-items:center}.doodle-svg{width:min(100%,360px);height:260px;overflow:visible}.side-note{position:absolute;right:-3px;top:8px;color:var(--red);font:15px Segoe Print,cursive;transform:rotate(8deg)}.privacy-banner{position:relative;display:flex;align-items:center;gap:18px;padding:15px 20px;margin-bottom:25px;border:2px solid #a7a291;border-radius:5px 13px 7px 11px;background:#fffcf3ba;box-shadow:3px 4px #48413214}.privacy-banner:before{content:"";position:absolute;left:24px;top:-9px;width:66px;height:16px;background:#dbb97b80;transform:rotate(-3deg);border-left:1px solid rgba(120,95,53,.1);border-right:1px solid rgba(120,95,53,.1)}.privacy-icon{flex:0 0 46px;width:46px;height:46px;border:2px solid var(--green);border-radius:50%;background:transparent;display:grid;place-items:center;color:var(--green);font-size:24px;transform:rotate(-9deg)}.privacy-copy strong{margin:0;color:var(--ink);font:700 15px Segoe Print,cursive}.privacy-copy p{margin:5px 0 0;color:var(--soft);font-size:12px;line-height:1.65}.privacy-tag{margin-left:auto;padding:7px 9px;border:2px solid var(--green);color:var(--green);font:700 10px Segoe Print,cursive;transform:rotate(5deg)}.workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:23px}.panel{position:relative;min-width:0;border:2px solid #68675e;border-radius:6px 10px 7px 5px;background:var(--sheet);box-shadow:5px 6px 0 var(--shadow)}.panel:after{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid rgba(90,86,72,.18);border-radius:9px 4px 8px}.editor-panel,.preview-panel{padding:25px}.preview-panel{min-height:620px}.panel-heading{margin-bottom:20px}.panel-heading h2,.history-heading h2{margin:5px 0 0;color:var(--ink);font:800 24px/1.3 Segoe Print,Comic Sans MS,cursive;letter-spacing:-1px}.step-label{color:var(--red);font:700 11px Segoe Print,cursive;letter-spacing:.04em}.panel-number{color:#d6d0c2;font:800 36px Segoe Print,cursive;transform:rotate(8deg)}.mode-switch{gap:12px;margin-top:0}.mode-button{display:flex;align-items:center;gap:10px;padding:12px 11px;border:2px dashed #b8b3a6;border-radius:6px 9px 5px 10px;background:#faf7ed;color:var(--ink);transition:transform .15s,background .15s}.mode-button:hover{transform:translateY(-2px);border-color:#807c6c}.mode-button.active{border:2px solid #555e4c;background:#e9edde;box-shadow:2px 3px #b5bba9;color:var(--ink);transform:rotate(-.7deg)}.mode-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border:1.7px solid #777468;border-radius:50%;color:var(--ink);background:transparent;font:26px Segoe Print,cursive}.marker-icon{font-size:26px}.mode-button strong{color:var(--ink);font:700 12px Segoe Print,cursive;margin-bottom:3px}.mode-button small{color:var(--soft);font:italic 11px Georgia,serif;white-space:normal}.section-divider{height:0;border-top:1px dashed #b4ad9c;background:transparent;margin:24px 0}.compact-divider{margin:22px 0}.field-heading{margin-bottom:10px}.field-heading label{color:var(--ink);font:700 14px Segoe Print,cursive}.required-label{color:var(--red);font:italic 11px Georgia,serif;letter-spacing:0}.optional-label,.field-hint{color:#8b897c;font:italic 11px Georgia,serif;letter-spacing:0}.dropzone{min-height:166px;padding:17px;border:2px dashed #928b79;border-radius:8px 5px 10px;background:repeating-linear-gradient(0deg,transparent 0,transparent 28px,rgba(118,149,166,.13) 29px,transparent 30px),#f9f7ef}.dropzone:hover,.dropzone.drag-active{border-color:var(--red);background-color:#fff9ec}.upload-symbol{width:52px;height:52px;margin-bottom:4px;border:0;border-radius:0;background:transparent;color:#56564c;transform:rotate(-6deg)}.upload-symbol svg{width:43px;height:43px}.dropzone strong{color:var(--ink);font:700 15px Segoe Print,cursive}.dropzone>span{margin-top:3px;color:var(--soft);font-size:12px}.dropzone em{color:var(--red);font-weight:700;text-decoration:underline wavy}.dropzone small{margin-top:9px;color:#8b897c;font-size:10px}.file-meta{margin-top:12px;padding:10px;border:1px solid #a9a395;border-radius:0;background:#f5f0e4}.file-type-icon,.history-file-icon{border:1.5px solid var(--red);border-radius:2px;background:transparent;color:var(--red);font:700 10px Segoe Print,cursive;transform:rotate(-4deg)}.file-details strong{color:var(--ink);font-size:12px}.file-details span{color:var(--soft);font-size:11px}.icon-button{border:1px solid #898476;border-radius:4px;background:transparent;color:var(--ink)}.icon-button:hover{border-color:var(--red);color:var(--red)}.tool-pane{min-height:190px}.text-input{min-height:45px;padding:0 13px;border:1.8px solid #79766a;border-radius:4px 7px 5px 5px;background-color:#fffefa;color:var(--ink);font:15px Georgia,serif;box-shadow:none}.text-input:focus{border-color:var(--red);box-shadow:0 0 0 3px #a6533d1c}.text-input::placeholder{color:#a49d8d}.helper-text{margin-top:9px;color:var(--soft);font:italic 12px/1.6 Georgia,serif}.example-chips{gap:8px;margin-top:14px}.example-chip{padding:7px 10px;border:1.5px solid #b5aa93;border-radius:3px 7px 4px 6px;background:#f7f2e6;color:#555146;font-size:12px}.example-chip:hover{border-color:#b5aa93;color:var(--ink);background:#f5e4a9}.select-input{background-color:#fffefa;background-image:linear-gradient(45deg,transparent 50%,#777468 50%),linear-gradient(135deg,#777468 50%,transparent 50%)}.select-input option{color:var(--ink);background:#fffefa}.marker-position-heading,.marker-template-heading{margin-top:19px}.secondary-button{min-height:36px;padding:9px 13px;border:1.8px solid #6e7564;border-radius:5px;background:#e9eddf;color:#3c5140;font:700 12px Segoe Print,cursive}.secondary-button:hover{border-color:#6e7564;color:#3c5140;background:#dce7d4}.secondary-button span{color:var(--green)}.marker-file-label{color:var(--soft);font:italic 11px Georgia,serif}.marker-file-label.has-file{color:var(--green)}.editor-footer{gap:12px;margin-top:22px;padding-top:19px;border-top:1px dashed #b4ad9c}.footer-note{max-width:180px;color:var(--soft);font:italic 11px/1.5 Georgia,serif}.note-dot{background:var(--red)}.text-button{padding:8px;color:#796c5c;font:700 12px Segoe Print,cursive}.text-button:hover{color:var(--red);text-decoration:underline}.primary-button{min-height:41px;padding:11px 15px;border:2px solid #413e36;border-radius:5px 8px 4px 7px;background:#4e604c;color:#fffdf3;box-shadow:3px 3px #b0aa96;font:700 12px Segoe Print,cursive}.primary-button:hover:not(:disabled){transform:translateY(-2px);border-color:#413e36;background:#41543f;box-shadow:3px 5px #b0aa96}.primary-button:disabled{background:#d7d0c1;color:#777264;border-color:#9e988b;box-shadow:none}.primary-button span{font-size:17px}.preview-heading{margin-bottom:8px}.preview-empty{min-height:433px}.preview-art{width:230px;height:210px;margin-bottom:15px}.paper{width:128px;height:173px;border:2px solid #58554d;border-radius:0;background:#fcfaf1;box-shadow:3px 4px #c5bdae}.paper-back{left:32px;top:16px;transform:rotate(-12deg);opacity:1}.paper-front{left:83px;top:12px;padding:26px 18px;transform:rotate(8deg);border-color:#58554d;background:#fcfaf1;box-shadow:3px 4px #c5bdae}.paper-front span{height:2px;margin-bottom:14px;background:#a7a194;opacity:1}.paper-front i{margin-top:17px;color:var(--red);font:800 21px Segoe Print,cursive;transform:rotate(-6deg)}.preview-spark{right:7px;bottom:4px;color:var(--red);font:45px Segoe Print,cursive;text-shadow:none;transform:rotate(-12deg)}.preview-empty>strong{color:var(--ink);font:700 17px Segoe Print,cursive}.preview-empty>p{color:var(--soft);font-size:12px;line-height:1.65}.preview-empty>p b{color:var(--ink)}.preview-steps{gap:8px;margin-top:17px;color:#6d6a60;font:12px Segoe Print,cursive}.preview-steps i{color:var(--red)}.preview-summary-row{margin-bottom:15px}.preview-summary-row strong{color:var(--ink);font:700 15px Segoe Print,cursive}.preview-summary-row span{color:var(--soft);font-size:11px}.preview-summary-row .preview-status{border:1.5px solid var(--green);border-radius:0;background:transparent;color:var(--green);font:700 10px Segoe Print,cursive;transform:rotate(4deg)}.preview-grid{gap:12px;padding:5px;scrollbar-color:#b3aa99 transparent}.page-card{border:1.5px solid #8b8677;border-radius:0;background:#f6f1e6;box-shadow:2px 3px #d5ccba}.page-card:nth-child(3n+1){transform:rotate(-.5deg)}.page-card:nth-child(3n+2){transform:rotate(.45deg)}.page-media{min-height:118px;border-bottom:1px solid #bbb5a6;background:#fffdf5}.blank-page-preview{background:#fffdf5;color:var(--green)}.blank-page-preview span{border:1.5px dashed #9b9b8c;border-radius:50%;color:var(--red)}.blank-page-preview small{color:var(--soft)}.page-caption{padding:8px}.page-caption strong{color:var(--ink);font:700 11px Segoe Print,cursive}.page-caption span{color:var(--soft);font:italic 10px Georgia,serif}.preview-overflow{color:var(--soft);font-size:11px}.preview-bottom{margin-top:18px;padding-top:15px;border-top:1px dashed #b4ad9c}.signature-warning{color:var(--soft);font:italic 11px/1.5 Georgia,serif}.signature-warning span{color:var(--red)}.create-button{min-height:43px}.result-ready{border:1.5px solid var(--green);border-radius:5px;background:#e9edde}.result-check{background:var(--green);color:#fffdf3}.result-copy strong{color:var(--ink)}.result-copy span{color:var(--soft)}.history-section{position:relative;margin-top:43px;padding:24px 28px;border:2px solid #807d6e;border-radius:7px 10px 4px 9px;background:#fffcf3b3;box-shadow:4px 5px 0 var(--shadow)}.history-section:before{content:"✎";position:absolute;right:26px;top:15px;color:#b3a792;font:33px Segoe Print,cursive;transform:rotate(22deg);pointer-events:none}.history-heading p{color:var(--soft);font-size:12px}.danger-text{color:var(--red)}.danger-text:hover{color:#813b2c}.history-controls{margin-top:20px;padding:16px 0;border-top:1px dashed #b4ad9c;border-bottom:1px dashed #b4ad9c}.remember-toggle strong{color:var(--ink);font:700 12px Segoe Print,cursive}.remember-toggle small{color:var(--soft);font-size:11px}.toggle-track{background:#d1cbbb}.toggle-track:after{background:#fffdf5}.remember-toggle input:checked+.toggle-track{background:var(--green)}.remember-toggle input:checked+.toggle-track:after{background:#fffdf5}.storage-label{color:var(--green);font:italic 11px Georgia,serif}.storage-dot{background:var(--green);box-shadow:none}.history-empty{min-height:90px;color:#8b897c;font:italic 13px Georgia,serif}.history-empty span{color:var(--red)}.history-item{border-bottom:1px dashed #c5bcab}.history-file-icon{color:var(--red)}.history-item-copy strong{color:var(--ink);font-size:12px}.history-item-copy span{color:var(--soft);font-size:11px}.history-open,.history-download,.history-delete{border:1px solid #9b9588;border-radius:4px;background:#f8f3e8;color:var(--ink)}.history-open:hover,.history-download:hover{color:var(--green);border-color:var(--green)}.history-delete:hover{color:var(--red);border-color:var(--red)}.footer{padding:28px 0 36px;color:#817b6d;font:italic 11px Georgia,serif}.footer-separator{color:var(--red)}.toast{right:20px;bottom:20px;max-width:min(380px,calc(100vw - 40px));padding:13px 17px;border:2px solid #6c675a;border-radius:2px;background:#fffdf3;color:var(--ink);box-shadow:5px 6px #c8bfae;font-size:13px}.toast.success{border-color:var(--green)}.toast.error{border-color:var(--red)}body.readable-font,body.readable-font *{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif!important}body.readable-font .hero h1,body.readable-font .brand-copy strong,body.readable-font .panel-heading h2,body.readable-font .history-heading h2{letter-spacing:-.045em}@media (max-width: 980px){.workspace{grid-template-columns:1fr}.preview-panel{min-height:0}.preview-empty{min-height:340px}.hero{grid-template-columns:1fr .65fr}.hero h1{font-size:45px}.preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 650px){.topbar{height:80px;padding:0 17px}.topbar:after{left:17px;right:17px}.brand-copy strong{font-size:18px}.brand-copy small{font-size:10px}.brand-icon,.brand-icon svg{width:38px;height:44px}.topbar-right{gap:7px}.topbar-proof,.local-stamp{display:none}.font-toggle{padding:8px 9px;font-size:10px;gap:5px}.font-toggle .font-glyph{font-size:14px}.main-content{width:calc(100% - 34px)}.hero{display:block;min-height:0;padding:33px 0 23px}.hero h1{font-size:clamp(33px,9vw,45px);letter-spacing:-1.9px}.hero-copy{font-size:13px}.hero-doodle{height:165px;margin-top:8px}.doodle-svg{height:165px}.side-note{right:15px}.privacy-banner{gap:12px;padding:13px}.privacy-tag{display:none}.privacy-icon{width:35px;height:35px;flex-basis:35px;font-size:19px}.privacy-copy strong{font-size:12px}.privacy-copy p{font-size:11px}.workspace{gap:18px}.editor-panel,.preview-panel{padding:17px}.panel-heading h2,.history-heading h2{font-size:20px}.mode-switch{gap:8px}.mode-button{padding:9px 7px;gap:7px}.mode-icon{width:29px;height:29px;flex-basis:29px;font-size:20px}.mode-button strong{font-size:10px}.mode-button small{font-size:9px}.editor-footer{align-items:flex-start;flex-direction:column}.editor-actions{width:100%;justify-content:flex-end}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-section{padding:17px}.history-heading{display:block}.history-controls{align-items:flex-start;flex-direction:column}.storage-label{white-space:normal}.footer{flex-direction:column;gap:5px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.install-app-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;padding:9px 12px;border:1.7px solid #817b6d;border-radius:6px;background:#e9edde;color:#3c5140;font:700 12px Georgia,serif;white-space:nowrap;transition:background .2s,border-color .2s}.install-app-button:hover{background:#dce7d4;border-color:#4e604c}.install-app-button .install-symbol{font:800 16px/1 Georgia,serif}@media (max-width: 750px){.topbar-proof{display:none}}@media (max-width: 650px){.install-app-button{padding:8px 9px;font-size:10px}}@media (max-width: 470px){.install-app-button .install-label{display:none}.install-app-button .install-symbol{font-size:18px}.brand-copy small{display:none}}@media (max-width: 380px){.font-toggle #font-toggle-label{display:none}.font-toggle{padding:8px}}.mode-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-button{min-width:0}.mode-button small{overflow-wrap:anywhere}.compress-icon{color:var(--red);font-size:27px}.compress-progress-panel{display:flex;flex-direction:column;gap:10px;padding:13px 14px;margin-top:16px;border:1.5px dashed #9c9686;border-radius:7px;background:#f7f2e6;color:var(--ink);font:12px/1.6 Georgia,serif}.compress-progress-panel[hidden],.compress-stats[hidden]{display:none!important}.compress-progress-panel progress{width:100%;height:12px;border:1px solid #88806e;border-radius:4px;overflow:hidden;accent-color:var(--green)}.compress-progress-panel progress::-webkit-progress-bar{background:#e5dfd0}.compress-progress-panel progress::-webkit-progress-value{background:var(--green)}.compress-progress-panel .secondary-button{align-self:flex-start}.compress-stats{margin:0 0 14px;padding:11px 12px;border:1px dashed #9e9987;border-radius:5px;color:#5b5a50;background:#f6f1e6;font:italic 12px/1.6 Georgia,serif}@media (max-width: 650px){.mode-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-button{min-height:94px;flex-direction:column;align-items:flex-start;gap:7px}.mode-icon{flex:0 0 29px}.mode-button strong{font-size:10px}.mode-button small{font-size:9px;line-height:1.3}}