@charset "UTF-8";
:root{--ink:#203638;--muted:#6a7877;--accent:#176b70;--accent-soft:#e7f1ed;--paper:#fff;--line:#dde4df;--canvas:#f3f4ef;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.55 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6bb6ba;outline-offset:3px}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:15px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:8px}.site-header{display:flex;align-items:center;justify-content:space-between;padding:22px 44px;background:#fcfcf9;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}.brand-mark{width:42px;height:42px;background:var(--accent);border-radius:12px;display:grid;place-items:center}.brand-mark svg{width:30px;fill:none;stroke:white;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand strong{font-size:18px;letter-spacing:-.5px;display:block}.brand strong span{font-weight:400;font-size:14px;color:#627271}.brand small{font-size:9px;letter-spacing:2.9px;font-weight:bold;color:var(--muted);display:block;margin-top:1px}.header-actions{display:flex;gap:10px}.button{border:1px solid transparent;border-radius:8px;padding:11px 17px;font-weight:bold;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:9px;text-decoration:none;white-space:nowrap;transition:background .18s,box-shadow .18s}.button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.button.primary{background:var(--accent);color:white;box-shadow:0 3px 6px #173f3e12}.button.primary:hover{background:#10585d}.button.secondary{background:#fff;border-color:#d8e0d9;color:#314b49}.button.secondary:hover{background:#eef4f0}.button.subtle{background:transparent;border-color:#cbd5ce;color:#365250}.button.subtle:hover{background:#fff}main{max-width:1480px;margin:0 auto;padding:0 44px}.intro{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:38px 0 31px}.eyebrow{font-size:9px;font-weight:bold;letter-spacing:2.1px;margin:0 0 10px;color:var(--accent)}h1{font:38px/1.2 var(--serif);letter-spacing:-1.1px;margin:0 0 11px}h1 em{color:var(--accent);font-weight:normal}.intro>div>p:last-child{color:var(--muted);margin:0;font-size:13px}.intro-note{display:flex;align-items:center;gap:12px;color:#71817a;font-size:11px;line-height:1.6}.intro-note strong{font-weight:normal;color:#44605b}.tiny-leaf{font-size:31px;color:#78a397}.workspace{display:grid;grid-template-columns:385px minmax(0,1fr);gap:36px;align-items:start}.card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 4px 25px #253f3405}.editor-heading{display:flex;justify-content:space-between;align-items:center;padding:23px 25px 18px}.editor h2{font-size:16px;letter-spacing:-.3px;margin:0}.step-label{font-size:8px;letter-spacing:1.5px;font-weight:bold;color:#87948d}.template-control{padding:0 25px 20px}.template-control label,.field label{font-size:11px;font-weight:bold;color:#38514b;display:block;margin-bottom:7px}.template-control select{font-weight:bold;color:#294c47;background:#f4f7f2}.hint{font-size:10px;line-height:1.5;color:var(--muted);margin:7px 0 0}.context-hint{margin:-4px 0 19px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 25px;gap:24px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:12px 3px 13px;font-weight:bold;font-size:11px;color:#8a958e}.tabs button[aria-selected=true]{color:var(--accent);border-bottom-color:var(--accent)}.tab-panel{padding:23px 25px 24px}.field{margin-bottom:19px}.field label span{font-weight:normal;color:var(--muted)}input[type=text],input:not([type]),textarea,select{width:100%;border:1px solid #d6dfd8;border-radius:6px;color:#334943;background:#fff;padding:10px 11px;font-size:12px;line-height:1.45;min-height:39px;transition:border-color .15s}input:focus,textarea:focus,select:focus{border-color:#8db1a4}textarea{resize:vertical;min-height:70px}select{padding-right:25px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.section-toolbar{display:flex;align-items:start;justify-content:space-between;gap:10px;padding-top:1px;margin:25px 0 13px}.section-toolbar h3{font-size:12px;margin:0}.section-toolbar .hint{margin:3px 0 0}.text-button{border:0;background:none;color:var(--accent);padding:2px 0;font-size:11px;font-weight:bold}.text-button:hover{text-decoration:underline}.section-card{border:1px solid var(--line);border-radius:7px;background:#fff;margin-top:8px;overflow:hidden}.section-card[open]{background:#fbfcf9}.section-card summary{list-style:none;display:flex;align-items:center;gap:9px;padding:13px 12px;cursor:pointer;font-size:11px;font-weight:bold;color:#3c544b}.section-card summary::-webkit-details-marker{display:none}.section-number{width:23px;height:23px;border-radius:5px;background:#edf2ec;display:grid;place-items:center;font-size:10px;color:#6e8578;flex-shrink:0}.section-card summary .section-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.section-card summary .chevron{color:#85958a;font-size:13px;transition:transform .2s}.section-card[open] .chevron{transform:rotate(180deg)}.section-body{padding:1px 13px 15px}.section-body .field{margin-bottom:12px}.section-body .field label{font-size:10px}.section-body input,.section-body textarea,.section-body select{font-size:11px}.section-body textarea{min-height:64px}.section-actions{display:flex;align-items:center;gap:5px;margin-top:12px}.icon-button{width:28px;height:28px;border:1px solid #d7e0d8;border-radius:5px;background:#fff;font-size:13px;color:#557367;display:grid;place-items:center}.icon-button:hover{background:#e8f0e9}.section-actions .delete-section{margin-left:auto;font-size:10px;color:#927269;border:0;background:none;cursor:pointer}.section-actions button:disabled{cursor:default;opacity:.35}.editor-footer{border-top:1px solid var(--line);padding:14px 25px;display:flex;align-items:center;gap:7px;color:#88918c;font-size:9px;background:#fcfdfa}.status-dot,.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6b987e}.preview-area{min-width:0}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0 19px}.preview-toolbar h2{font-size:15px;font-weight:normal;margin:4px 0 0;color:#435a51}.preview-meta{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.2px;color:#8a968f;margin-bottom:13px;padding:0 4px}.preview-meta .live-dot{margin-right:6px}.preview-meta>span:last-child{letter-spacing:0;font-size:10px}.worksheet-page{--sheet-accent:#176b70;--sheet-tint:#edf5f2;position:relative;width:100%;max-width:730px;min-height:890px;background:#fff;padding:43px 44px 57px;margin:0 auto 22px;border:1px solid #e0e4dc;box-shadow:0 8px 28px #4350440b;overflow:hidden;color:#243b39}.sheet-header{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#82928b;margin-bottom:31px;gap:10px}.sheet-brand{font-weight:bold;font-size:9px;color:var(--sheet-accent);letter-spacing:0}.sheet-hero{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:24px}.sheet-hero h3{font-size:25px;line-height:1.2;letter-spacing:-.6px;font-weight:bold;margin:0 0 9px;color:#253f3c;overflow-wrap:anywhere}.sheet-subtitle{font-size:10px;color:#718078;margin:0;line-height:1.6;overflow-wrap:anywhere}.sheet-illustration{width:110px;height:110px;flex-shrink:0}.sheet-illustration svg{width:100%;height:100%;color:var(--sheet-accent)}.sheet-meta-line{display:flex;gap:25px;font-size:8px;color:#81918b;margin:18px 0 21px}.sheet-meta-line span{display:flex;align-items:center;gap:8px;flex:1}.sheet-meta-line i{display:inline-block;border-bottom:1px solid #d9e1d9;flex:1;height:12px}.sheet-instructions{font-size:10px;line-height:1.65;background:var(--sheet-tint);border-left:2px solid var(--sheet-accent);padding:12px 15px;margin:0 0 23px;white-space:pre-wrap;overflow-wrap:anywhere}.sheet-section{position:relative;margin-bottom:20px;z-index:1}.sheet-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:6px}.sheet-section-heading span{width:22px;height:22px;border-radius:50%;background:var(--sheet-tint);color:var(--sheet-accent);font-size:9px;font-weight:bold;display:grid;place-items:center;flex-shrink:0}.sheet-section-heading h4{font-size:12px;margin:0;line-height:1.4;overflow-wrap:anywhere}.sheet-prompt{font-size:10px;margin:0 0 9px;color:#6b7e75;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.sheet-example{font-size:9px;font-style:italic;color:#819389;margin:-1px 0 8px;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.writing-line{height:22px;border-bottom:1px solid #e2e8df}.sheet-footer{position:absolute;bottom:22px;left:44px;right:44px;display:flex;justify-content:space-between;align-items:end;gap:20px;font-size:8px;color:#90a091;border-top:1px solid #e4e9e1;padding-top:12px}.sheet-footer p{margin:0;max-width:80%;overflow-wrap:anywhere}.sheet-watermark{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%) rotate(-29deg);font-size:41px;font-weight:bold;color:#176b7007;white-space:nowrap;pointer-events:none;z-index:0}.sheet-section,.sheet-hero,.sheet-header,.sheet-instructions{position:relative;z-index:1}.preview-caption{text-align:center;font-size:10px;line-height:1.6;color:#96a095;margin:20px 0}.preview-caption strong{font-weight:normal;color:#5e7b6c}.preview-benefits{display:flex;justify-content:center;gap:25px;font-size:10px;color:#829083;margin:25px 0 12px}.preview-benefits span{display:flex;align-items:center;gap:6px}.preview-benefits svg{width:14px;height:14px;fill:none;stroke:#7e9c87;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.choice-group{padding:0;border:0;margin:0 0 25px}.choice-group legend{font-size:11px;font-weight:bold;margin-bottom:12px;color:#38514b}.palette-grid,.illustration-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.palette-option,.illustration-option{border:1px solid #dbe3dc;border-radius:7px;background:#fff;color:#50665a;padding:11px;font-size:11px;display:flex;align-items:center;gap:8px}.palette-option i{width:22px;height:22px;border-radius:50%;background:var(--swatch);border:3px solid #ffffff99;box-shadow:0 0 0 1px #dae2dc}.palette-option[aria-pressed=true],.illustration-option[aria-pressed=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:#f1f8f4}.illustration-option{flex-direction:column;gap:4px}.illustration-option svg{width:70px;height:70px;color:var(--accent)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #e0e6de;border-bottom:1px solid #e0e6de;font-size:11px}.toggle-row small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.toggle-row input{appearance:none;width:35px;height:20px;border-radius:20px;background:#d5dfd6;cursor:pointer;position:relative;flex-shrink:0}.toggle-row input:before{content:'';position:absolute;top:3px;left:3px;width:14px;height:14px;background:#fff;border-radius:50%;transition:left .15s}.toggle-row input:checked{background:var(--accent)}.toggle-row input:checked:before{left:18px}.design-note{background:#f2f6ef;border-radius:8px;padding:14px 15px;margin-top:25px;display:flex;align-items:center;gap:12px;color:#6e8675;font-size:10px}.design-note>span{font-size:30px}.design-note p{margin:0}.reuse-card{background:#f1f6ef;border-radius:8px;padding:18px;margin-top:25px}.reuse-card h3,.privacy-note h3{font-size:12px;margin:0 0 7px}.reuse-card p,.privacy-note p{font-size:11px;color:#708073;margin:0 0 14px}.reuse-card>div{display:flex;gap:7px}.reuse-card .button{font-size:10px;padding:9px}.privacy-note{padding:23px 0 9px;border-bottom:1px solid #dfe6dc;margin:0 0 18px}.reset-button{color:#8b756d}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #dfe5db;margin:45px 0 0;padding:22px 0 30px;font-size:9px;color:#8e998e}.site-footer p{margin:0}.site-footer p span{margin:0 5px}.site-footer p:nth-child(2){max-width:370px}.site-footer a{color:#6e8173;text-decoration:none;white-space:nowrap}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#203f3a;color:#fff;font-size:12px;max-width:calc(100vw - 36px);padding:13px 20px;border-radius:8px;box-shadow:0 4px 16px #21362730;z-index:100;white-space:normal}.toast.error{background:#7c423e}dialog{border:1px solid #d7e0d7;border-radius:12px;padding:0;color:var(--ink);box-shadow:0 25px 100px #15282640;max-width:calc(100vw - 32px)}dialog::backdrop{background:#16332e70;backdrop-filter:blur(3px)}#pdf-dialog{width:1000px;height:90vh;overflow:hidden}#pdf-dialog[open]{display:flex;flex-direction:column}.dialog-header{display:flex;justify-content:space-between;gap:25px;align-items:start;padding:20px 24px}.dialog-header h2{font-size:18px;margin:0 0 5px}.dialog-header p{font-size:11px;color:var(--muted);margin:0}.dialog-header .icon-button{font-size:22px}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px}.dialog-footer p{font-size:10px;color:var(--muted);margin:0}#pdf-frame{border:0;flex:1;min-height:200px;width:100%;background:#e8ede6}.confirm-body{padding:28px;max-width:440px}.confirm-body h2{font:26px/1.2 var(--serif);margin:0 0 15px}.confirm-body p:not(.eyebrow){font-size:12px;color:var(--muted);margin:0 0 24px}.confirm-body>div{display:flex;justify-content:end;gap:9px}.noscript{position:fixed;top:0;width:100%;text-align:center;background:#f7e9c9;color:#563e14;padding:15px}
@media(min-width:1450px){.worksheet-page{padding:49px 53px 63px;min-height:975px}.sheet-footer{left:53px;right:53px}.sheet-hero h3{font-size:28px}.sheet-prompt,.sheet-instructions{font-size:11px}.writing-line{height:25px}}
@media(max-width:1100px){main{padding:0 26px}.site-header{padding:20px 26px}.workspace{grid-template-columns:345px minmax(0,1fr);gap:22px}.editor-heading,.template-control,.tab-panel{padding-left:21px;padding-right:21px}.tabs{padding-left:21px}.worksheet-page{padding:32px 28px 58px;min-height:770px}.sheet-footer{left:28px;right:28px}.sheet-hero{gap:12px}.sheet-hero h3{font-size:21px}.sheet-illustration{width:85px;height:85px}.sheet-header{margin-bottom:25px}.preview-toolbar h2{font-size:13px}.preview-toolbar .button{padding:9px 11px;font-size:10px}.preview-benefits{gap:14px;font-size:9px}.intro-note{display:none}.sheet-watermark{font-size:32px}}
@media(max-width:850px){.workspace{grid-template-columns:310px minmax(0,1fr);gap:18px}main{padding:0 20px}.site-header{padding:17px 20px}.brand strong{font-size:15px}.brand strong span{font-size:11px}.header-actions .button{font-size:10px;padding:10px 12px}.sheet-illustration{width:64px;height:64px}.worksheet-page{padding:26px 22px 55px}.sheet-footer{left:22px;right:22px}.sheet-hero h3{font-size:18px}.sheet-prompt,.sheet-instructions{font-size:9px}.sheet-section-heading h4{font-size:11px}.preview-toolbar{flex-wrap:wrap;gap:12px}.preview-meta{font-size:8px;letter-spacing:.6px}.preview-benefits{flex-wrap:wrap}.site-footer{flex-wrap:wrap}.intro h1{font-size:33px}}
@media(max-width:700px){.site-header{padding:16px;flex-wrap:wrap;gap:17px}.brand-mark{width:35px;height:35px;border-radius:9px}.brand-mark svg{width:25px}.brand{gap:10px}.brand strong{font-size:17px}.brand strong span{font-size:12px}.brand small{font-size:8px;letter-spacing:2.5px}.header-actions{width:100%;gap:8px}.header-actions .button{flex:1;padding:11px;font-size:11px}.workspace{display:flex;flex-direction:column;gap:27px}.editor,.preview-area{width:100%}main{padding:0 16px}.intro{padding:27px 0 23px}.intro h1{font-size:31px;max-width:400px}.intro>div>p:last-child{font-size:12px;max-width:390px}.eyebrow{font-size:8px;letter-spacing:1.6px}.editor-heading{padding-top:23px}.editor-heading,.template-control,.tab-panel{padding-left:23px;padding-right:23px}.tabs{padding-left:23px}.tab-panel{padding-top:22px}.section-card summary{font-size:12px}.field label{font-size:12px}input[type=text],input:not([type]),textarea,select{font-size:14px}.hint{font-size:11px}.section-body input,.section-body textarea,.section-body select{font-size:13px}.section-body .field label{font-size:11px}.sheet-hero h3{font-size:22px}.sheet-illustration{width:85px;height:85px}.sheet-prompt,.sheet-instructions{font-size:10px}.sheet-section-heading h4{font-size:12px}.sheet-header{font-size:7px}.worksheet-page{padding:30px 25px 65px;min-height:790px}.sheet-footer{left:25px;right:25px}.preview-toolbar{flex-wrap:nowrap;padding:0 0 19px}.preview-toolbar h2{font-size:13px}.preview-meta{font-size:8px}.sheet-watermark{font-size:30px}.site-footer{margin-top:25px;gap:10px;font-size:9px;align-items:start}.site-footer p:nth-child(2){max-width:100%;width:100%}.preview-benefits{font-size:9px;gap:14px}.dialog-header{padding:18px}.dialog-footer{padding:14px 18px;align-items:start}.dialog-footer p{max-width:50%}.dialog-footer .button{font-size:10px;padding:9px 12px}.dialog-header h2{font-size:16px}.confirm-body>div{flex-wrap:wrap}#pdf-dialog{height:92vh}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.worksheet-page{display:flex;flex-direction:column}.sheet-footer{position:static;margin-top:auto;flex-shrink:0}.sheet-continuation h3{font-size:19px;line-height:1.3;margin:0 0 24px;overflow-wrap:anywhere}.sheet-section:last-of-type{margin-bottom:35px}
#pdf-frame{overflow:auto;padding:18px;background:#e9ede7;scrollbar-gutter:stable}.pdf-rendered-page{margin:0 auto 23px;text-align:center;max-width:100%}.pdf-rendered-page canvas{height:auto;max-width:100%;background:white;box-shadow:0 3px 15px #25352b16;display:block;margin:auto}.pdf-rendered-page figcaption{font-size:10px;color:#7a887b;margin-top:10px}