:root{--bg: #f7f5f0;--surface: #ffffff;--surface-2: #fbfaf7;--text: #1c1b19;--muted: #5f5d57;--line: #e4e0d6;--accent: #2f5bd3;--accent-strong: #2448ad;--accent-soft: #e8eefc;--mine: #e8eefc;--theirs: #ffffff;--danger: #b3261e;--blue: #2f5bd3;--blue-soft: #e8eefc;--orange: #c2570c;--orange-soft: #fdeee0;--green: #1f7a4d;--green-soft: #e2f3ea;--blob: #e8eefc;--shadow-sm: 0 1px 2px rgb(28 27 25 / 6%), 0 2px 8px rgb(28 27 25 / 5%);--shadow-md: 0 2px 4px rgb(28 27 25 / 6%), 0 12px 32px rgb(28 27 25 / 8%);--radius: 14px;--radius-lg: 20px;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #151514;--surface: #1f1f1d;--surface-2: #252522;--text: #ecebe6;--muted: #a6a49c;--line: #36352f;--accent: #8aa6f0;--accent-strong: #a9bff5;--accent-soft: #24304d;--mine: #24304d;--theirs: #2a2a27;--danger: #f2b8b5;--blue: #8aa6f0;--blue-soft: #24304d;--orange: #f0a46b;--orange-soft: #3d2a1c;--green: #74c79b;--green-soft: #1c3428;--blob: #1d2638;--shadow-sm: 0 1px 2px rgb(0 0 0 / 30%);--shadow-md: 0 8px 28px rgb(0 0 0 / 40%)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}h1,h2,h3{line-height:1.25;letter-spacing:-.01em}a{color:var(--accent)}.sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}button,select{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font:inherit;font-size:.95rem;cursor:pointer}button{display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover:not(:disabled){border-color:var(--accent)}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}@media(prefers-color-scheme:dark){button.primary{color:#10172b}}button.ghost{border-color:transparent;background:transparent;color:var(--muted);padding-inline:8px}button:disabled{opacity:.5;cursor:default}.link-button{display:inline;min-height:44px;padding:0;border:none;background:none;color:var(--accent);text-decoration:underline;text-underline-offset:3px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px max(16px,calc((100% - 1040px)/2));border-bottom:1px solid var(--line);background:var(--surface)}.brand{display:inline-flex;align-items:center;gap:8px;color:var(--text);font-weight:700;font-size:1.1rem;text-decoration:none}.brand-mark{width:28px;height:28px}.bm-page{fill:var(--accent)}.bm-bubble{fill:#fff}.bm-bubble-mine{fill:#c9d6f8}.lang-switch{display:flex;align-items:center;gap:4px}.lang-switch button{min-width:44px;padding:6px 10px;font-size:.85rem}.lang-switch button[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.beta-badge{padding:2px 8px;border-radius:999px;background:var(--accent-soft);color:var(--muted);font-size:.75rem}.site-footer{margin-top:64px;padding:32px 16px;border-top:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:.85rem}.footer-inner{max-width:1040px;margin:0 auto}.footer-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-bottom:10px}.footer-links a{color:var(--muted)}.policy{max-width:720px;margin:0 auto;padding:24px 16px 48px}.policy h1{margin-top:8px}.policy h2{margin-top:28px;font-size:1.15rem}.policy .meta{color:var(--muted)}.policy .back{margin-top:32px}.license-table{width:100%;border-collapse:collapse;font-size:.9rem}.license-table th,.license-table td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}pre.license{overflow-x:auto;padding:12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.75rem;white-space:pre-wrap}.landing{max-width:1040px;margin:0 auto;padding:32px 16px 0}.landing>section+section{margin-top:64px}.section-title{margin:0 0 20px;font-size:clamp(1.35rem,4vw,1.75rem)}.hero{display:grid;gap:24px;align-items:center}@media(min-width:880px){.hero{grid-template-columns:1.1fr .9fr;gap:48px}}.eyebrow{display:inline-block;margin:0 0 12px;padding:4px 12px;border-radius:999px;background:var(--green-soft);color:var(--green);font-size:.85rem;font-weight:600}.hero h1{margin:0 0 12px;font-size:clamp(1.85rem,6vw,2.9rem);letter-spacing:-.02em}.lead{margin:0 0 24px;color:var(--muted);font-size:1.1rem}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;padding:28px 16px;border:2px dashed color-mix(in srgb,var(--accent) 35%,var(--line));border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);text-align:center;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.dropzone:hover,.dropzone.dragging,.dropzone:focus-within{border-color:var(--accent);background:var(--accent-soft)}.dropzone.dragging{transform:scale(1.01)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone-icon{width:36px;height:36px;padding:8px;border-radius:12px;background:var(--accent-soft);color:var(--accent);box-sizing:content-box}.dropzone-title{font-weight:600;font-size:1.05rem}.dropzone-button{display:inline-flex;align-items:center;min-height:48px;padding:10px 28px;border-radius:12px;background:var(--accent);color:#fff;font-weight:700;box-shadow:0 6px 16px color-mix(in srgb,var(--accent) 30%,transparent)}.dropzone-hint{color:var(--muted);font-size:.85rem}.landing-status{margin:12px 0 0;color:var(--muted)}.landing-status:empty{margin:0}.sample-link{margin:8px 0 0;text-align:center}.hero-art{width:100%;max-width:420px;justify-self:center}@media(max-width:879px){.hero-art{max-width:230px;order:-1}}.art-blob{fill:var(--blob)}.art-phone-body{fill:#2b2a27}.art-screen{fill:#f3efe7}.art-notch{fill:#2b2a27}.art-bubble{fill:#fff;stroke:#ded8cb}.art-bubble-mine{fill:#c9d6f8}.art-photo-thumb{fill:#fde3c8}.art-mountain{fill:#f0a46b}.art-flow{fill:none;stroke:var(--accent);stroke-width:2.5;stroke-dasharray:5 6;stroke-linecap:round}.art-sheet{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.art-out{filter:drop-shadow(0 6px 10px rgb(28 27 25 / 10%))}.art-fold{fill:none;stroke:var(--line);stroke-width:1.5}.art-label-pdf{fill:var(--orange)}.art-label-text{fill:#fff;font:700 10px system-ui,sans-serif}.art-line{fill:var(--line)}.art-sky{fill:#cfe0fb}.art-sun{fill:#f6c445}.art-hill{fill:#5aa874}.art-grid-head{fill:var(--green)}.art-grid{fill:none;stroke:var(--line);stroke-width:1.5}.feature-grid{display:grid;gap:16px}@media(min-width:720px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{display:flex;flex-direction:column;gap:6px;padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.feature-card h3{margin:8px 0 0;font-size:1.15rem}.feature-card p{margin:0;color:var(--muted)}.feature-link{margin-top:auto;padding-top:8px;font-weight:600;text-decoration:none}.feature-link:after{content:" →"}.feature-icon{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:14px}.feature-icon .icon{width:26px;height:26px}.tone-blue{background:var(--blue-soft);color:var(--blue)}.tone-orange{background:var(--orange-soft);color:var(--orange)}.tone-green{background:var(--green-soft);color:var(--green)}.step-list{display:grid;gap:12px;margin:0;padding:0;list-style:none;counter-reset:step}@media(min-width:720px){.step-list{grid-template-columns:repeat(3,1fr)}}.step-card{position:relative;display:flex;align-items:center;gap:14px;padding:18px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);counter-increment:step}.step-card:before{content:counter(step);position:absolute;top:-10px;left:-6px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--accent);color:#fff;font-size:.8rem;font-weight:700}.step-icon{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--accent-soft);color:var(--accent);flex:none}.guide-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.segmented{display:inline-flex;gap:4px;padding:4px;border-radius:12px;background:var(--bg);border:1px solid var(--line)}.segmented [role=tab]{min-height:40px;border:none;border-radius:9px;background:transparent;color:var(--muted);font-weight:600}.segmented [role=tab][aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.numbered{margin:18px 0 0;padding:0;list-style:none;counter-reset:num}.numbered li{position:relative;margin-bottom:12px;padding-left:40px;counter-increment:num}.numbered li:before{content:counter(num);position:absolute;left:0;top:0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:.85rem;font-weight:700}.note{margin:8px 0 0;color:var(--muted);font-size:.85rem}.privacy{display:flex;gap:18px;align-items:flex-start;padding:24px;border-radius:var(--radius-lg);background:var(--green-soft)}.privacy h2{margin:0 0 8px;font-size:1.3rem}.privacy p{margin:0 0 8px}.privacy-note{color:var(--muted);font-size:.9rem}@media(max-width:600px){.privacy{flex-direction:column;gap:12px;padding:20px}}.privacy-icon{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--surface);color:var(--green);flex:none}.privacy-icon .icon{width:28px;height:28px}.seo-article{max-width:760px;margin-top:48px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.seo-article h2{margin-top:0}.seo-article h3{margin:22px 0 6px;font-size:1.05rem}.seo-article p,.seo-article li{margin-bottom:6px}.alert{margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);border-left-width:4px;border-radius:10px;background:var(--surface)}.alert p{margin:4px 0 0}.alert.error{border-left-color:var(--danger)}.alert.error strong{color:var(--danger)}.alert.inapp{margin:12px max(16px,calc((100% - 1040px)/2)) 0;border-left-color:var(--accent)}.alert.inapp button{margin-top:8px}#copy-status{margin-left:8px;color:var(--muted);font-size:.85rem}.dev-samples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;border:1px dashed var(--line);border-radius:8px}.dev-samples h2{width:100%;margin:0;font-size:.9rem}.toolbar{position:sticky;top:0;z-index:1;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-sm)}@media(max-width:600px){.toolbar{position:static}}.toolbar-inner{max-width:900px;margin:0 auto;padding:12px 16px}.toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.output-tabs [role=tab]{min-width:104px}.output-tabs [role=tab][aria-selected=true]{color:var(--accent)}.options,.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.options{margin-bottom:10px}.options label{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:.9rem}.options label.check{min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:10px;color:var(--text);cursor:pointer}.options input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.out-desc{margin:0 0 10px;color:var(--muted)}.pro-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed var(--line)}.pro-label{display:inline-flex;align-items:center;gap:6px;color:var(--orange);font-size:.8rem;font-weight:700}.pro-label .icon{width:16px;height:16px}.chip{min-height:36px;padding:4px 12px;border-style:dashed;border-radius:999px;font-size:.85rem}.pro-dialog{max-width:min(480px,calc(100vw - 32px));padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:var(--shadow-md)}.pro-dialog::backdrop{background:#0006}.pro-dialog h2{margin-top:0;font-size:1.15rem}.pro-dialog li{margin-bottom:8px}.pro-dialog li.highlight{padding:4px 8px;border-radius:6px;background:var(--accent-soft)}#status{margin:10px 0 0;color:var(--muted);font-size:.9rem}#status:empty{display:none}.preview{max-width:900px;margin:0 auto;padding:20px 16px}.paper{max-width:760px;margin:0 auto;padding:24px;border-radius:6px;background:var(--surface);box-shadow:var(--shadow-md)}@media(max-width:600px){.paper{padding:14px 10px}}.print-cover{margin-bottom:20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}.print-cover h2{margin-top:0}.print-cover p{margin:4px 0}.cover-note{margin-top:12px!important;color:var(--muted);font-size:.9rem}.chat{display:flex;flex-direction:column;gap:6px}.day{align-self:center;margin:14px 0 4px;padding:2px 12px;border-radius:999px;background:var(--bg);color:var(--muted);font-size:.8rem;font-weight:600}.msg{max-width:85%;padding:6px 10px;border:1px solid var(--line);border-radius:12px;background:var(--theirs);align-self:flex-start}.msg.mine{background:var(--mine);align-self:flex-end}.msg header{display:flex;gap:8px;justify-content:space-between;font-size:.78rem;color:var(--muted)}.msg .author{font-weight:600}.msg .text{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;unicode-bidi:plaintext}.msg .photo{display:block;max-width:100%;max-height:320px;margin:4px 0 0;border-radius:8px}.msg .photo.sticker{max-width:120px;max-height:120px}.media-note{margin:2px 0 0;color:var(--muted);font-style:italic;font-size:.9rem}.msg.system{align-self:center;max-width:90%;margin:4px 0;border:none;background:none;color:var(--muted);font-size:.8rem;text-align:center}.table-wrap{overflow:auto;max-height:70vh;border:1px solid var(--line);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-md)}.csv-table{width:100%;border-collapse:collapse;font-size:.85rem}.csv-table th{position:sticky;top:0;padding:8px 10px;background:var(--green);color:#fff;text-align:left;white-space:nowrap}.csv-table td{padding:6px 10px;border-bottom:1px solid var(--line);vertical-align:top;white-space:pre-wrap;overflow-wrap:anywhere}.csv-table td:nth-child(-n+3){white-space:nowrap;color:var(--muted)}.csv-table tbody tr:nth-child(2n){background:var(--surface-2)}.csv-table td:nth-child(5){min-width:220px}.print-footer{display:none}
