:root{color:#1f2b27;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{background:#eef2f0;min-width:1180px;margin:0}button,input,textarea,select{font:inherit}button,label,select,input[type=color]{-webkit-tap-highlight-color:transparent}.app-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9fbfaf5;border-bottom:1px solid #dce4e0;justify-content:space-between;align-items:center;height:68px;padding:0 22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;display:flex}.brand-mark{color:#fff;background:#2f7d65;border-radius:10px;place-items:center;width:38px;height:38px;font-family:Georgia,Songti SC,serif;font-size:21px;font-weight:700;display:grid;box-shadow:0 6px 16px #2f7d6533}.brand h1{margin:0;font-size:17px;line-height:1.2}.brand p{color:#75817c;margin:3px 0 0;font-size:11px}.header-actions{align-items:center;gap:8px;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;min-height:34px;padding:0 13px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:#2f7d65;box-shadow:0 5px 14px #2f7d6529}.button.primary:hover{background:#286e59}.button.secondary{color:#2f6f5b;background:#f5faf8;border-color:#c8ddd5}.button.ghost{color:#61706a;background:0 0}.upload-button{color:#2f6f5b;background:#f5faf8;border-color:#c8ddd5;min-height:31px}.status-badge{color:#61706a;align-items:center;gap:6px;margin-right:4px;font-size:12px;display:inline-flex}.status-badge:before{content:"";background:#48a17f;border-radius:50%;width:7px;height:7px}.status-badge[data-state=loading]:before{background:#d8a747;animation:1s infinite pulse}.status-badge[data-state=warning]:before{background:#d88947}.status-badge[data-state=error]:before{background:#c95e5e}@keyframes pulse{50%{opacity:.35}}.workspace{grid-template-columns:292px minmax(330px,38%) minmax(500px,1fr);gap:10px;height:calc(100vh - 68px);padding:10px;display:grid}.panel{background:#fff;border:1px solid #dce4e0;border-radius:10px;min-width:0;overflow:hidden}.panel-heading{border-bottom:1px solid #e6ece9;justify-content:space-between;align-items:center;min-height:61px;padding:12px 15px;display:flex}.panel-heading h2{margin:2px 0 0;font-size:15px}.eyebrow{color:#8b9691;letter-spacing:.14em;font-size:9px;font-weight:700}.autosave{color:#8b9691;font-size:10px}.settings-panel{scrollbar-width:thin;overflow-y:auto}.setting-section{border-bottom:1px solid #edf1ef;padding:14px 15px}.setting-section:last-child{border-bottom:0}.setting-section>h3{color:#55645e;letter-spacing:.06em;margin:0 0 11px;font-size:11px;font-weight:700}.control-grid{gap:9px;display:grid}.control-grid.two-columns{grid-template-columns:1fr 1fr}.control{display:block}.control>span{color:#718079;margin-bottom:5px;font-size:10px;display:block}.control>div{background:#fafcfb;border:1px solid #dfe6e2;border-radius:6px;height:32px;display:flex;overflow:hidden}.control input{color:#26332e;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:0 8px;font-size:12px}.control b{color:#99a39f;border-left:1px solid #e6ece9;place-items:center;min-width:30px;padding:0 7px;font-size:9px;font-weight:500;display:grid}.color-list{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.color-control{color:#718079;justify-content:space-between;align-items:center;font-size:10px;display:flex}.color-control input{cursor:pointer;background:#fff;border:1px solid #dde5e1;border-radius:5px;width:29px;height:24px;padding:2px}.select-control{color:#65736d;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;display:flex}.select-control select{color:#34413c;background:#fafcfb;border:1px solid #dfe6e2;border-radius:6px;outline:0;width:132px;height:31px;padding:0 7px;font-size:11px}.switch-control{cursor:pointer;justify-content:space-between;align-items:center;margin-top:11px;display:flex;position:relative}.switch-control span{flex-direction:column;gap:2px;display:flex}.switch-control b{color:#596861;font-size:11px}.switch-control small{color:#9aa49f;font-size:9px}.switch-control input{opacity:0;position:absolute}.switch-control i{background:#d7dfdb;border-radius:20px;width:34px;height:19px;transition:all .2s;position:relative}.switch-control i:after{content:"";background:#fff;border-radius:50%;width:15px;height:15px;transition:all .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000029}.switch-control input:checked+i{background:#3d8c72}.switch-control input:checked+i:after{transform:translate(15px)}.editor-panel,.preview-panel{flex-direction:column;display:flex}.editor-heading{flex:none}.drop-zone{flex-direction:column;flex:1;min-height:0;transition:background .2s,box-shadow .2s;display:flex;position:relative}.drop-zone.is-dragging{background:#f1f8f5;box-shadow:inset 0 0 0 2px #60a88c}.file-meta{color:#74817b;border-bottom:1px solid #edf1ef;justify-content:space-between;align-items:center;height:37px;padding:0 12px;font-size:10px;display:flex}#file-name{color:#405048;text-overflow:ellipsis;white-space:nowrap;max-width:65%;font-weight:600;overflow:hidden}#markdown-source{resize:none;color:#2f3a35;tab-size:4;background:#fbfcfc;border:0;outline:0;flex:1;width:100%;min-height:0;padding:16px;font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.drop-hint{color:#99a39f;text-align:center;background:#fff;border-top:1px solid #edf1ef;padding:8px 12px;font-size:9px}.preview-heading{flex:none}.preview-stats{color:#87938e;font-size:10px}.phone-stage{background:#e9eeeb;flex:1;place-items:center;min-height:0;padding:12px;display:grid;overflow:hidden}.phone-frame{background:#fff;border:1px solid #d5ded9;border-radius:13px;flex-direction:column;width:min(100%,820px);height:100%;display:flex;overflow:hidden;box-shadow:0 12px 36px #223b3114}.phone-top{color:#7e8a85;border-bottom:1px solid #eef1ef;flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:39px;padding:0 14px;font-size:10px;display:grid}.phone-top span:before{content:"•••";letter-spacing:2px}.phone-top b{color:#4b5953;font-size:11px;font-weight:600}.preview-scroll{scrollbar-width:thin;scrollbar-gutter:stable;overflow-anchor:none;flex:1;min-height:0;overflow-y:auto}#article-preview{min-height:100%}.empty-preview,.fatal-error{color:#8c9893;text-align:center;padding:60px 20px;font-size:13px}.fatal-error{color:#b05858}.hljs-comment,.hljs-quote{color:#7b8b84;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-literal{color:#8a4f8f}.hljs-string,.hljs-doctag{color:#397758}.hljs-title,.hljs-section,.hljs-selector-id{color:#326b8c}.hljs-number,.hljs-built_in,.hljs-type{color:#9b5f35}.hljs-attr,.hljs-variable,.hljs-template-variable{color:#6b5d9a}.toast{z-index:80;color:#fff;opacity:0;pointer-events:none;background:#284d40;border-radius:7px;padding:10px 16px;font-size:12px;transition:all .2s;position:fixed;bottom:28px;left:50%;transform:translate(-50%,10px);box-shadow:0 10px 30px #15332933}.toast.visible{opacity:1;transform:translate(-50%)}.toast[data-type=error]{background:#a84f4f}.image-lightbox[hidden]{display:none}.image-lightbox{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#18241fd1;flex-direction:column;justify-content:center;align-items:center;gap:9px;padding:24px;display:flex;position:fixed;inset:0}.image-lightbox-scroll{background:#fff;border-radius:8px;max-width:calc(100vw - 48px);max-height:calc(100vh - 90px);overflow:auto;box-shadow:0 18px 60px #00000047}.image-lightbox-scroll img{width:auto;max-width:none;height:auto;display:block}.image-lightbox-close{color:#fff;cursor:pointer;background:#ffffff26;border:0;border-radius:50%;width:35px;height:35px;padding:0;font-size:26px;line-height:35px;position:absolute;top:12px;right:17px}.image-lightbox-close:hover{background:#ffffff47}.image-lightbox-hint{color:#ffffffc7;font-size:11px}body.is-lightbox-open{overflow:hidden}@media (width<=1380px){.workspace{grid-template-columns:278px minmax(320px,36%) minmax(480px,1fr)}}@media (width<=1180px){body{min-width:0}.app-header{flex-wrap:wrap;gap:10px;height:auto;min-height:68px;padding:12px 16px;position:relative}.header-actions{flex-wrap:wrap;justify-content:flex-end}.workspace{grid-template-columns:280px 1fr;height:auto;min-height:calc(100vh - 68px)}.settings-panel{max-height:900px}.editor-panel{min-height:700px}.preview-panel{grid-column:1/-1;min-height:900px}}@media (width<=760px){.status-badge,.button.ghost,.button.secondary{display:none}.workspace{flex-direction:column;padding:7px;display:flex}.settings-panel{max-height:none}.editor-panel{min-height:600px}.preview-panel{min-height:760px}.phone-stage{padding:7px}.phone-frame{border-radius:8px}}