:root{--bg: #f6f6f4;--surface: #ffffff;--text: #1d1d1b;--muted: #64645f;--line: #deded8;--accent: #2f5bd3;--accent-soft: #e7edfc;--mine: #e7edfc;--theirs: #ffffff;--danger: #b3261e;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #161615;--surface: #222220;--text: #ecece8;--muted: #a3a39c;--line: #3a3a36;--accent: #8aa6f0;--accent-soft: #26314d;--mine: #26314d;--theirs: #2a2a27;--danger: #f2b8b5}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}[hidden]{display:none!important}h1,h2{line-height:1.25}button,select{min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.95rem;cursor:pointer}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button:disabled{opacity:.5;cursor:default}.link-button{min-height:44px;padding:0;border:none;background:none;color:var(--accent);text-decoration:underline}.site-header{padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.brand{color:var(--text);font-weight:700;font-size:1.1rem;text-decoration:none}.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{max-width:720px;margin:32px auto 0;padding:16px;color:var(--muted);font-size:.8rem}.footer-links{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:8px}.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 a{color:var(--accent)}.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}.seo-article{margin-top:32px}.seo-article h3{margin:20px 0 6px;font-size:1rem}.seo-article p,.seo-article li{margin-bottom:6px}.landing{max-width:720px;margin:0 auto;padding:24px 16px 0}.hero h1{margin:8px 0;font-size:clamp(1.6rem,6vw,2.2rem)}.lead{margin:0 0 20px;color:var(--muted);font-size:1.05rem}.dropzone{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:32px 16px;border:2px dashed var(--line);border-radius:14px;background:var(--surface);text-align:center;cursor:pointer}.dropzone:hover,.dropzone.dragging,.dropzone:focus-within{border-color:var(--accent);background:var(--accent-soft)}.dropzone input{position:absolute;width:1px;height:1px;opacity:0}.dropzone-title{font-weight:600}.dropzone-button{display:inline-flex;align-items:center;min-height:44px;padding:8px 20px;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}.landing-status{margin:12px 0 0;color:var(--muted)}.alert{margin:12px 0 0;padding:12px 14px;border:1px solid var(--line);border-left-width:4px;border-radius:8px;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% - 720px)/2)) 0;border-left-color:var(--accent)}.alert.inapp button{margin-top:8px}#copy-status{margin-left:8px;color:var(--muted);font-size:.85rem}.landing-status:empty{margin:0}.sample-link{margin:4px 0 0}.landing section+section{margin-top:32px}.landing h2{font-size:1.2rem;margin:0 0 12px}.steps ol,.guide ol{margin:0;padding-left:1.4em}.steps li,.guide li{margin-bottom:6px}.tabs{display:flex;gap:8px;margin-bottom:12px}.tabs [role=tab][aria-selected=true]{border-color:var(--accent);background:var(--accent-soft);font-weight:600}.note{margin:8px 0 0;color:var(--muted);font-size:.85rem}.privacy p{margin:0 0 8px}.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;padding:12px 16px;background:var(--surface);border-bottom:1px solid var(--line)}@media(max-width:600px){.toolbar{position:static}}.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.row label{display:inline-flex;align-items:center;gap:6px;font-size:.9rem}.pro-row{margin-top:8px}.pro-row button{border-style:dashed;font-size:.85rem}.pro-label{color:var(--muted);font-size:.8rem;font-weight:600}.pro-dialog{max-width:min(480px,calc(100vw - 32px));padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--text)}.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:8px 0 0;color:var(--muted);font-size:.9rem}.preview{max-width:760px;margin:0 auto;padding:16px}.print-cover{margin-bottom:16px;padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.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:12px 0 4px;color:var(--muted);font-size:.8rem;font-weight:600}.msg{max-width:85%;padding:6px 10px;border:1px solid var(--line);border-radius:10px;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}.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}.print-footer{display:none}
