:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#1e2825;background:#edf0ec;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;background:radial-gradient(circle at 12% 0%,rgba(255,255,255,.95),transparent 33rem),#edf0ec}button,textarea,select,input{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;background:#f9faf7eb;border-bottom:1px solid #d7ddd8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:11px 11px 11px 3px;display:grid;place-items:center;color:#fff;background:#176b5b;font-family:Georgia,serif;font-size:21px;box-shadow:0 5px 14px #176b5b38}.brand strong{display:block;font:700 19px/1 Georgia,serif;letter-spacing:-.3px}.brand small{display:block;margin-top:4px;color:#75807c;font-size:11px;letter-spacing:.18em}.top-actions{display:flex;align-items:center;gap:10px}.save-state{color:#76807d;font-size:12px;margin-right:8px}.button{border:1px solid transparent;border-radius:9px;padding:10px 14px;font-weight:650;font-size:13px;transition:transform .15s,box-shadow .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-secondary{background:#fff;border-color:#d2d9d4;color:#33413d}.button-primary{background:#176b5b;color:#fff;box-shadow:0 5px 13px #176b5b33}.button-primary kbd{margin-left:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.3);font:inherit;font-size:11px;opacity:.8}.workspace{display:grid;grid-template-columns:minmax(340px,1fr) 230px minmax(400px,1.08fr);min-height:calc(100vh - 72px)}.editor-panel,.settings-panel,.preview-panel{min-width:0}.editor-panel{display:flex;flex-direction:column;background:#fafbf8;border-right:1px solid #d8ded9}.settings-panel{padding:28px 20px;background:#f5f7f3;border-right:1px solid #d8ded9;overflow-y:auto}.preview-panel{display:flex;flex-direction:column;background:#e8ece7}.panel-heading{min-height:82px;padding:24px 26px 17px;display:flex;justify-content:space-between;align-items:flex-end}.panel-heading.compact{min-height:60px;padding:0 0 18px}.preview-heading{padding-left:28px;padding-right:28px}.eyebrow{margin:0 0 5px;color:#7a8581;font-size:10px;font-weight:750;letter-spacing:.17em;text-transform:uppercase}.panel-heading h1,.panel-heading h2{margin:0;font:650 19px/1.15 Georgia,Songti SC,serif}.editor-actions{display:flex;gap:13px}.text-button{padding:0;border:0;background:transparent;color:#53615c;font-size:12px;font-weight:650;cursor:pointer}.text-button:hover{color:#176b5b}.text-button.danger:hover{color:#a24632}.format-hint{margin:0 26px 14px;display:flex;gap:7px;flex-wrap:wrap}.format-hint span{padding:5px 7px;border:1px solid #dde2de;border-radius:6px;background:#fff;color:#78827e;font-size:10px}.format-hint b{color:#176b5b}#source-editor{width:calc(100% - 52px);flex:1;min-height:480px;margin:0 26px;padding:20px;resize:none;border:1px solid #dce1dd;border-radius:12px;outline:none;background:#fff;color:#26332f;font:14px/1.75 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;box-shadow:inset 0 1px 2px #14322806}#source-editor:focus{border-color:#83ad9f;box-shadow:0 0 0 3px #176b5b14}.editor-footer{padding:14px 27px 20px;display:flex;justify-content:space-between;color:#7c8783;font-size:10px}.setting-group{margin:0;padding:18px 0;border:0;border-top:1px solid #dce1dd}.setting-group legend{padding:0 0 12px;color:#53605c;font-size:11px;font-weight:750;letter-spacing:.08em}.theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.theme-card{padding:7px 5px 8px;border:1px solid #d7ddd8;border-radius:8px;background:#fff;color:#58645f;font-size:10px}.theme-card.active{border-color:#176b5b;color:#176b5b;box-shadow:0 0 0 1px #176b5b}.theme-swatch{height:38px;padding:7px;display:flex;flex-direction:column;gap:4px;margin-bottom:5px;border-radius:4px;background:#f5f6f3}.theme-swatch i{display:block;height:3px;border-radius:3px;background:#cbd2ce}.theme-swatch i:first-child{width:55%;height:5px;background:#176b5b}.theme-swatch i:last-child{width:75%}.theme-swatch.editorial{border-left:3px solid #315c9b}.theme-swatch.editorial i:first-child{background:#315c9b}.theme-swatch.warm{background:#fbf5ec}.theme-swatch.warm i:first-child{background:#a24632}.theme-swatch.briefing{background:#eef3f6;border-top:4px solid #315c9b}.theme-swatch.briefing i:first-child{background:#315c9b}.theme-swatch.ink{background:#f6f6f2;align-items:center}.theme-swatch.ink i:first-child{width:72%;background:#303733}.theme-swatch.card{background:#f2f6f3;box-shadow:inset 0 0 0 1px #c9d8d0}.theme-swatch.card i:first-child{width:70%;background:#176b5b}.color-row{display:flex;align-items:center;gap:10px}.color-dot,.custom-color{width:27px;height:27px;border-radius:50%;border:3px solid #f5f7f3;background:var(--dot);box-shadow:0 0 0 1px #cfd6d1}.color-dot.active{box-shadow:0 0 0 2px #293631}.custom-color{display:grid;place-items:center;overflow:hidden;background:conic-gradient(#d55252,#d1b24a,#4fa46e,#4b7eb5,#9b5da8,#d55252);color:#fff;font-weight:700;cursor:pointer}.custom-color input{position:absolute;opacity:0;width:1px;height:1px}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:10px}.two-column label{display:grid;gap:7px;color:#596660;font-size:10px;font-weight:700}.two-column select{width:100%;border:1px solid #d3dad5;border-radius:7px;padding:8px 7px;color:#34423d;background:#fff;font-size:11px}.range-row{display:grid;gap:7px;margin:0 0 14px;color:#596660;font-size:10px;font-weight:700}.range-row:last-child{margin-bottom:0}.range-row>span{display:flex;justify-content:space-between;align-items:center}.range-row output{color:#176b5b;font-variant-numeric:tabular-nums}.range-row input{width:100%;accent-color:#176b5b}.meta-fields{display:grid;gap:9px}.meta-fields label{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;color:#596660;font-size:10px;font-weight:700}.meta-fields input{width:100%;min-width:0;padding:8px 9px;border:1px solid #d3dad5;border-radius:7px;background:#fff;color:#34423d;font-size:11px}.check-row{display:flex;align-items:center;gap:8px;margin:9px 0;color:#4f5d58;font-size:11px}.check-row input{accent-color:#176b5b}.field-help{margin:5px 0 0 22px;color:#87908c;font-size:9px;line-height:1.5}.compatibility-note{display:flex;gap:9px;padding:12px;border-radius:9px;background:#e8f0ec;color:#53635d;font-size:10px;line-height:1.55}.compatibility-note p{margin:0}.compatibility-note strong{color:#29463d}.status-dot{flex:0 0 auto;width:7px;height:7px;margin-top:5px;border-radius:50%;background:#269078;box-shadow:0 0 0 4px #2690781f}.compatibility-note+.compatibility-note{margin-top:9px}.status-dot.amber{background:#bf7a2e;box-shadow:0 0 0 4px #bf7a2e21}.view-toggle{display:flex;padding:3px;border-radius:7px;background:#dce2dc}.view-toggle button{border:0;padding:5px 9px;border-radius:5px;color:#69746f;background:transparent;font-size:10px}.view-toggle button.active{background:#fff;color:#34413d;box-shadow:0 1px 4px #23302b1a}.preview-stage{flex:1;padding:8px 28px 38px;display:grid;place-items:start center;overflow:auto}.phone-frame{width:min(100%,390px);min-height:720px;border:1px solid #d6dcd7;border-radius:23px;background:#fff;box-shadow:0 18px 50px #26362e1f;overflow:hidden;transition:width .2s}.phone-frame.wide{width:min(100%,660px)}.phone-bar{height:35px;display:flex;align-items:center;justify-content:center;gap:4px;border-bottom:1px solid #edf0ed}.phone-bar span{width:3px;height:3px;border-radius:50%;background:#c5ccc7}.phone-bar i{width:35px;height:4px;border-radius:4px;background:#dfe4e0}.wechat-title-preview{padding:22px 30px 8px;border-bottom:1px solid #edf0ed;background:#fff}.wechat-title-preview>span{display:inline-block;margin-bottom:9px;padding:3px 6px;border-radius:4px;background:#eef2ef;color:#89928e;font-size:8px;letter-spacing:.08em}.wechat-title-preview h3{margin:0;color:#1f2925;font:700 23px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;letter-spacing:.01em;text-align:left}.wechat-title-preview p{margin:8px 0 0;color:#929a96;font-size:11px;line-height:1.5}#article-preview{padding:30px 0 58px;overflow-wrap:anywhere}.toast{position:fixed;left:50%;bottom:28px;z-index:50;transform:translate(-50%,20px);padding:11px 16px;border-radius:9px;background:#21322c;color:#fff;font-size:12px;opacity:0;pointer-events:none;transition:.2s;box-shadow:0 10px 30px #14231d33}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{background:#8f3d31}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;padding:24px;background:#18231f7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-backdrop[hidden]{display:none}.handoff-dialog{width:min(620px,100%);max-height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #d5dcd7;border-radius:16px;background:#fbfcfa;box-shadow:0 28px 80px #14211b40}.handoff-header{padding:22px 24px 17px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e0e5e1}.handoff-header h2{margin:0;font:650 21px/1.3 Georgia,Songti SC,serif}.modal-close{width:31px;height:31px;border:1px solid #d7ddd8;border-radius:50%;background:#fff;color:#66716d;font-size:20px;line-height:1}.handoff-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:15px 24px;background:#f1f5f2;color:#58655f;font-size:11px;line-height:1.45}.handoff-steps span{display:flex;gap:7px}.handoff-steps b{flex:0 0 auto;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:#176b5b;color:#fff;font-size:10px}.handoff-list{padding:18px 24px;display:grid;gap:12px;overflow-y:auto}.handoff-item{display:grid;grid-template-columns:76px 1fr auto;align-items:center;gap:13px;padding:10px;border:1px solid #dce2de;border-radius:10px;background:#fff}.handoff-item img{width:76px;height:58px;display:block;object-fit:cover;border-radius:5px;background:#eef1ee}.handoff-item strong{display:block;color:#34413c;font-size:12px}.handoff-item small{display:block;max-width:260px;margin-top:4px;overflow:hidden;color:#7a8580;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.copy-image-button{padding:8px 11px;border:1px solid #b9cec5;border-radius:7px;background:#eef6f2;color:#176b5b;font-size:11px;font-weight:700}.copy-image-button.copied{border-color:#176b5b;background:#176b5b;color:#fff}.handoff-footer{padding:14px 24px 18px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #e0e5e1}.handoff-footer p{max-width:400px;margin:0;color:#7a8580;font-size:10px;line-height:1.5}@media(max-width:1050px){.workspace{grid-template-columns:minmax(320px,1fr) 220px}.preview-panel{grid-column:1 / -1;min-height:700px;border-top:1px solid #d8ded9}}@media(max-width:700px){.topbar{height:auto;padding:12px 16px;align-items:flex-start}.save-state,#download-button,.button-primary kbd{display:none}.workspace{display:block}.editor-panel{min-height:650px;border-right:0}.settings-panel{border-right:0;border-top:1px solid #d8ded9}.preview-stage{padding:8px 12px 30px}.modal-backdrop{padding:12px}.handoff-steps{grid-template-columns:1fr}.handoff-item{grid-template-columns:60px 1fr}.handoff-item img{width:60px;height:48px}.copy-image-button{grid-column:1 / -1}}