:root{color:#172033;background:#eef2f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0;overflow:hidden}button,textarea,input{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,input:focus-visible,[contenteditable=true]:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.app-shell{height:100dvh;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:12px;padding:16px;overflow:hidden}.topbar,.status-row,.pane{border:1px solid #dbe3ee;background:#ffffffeb;box-shadow:0 14px 40px #0f172a14}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px;padding:14px 16px;border-radius:12px}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:10px;background:#10231a;color:#dcfce7;font-size:16px;font-weight:850}.brand h1,.pane-header h2,.setting-group h3{margin:0;letter-spacing:0}.brand h1{font-size:19px;line-height:1.3}.brand p,.pane-header p,.hint{margin:4px 0 0;color:#64748b;font-size:13px;line-height:1.5}.actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.icon-button{min-height:38px;border:1px solid transparent;border-radius:8px;padding:0 13px;color:#172033;background:#fff;transition:transform .18s ease,background .18s ease,border-color .18s ease}.icon-button:active{transform:scale(.98)}.icon-button.ghost{border-color:#dbe3ee;background:#fff}.icon-button.ghost.danger{color:#b42318}.icon-button.secondary{border-color:#cbd5e1;background:#f8fafc}.icon-button.primary{background:#16a34a;color:#fff}.status-row{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 14px;border-radius:10px;color:#475569;font-size:13px}.privacy-dot{width:8px;height:8px;border-radius:999px;background:#16a34a}.auto-save-text{color:#64748b}.success{margin-left:auto;color:#15803d}.error{margin-left:auto;color:#dc2626}.workspace{min-height:0;height:100%;display:grid;grid-template-columns:minmax(280px,.95fr) minmax(360px,1.2fr) minmax(260px,.8fr);gap:12px;overflow:hidden}.pane{min-width:0;min-height:0;height:100%;border-radius:12px;overflow:hidden}.pane-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-height:76px;padding:14px 16px;border-bottom:1px solid #e2e8f0}.pane-header.compact{min-height:64px}.pane-header h2{font-size:16px;line-height:1.35}.pane-header span{flex:0 0 auto;color:#64748b;font-size:12px;font-weight:700}.editor-pane,.preview-pane,.settings-pane{display:grid;grid-template-rows:auto minmax(0,1fr)}.markdown-input{width:100%;min-height:0;height:100%;resize:none;border:0;padding:18px;background:#fbfdff;color:#172033;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:14px;line-height:1.8}.phone-frame{min-height:0;height:100%;margin:0;padding:24px 18px;overflow:auto}.wechat-preview{width:min(100%,677px);min-height:100%;margin:0 auto;padding:26px 20px;border-radius:10px;background:#fff;box-shadow:0 10px 35px #0f172a14}.settings-pane{overflow:hidden;align-self:stretch}.settings-content{min-height:0;overflow:auto}.setting-group{display:grid;gap:12px;padding:16px;border-bottom:1px solid #e2e8f0}.setting-group h3{font-size:14px;color:#334155}.theme-card,.draft-item{display:grid;grid-template-columns:auto 1fr;gap:10px;width:100%;border:1px solid #dbe3ee;border-radius:9px;padding:11px;background:#fff;text-align:left}.draft-item{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.draft-load{min-width:0;border:0;padding:0;background:transparent;text-align:left;color:inherit}.draft-delete{border:1px solid #fecaca;border-radius:7px;padding:5px 8px;background:#fff5f5;color:#b42318;font-size:12px}.draft-delete:hover{border-color:#fca5a5;background:#fee2e2}.theme-card.active{border-color:var(--active-accent, #16a34a);background:#f8fafc}.theme-swatch{width:18px;height:18px;border-radius:999px;margin-top:2px}.theme-card strong,.theme-card small,.draft-item strong,.draft-item small{display:block}.theme-card strong,.draft-item strong{color:#172033;font-size:14px}.theme-card small,.draft-item small{margin-top:3px;color:#64748b;font-size:12px;line-height:1.45}.setting-group label{display:grid;grid-template-columns:64px minmax(0,1fr) 46px;align-items:center;gap:10px;color:#475569;font-size:13px;min-height:28px}.select-row{grid-template-columns:72px 1fr!important;gap:10px;align-items:center;min-height:36px}.select-row select{width:100%;padding:6px 10px;border:1px solid #dbe3ee;border-radius:6px;font-size:13px;color:#172033;background:#fff;cursor:pointer;transition:border-color .18s ease}.select-row select:focus{outline:none;border-color:var(--active-accent, #16a34a)}.toggle-row{grid-template-columns:1fr auto!important;align-items:center;min-height:32px}.toggle-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--active-accent, #16a34a);cursor:pointer}.setting-group input[type=range]{width:100%;accent-color:var(--active-accent, #16a34a)}.color-row{grid-template-columns:64px 48px 1fr!important}.color-row input{width:42px;height:32px;border:0;padding:0;background:transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1180px){body{overflow:auto}.app-shell{height:auto;min-height:100dvh;overflow:visible}.workspace{grid-template-columns:1fr;grid-auto-rows:minmax(420px,auto);height:auto;overflow:visible}.pane{height:min(72dvh,720px)}.settings-pane{grid-template-rows:auto minmax(0,1fr)}}@media(max-width:760px){.app-shell{padding:10px}.topbar{align-items:stretch;flex-direction:column}.brand{min-width:0}.actions{justify-content:stretch}.icon-button{flex:1 1 calc(50% - 8px)}.status-row{align-items:flex-start;flex-wrap:wrap}.success,.error{width:100%;margin-left:16px}.phone-frame{padding:14px 8px}.wechat-preview{padding:20px 14px}}