:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f3f6f7;--surface:#fff;--ink:#17262d;--muted:#52646d;--line:#cbd6da;--line-strong:#9dafb6;--brand:#173f4a;--accent:#146b67;--accent-hover:#0e5653;--focus:#9a5b13;--error:#9e342f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang HK,Noto Sans CJK HK,Microsoft JhengHei,sans-serif}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{background:var(--page);min-width:320px;min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}::selection{color:#102f35;background:#b9ded9}button,textarea{font:inherit}button{touch-action:manipulation}button:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button:disabled,textarea:disabled{cursor:not-allowed}.app-frame{min-height:100svh}.app-header{padding:calc(18px + env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 18px max(24px, env(safe-area-inset-left));background:var(--brand);color:#fff}.header-inner{justify-content:space-between;align-items:center;gap:20px;width:min(1180px,100%);margin:0 auto;display:flex}.wordmark{letter-spacing:-.02em;font-size:1.375rem;font-weight:700}.local-badge{color:#f2f7f8;border:1px solid #8eabb3;border-radius:999px;padding:5px 10px;font-size:.8125rem;font-weight:600}.workspace{width:min(1180px,100%);padding:44px max(24px, env(safe-area-inset-right)) calc(48px + env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));grid-template-columns:minmax(0,2fr) minmax(280px,.85fr);gap:48px;margin:0 auto;display:grid}.draft-column{min-width:0}.section-heading{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.025em;margin-bottom:8px;font-size:2rem;line-height:1.2}h2{letter-spacing:-.01em;margin-bottom:18px;font-size:1.1875rem;line-height:1.3}h3{margin-bottom:8px;font-size:1rem;line-height:1.4}.intro{max-width:62ch;color:var(--muted);margin-bottom:0;font-size:1.0625rem}.persistence-status{color:#354d57;text-align:right;flex:none;margin:7px 0 0;font-size:.875rem;font-weight:650}.persistence-status[data-state=error]{color:var(--error)}.editor-shell{border:1px solid var(--line-strong);background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #173f4a14}.editor-shell:focus-within{border-color:var(--accent)}.editor-label-row{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 0;display:flex}.editor-label-row label{font-size:.9375rem;font-weight:700}.editor-label-row span{color:var(--muted);font-size:.8125rem}textarea{resize:vertical;outline-offset:-4px;width:100%;min-height:360px;max-height:70svh;color:var(--ink);caret-color:var(--accent);tab-size:2;background:0 0;border:0;border-radius:0;padding:16px 20px 24px;font-size:1.125rem;line-height:1.65;display:block}textarea::placeholder{color:#5d6f77;opacity:1}textarea:disabled{color:#445760;-webkit-text-fill-color:#445760;opacity:1}.editor-footer{border-top:1px solid var(--line);background:#f8fafb;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.editor-footer p{max-width:48ch;color:var(--muted);margin-bottom:0;font-size:.8125rem}.button-primary,.button-secondary{border-radius:12px;min-height:52px;padding:12px 20px;font-weight:700;line-height:1.25;transition:background-color .16s ease-out,border-color .16s ease-out}.button-primary{border:1px solid var(--accent);background:var(--accent);color:#fff}.button-primary:not(:disabled):hover{border-color:var(--accent-hover);background:var(--accent-hover)}.button-secondary{border:1px solid var(--line-strong);color:#263f49;background:#fff}.button-secondary:not(:disabled):hover{background:#edf3f4;border-color:#657d86}.button-primary:disabled{color:#26363d;opacity:1;background:#a8b5ba;border-color:#a8b5ba}.button-secondary:disabled{color:#65757c;opacity:1;background:#edf1f2;border-color:#c4cfd3}.local-action-note{margin-top:20px}.local-action-note .button-primary{width:100%}.local-action-note p{color:var(--muted);text-align:center;margin:10px 0 0;font-size:.875rem}.storage-guidance{max-width:70ch;color:var(--muted);margin:24px 0 0;font-size:.8125rem}.error-region{color:#7f2d29;background:#fff7f6;border:1px solid #d6a5a1;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-top:20px;padding:16px;display:flex}.error-region p{margin-bottom:0}.error-region button{flex:none}.workspace-sidebar{padding-top:8px}.sidebar-section{padding:0 0 28px}.sidebar-section+.sidebar-section{border-top:1px solid var(--line);padding-top:30px}.empty-state{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:18px;padding:20px 0}.empty-state p,.status-explanation{color:var(--muted);margin-bottom:0;font-size:.9375rem}.sidebar-section>.button-secondary{width:100%}.status-list{margin:0 0 18px}.status-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:13px 0;display:grid}.status-list dt{color:#344b55}.status-list dd{color:#465d66;text-align:right;margin:0;font-size:.875rem;font-weight:700}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:900px){.workspace{grid-template-columns:1fr;gap:40px}.workspace-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding-top:0;display:grid}.sidebar-section+.sidebar-section{border-top:0;padding-top:0}}@media (max-width:640px){.app-header{padding-right:max(18px, env(safe-area-inset-right));padding-left:max(18px, env(safe-area-inset-left))}.header-inner{align-items:flex-start}.local-badge{text-align:center;max-width:140px}.workspace{padding:30px max(18px, env(safe-area-inset-right)) calc(36px + env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));gap:36px}.section-heading{flex-direction:column;gap:12px}.persistence-status{text-align:left;margin-top:0}textarea{min-height:320px;font-size:1.0625rem}.editor-footer,.error-region{flex-direction:column;align-items:stretch}.editor-footer .button-secondary,.error-region .button-secondary{width:100%}.workspace-sidebar{grid-template-columns:1fr}.sidebar-section+.sidebar-section{border-top:1px solid var(--line);padding-top:28px}}@media (prefers-reduced-motion:reduce){.button-primary,.button-secondary{transition:none}}.target-picker{border:0;gap:8px;margin:0 0 12px;padding:0;display:grid}.target-row{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.target-row input{accent-color:var(--accent)}.target-name{flex:1;font-weight:600}.presence-chip{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px;font-weight:700}.presence-chip.is-fresh{color:var(--accent);border-color:var(--accent)}.pairing-panel{border:1px dashed var(--line-strong);background:var(--surface);border-radius:10px;margin-top:12px;padding:12px}.pair-code{letter-spacing:.18em;word-break:break-all;margin:0 0 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:20px}.status-region{border:1px solid var(--line);background:var(--surface);border-radius:12px;margin-top:16px;padding:14px 16px}.status-region[data-tone=success]{border-color:var(--accent)}.status-region p{margin:0 0 8px}