.markdown-editor{border:1px solid var(--imx-line);background:var(--imx-paper);border-radius:22px;min-width:0;overflow:hidden}.editor-toolbar{z-index:2;border-bottom:1px solid var(--imx-line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f2efe8b8;flex-wrap:wrap;gap:5px;padding:9px 11px;display:flex;position:relative;box-shadow:inset 0 1px #ffffffb3}.editor-toolbar button{min-height:34px;color:var(--imx-ink-secondary);box-shadow:none;background:0 0;border-color:#0000;padding:.4rem .68rem;font-size:.78rem}.editor-toolbar button:hover:not(:disabled){background:var(--imx-accent-soft);box-shadow:none;border-color:#7a5a3224;transform:none}.markdown-editor .cm-editor{min-height:560px;color:var(--imx-ink);background:var(--imx-paper);border:0;font-size:1rem}.markdown-editor .cm-scroller{font-family:SF Mono,Cascadia Code,JetBrains Mono,Consolas,monospace;line-height:1.78}.markdown-editor .cm-content{max-width:920px;caret-color:var(--imx-accent);margin:0 auto;padding:clamp(25px,4vw,58px) clamp(18px,5vw,72px) 110px}.markdown-editor .cm-line{padding-inline:0}.markdown-editor .cm-gutters{color:#5f585075;background:#f2efe873;border-right-color:#4b403414}.markdown-editor .cm-activeLine,.markdown-editor .cm-activeLineGutter{background:#7a5a320b}.markdown-editor .cm-selectionBackground{background:#7a5a3233!important}.markdown-editor .cm-content ::selection{background:#7a5a3233!important}.markdown-editor .cm-placeholder{color:var(--imx-ink-muted);opacity:.9}.markdown-editor .cm-focused{outline:0}.markdown-editor:has(.cm-focused){border-color:#7a5a3257;box-shadow:0 0 0 4px #7a5a3211}@media (width<=1023px){.markdown-editor .cm-editor{min-height:64dvh}.markdown-editor .cm-content{padding-top:28px}}@media (width<=620px){.editor-toolbar{flex-wrap:nowrap;overflow-x:auto}.editor-toolbar button{flex:none}.markdown-editor .cm-editor{min-height:68dvh}.markdown-editor .cm-content{padding:24px 18px 90px}}.preview-surface{height:100dvh;color:var(--imx-ink);background:radial-gradient(circle at 50% -8%, #7a5a321b, transparent 31rem), var(--imx-paper-alt);scrollbar-width:thin;scrollbar-color:#7a5a324d transparent;position:relative;overflow:auto}.preview-dock{z-index:3;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;width:calc(100% - 32px);display:grid;position:fixed;top:16px;left:50%;transform:translate(-50%)}.preview-back,.preview-stats,.preview-controls{border:1px solid var(--imx-line);min-height:50px;box-shadow:var(--imx-shadow-md), inset 0 1px 0 #ffffff9e;-webkit-backdrop-filter:blur(28px)saturate(165%);pointer-events:auto;background:#fbfaf7bd;border-radius:26px}.preview-back{border-color:var(--imx-line);color:var(--imx-ink-secondary);justify-self:start;align-items:center;gap:8px;padding:6px 16px 6px 7px;font-weight:680;display:flex}.preview-back span{width:36px;height:36px;color:var(--imx-accent);background:var(--imx-accent-soft);border-radius:50%;place-items:center;display:grid}.preview-back svg,.preview-controls svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.preview-back:hover{color:var(--imx-accent-hover);border-color:#7a5a324d;transform:translateY(-1px)}.preview-stats{color:var(--imx-ink-muted);justify-self:center;align-items:center;margin:0;padding:0 17px;font-size:.76rem;font-weight:630;display:flex}.preview-controls{justify-self:end;align-items:center;gap:3px;padding:6px;display:flex}.preview-controls button{width:38px;height:38px;color:var(--imx-ink-muted);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;font-size:1rem;display:grid}.preview-controls button:hover{color:var(--imx-accent-hover);background:#7a5a3212}.preview-controls button[aria-pressed=true]{color:var(--imx-accent-hover);background:var(--imx-accent-soft);box-shadow:inset 0 0 0 1px #7a5a3224}.preview-control-divider{background:var(--imx-line);width:1px;height:24px;margin:0 3px}.preview-viewport{justify-content:center;width:100%;min-height:100%;margin-inline:auto;padding:96px 24px 56px;display:flex;overflow:auto}.preview-viewport-mobile{width:100%}.preview-frame{border:1px solid var(--imx-line);background:var(--imx-paper);max-width:none;min-height:720px;box-shadow:var(--imx-shadow-lg);border-radius:26px;flex:none;display:block}@media (width<=720px){.preview-dock{grid-template-columns:auto 1fr;width:calc(100% - 18px);top:9px}.preview-stats{display:none}.preview-back{min-height:48px;padding-right:7px}.preview-back>span+*{display:none}.preview-back{font-size:0}.preview-back span{width:34px;height:34px;font-size:1rem}.preview-controls{min-height:48px}.preview-controls button{width:34px;height:34px}.preview-viewport{justify-content:flex-start;padding:76px 10px 26px}.preview-viewport-mobile{justify-content:center}.preview-frame{border-radius:20px}}@font-face{font-family:IMX Inter;src:url(/imx/fonts/inter-variable.woff2)format("woff2-variations");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:IMX Noto Serif SC App;src:url(/imx/fonts/noto-serif-sc-700-common.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}:root{color:#24211d;font-synthesis:none;--imx-font-reading:"IMX Noto Serif SC App", "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, Georgia, serif;--imx-accent:#7a5a32;--imx-accent-hover:#684a28;--imx-accent-soft:#7a5a321a;--imx-paper:#fbfaf7;--imx-paper-alt:#f2efe8;--imx-paper-deep:#e9e4db;--imx-ink:#24211d;--imx-ink-secondary:#5f5850;--imx-ink-muted:#8d8479;--imx-line:#4b403424;--imx-line-strong:#4b403440;--imx-glass:#fbfaf7b8;--imx-card:#fbfaf7c7;--imx-shadow-sm:0 2px 8px #4b40341a;--imx-shadow-md:0 10px 30px #4b40341f;--imx-shadow-lg:0 22px 60px #4b403429;--imx-radius-sm:12px;--imx-radius:20px;--imx-radius-lg:28px;background:#f2efe8;font-family:IMX Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:var(--imx-paper-alt);min-width:0;min-height:100%}body{background:radial-gradient(circle at 15% -8%, #7a5a321a, transparent 30rem), radial-gradient(circle at 92% 10%, #7a5a320e, transparent 26rem), var(--imx-paper-alt);min-width:0;min-height:100vh;margin:0}body.preview-open{overflow:hidden}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.52}button,input,textarea,[tabindex]{outline-color:var(--imx-accent)}:focus-visible{outline-offset:2px;outline:3px solid #7a5a3252}.app-shell{width:min(100%,1800px);min-height:100vh;margin:0 auto;padding:16px clamp(14px,2.2vw,34px) 42px}.app-header{z-index:8;border:1px solid var(--imx-line);background:var(--imx-glass);min-height:64px;box-shadow:var(--imx-shadow-md), inset 0 1px 0 #ffffff9e;-webkit-backdrop-filter:blur(28px)saturate(165%);border-radius:34px;justify-content:space-between;align-items:center;gap:16px;padding:6px 8px 6px 7px;display:flex;position:sticky;top:16px}.app-brand{align-items:center;gap:11px;min-width:0;display:flex}.app-brand-mark{width:48px;height:48px;color:var(--imx-paper);letter-spacing:.06em;background:linear-gradient(145deg,#8b6740,#563d21);border-radius:50%;place-items:center;font-size:11px;font-weight:780;display:grid;box-shadow:inset 0 1px #ffffff38,0 5px 14px #563d2133}.dashboard-heading h2{color:var(--imx-ink);font-family:var(--imx-font-reading);letter-spacing:-.025em;margin:0;font-weight:700}.app-header h1{color:var(--imx-ink);letter-spacing:-.018em;margin:0;font-size:clamp(1.05rem,1.6vw,1.32rem);font-weight:760}.dashboard-heading h2{font-size:clamp(1.55rem,3vw,2.25rem)}.app-header p,.dashboard-heading p{color:var(--imx-ink-muted);margin:3px 0 0;font-size:.77rem}.app-header-actions,.bundle-row,.draft-actions,.dialog-actions{flex-wrap:wrap;gap:7px;display:flex}.app-header button,.bundle-actions button,.draft-actions button,.dialog-actions button,.dashboard-heading button,.editor-toolbar button,.slug-control button,.media-list button{border:1px solid var(--imx-line);min-height:38px;color:var(--imx-ink-secondary);background:#fbfaf7c7;border-radius:999px;padding:.52rem .78rem;font-weight:640;transition:border-color .2s,color .2s,background-color .2s,transform .2s,box-shadow .2s;box-shadow:inset 0 1px #ffffff8c}.app-header button:hover:not(:disabled),.bundle-actions button:hover:not(:disabled),.draft-actions button:hover:not(:disabled),.dialog-actions button:hover:not(:disabled),.editor-toolbar button:hover:not(:disabled),.slug-control button:hover:not(:disabled),.media-list button:hover:not(:disabled){color:var(--imx-accent-hover);background:var(--imx-paper);box-shadow:var(--imx-shadow-sm);border-color:#7a5a3259;transform:translateY(-1px)}.app-header .preview-trigger,.dialog-actions button:last-child{border-color:var(--imx-accent);color:var(--imx-paper);background:linear-gradient(145deg,#88653d,#674823);box-shadow:0 5px 16px #563d2133,inset 0 1px #fff3}.notifications{min-height:36px;margin:8px 12px 4px;font-size:.82rem}.notification-status{color:#52653e;margin:0}.notification-alert,.field-error{color:#9f3f32}.workspace-tabs{display:none}.workspace-grid{grid-template-columns:minmax(280px,340px) minmax(0,1fr);align-items:start;gap:clamp(14px,1.6vw,24px);display:grid}.workspace-panel,.draft-dashboard{border:1px solid var(--imx-line);border-radius:var(--imx-radius-lg);background:var(--imx-card);min-width:0;box-shadow:var(--imx-shadow-sm), inset 0 1px 0 #ffffff85;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-panel{padding:clamp(16px,1.5vw,24px)}.workspace-inspector{scrollbar-width:thin;scrollbar-color:#7a5a3247 transparent;gap:22px;max-height:calc(100dvh - 112px);display:grid;position:sticky;top:96px;overflow:auto}.workspace-editor{min-height:calc(100dvh - 116px);box-shadow:var(--imx-shadow-md), inset 0 1px 0 #ffffffb3;background:#fbfaf7e6;border-radius:32px;padding:clamp(12px,1.3vw,20px)}.metadata-panel h2,.media-panel h2{color:var(--imx-ink);font-family:var(--imx-font-reading);letter-spacing:-.015em;margin:0 0 15px;font-size:1.12rem}.media-panel,.bundle-actions{border-top:1px solid var(--imx-line);padding-top:20px}.metadata-field{gap:6px;margin:13px 0;display:grid}.metadata-field label,.loose-import label{color:var(--imx-ink-secondary);letter-spacing:.018em;font-size:.77rem;font-weight:680}.metadata-field input,.metadata-field textarea,.loose-import input,.confirm-dialog input{border:1px solid var(--imx-line);border-radius:var(--imx-radius-sm);width:100%;min-height:42px;color:var(--imx-ink);background:#ffffff61;padding:.6rem .7rem;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px 2px #4b403409}.metadata-field input:focus,.metadata-field textarea:focus,.loose-import input:focus,.confirm-dialog input:focus{background:#ffffffad;border-color:#7a5a328c;outline:0;box-shadow:0 0 0 4px #7a5a3217}.metadata-field textarea{resize:vertical}.slug-control{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.slug-control button{border-radius:var(--imx-radius-sm);font-size:.76rem}.field-error{margin:2px 0;font-size:.76rem;line-height:1.5}.check-field{color:var(--imx-ink-secondary);align-items:center;gap:8px;margin:12px 0;font-size:.84rem;display:flex}.check-field input{accent-color:var(--imx-accent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:var(--imx-accent-hover);background:var(--imx-accent-soft);border:1px solid #7a5a321f;border-radius:999px;align-items:center;gap:3px;padding:3px 4px 3px 9px;font-size:.76rem;display:inline-flex}.chip button{min-width:24px;min-height:24px;color:inherit;background:0 0;border:0;border-radius:50%;padding:0}.file-button{border:1px solid var(--imx-line-strong);min-height:40px;color:var(--imx-ink-secondary);cursor:pointer;background:#fbfaf7b3;border-radius:999px;justify-content:center;align-items:center;padding:.52rem .78rem;font-size:.82rem;font-weight:650;display:inline-flex}.file-button input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.media-actions{background:#7a5a3209;border:1px dashed #7a5a3252;border-radius:16px;padding:13px}.media-actions p{color:var(--imx-ink-muted);margin:9px 0 0;font-size:.78rem;line-height:1.55}.media-list,.draft-list{gap:10px;margin:13px 0 0;padding:0;list-style:none;display:grid}.media-list li{border-bottom:1px solid var(--imx-line);overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;font-size:.8rem;display:flex}.media-list button{min-height:30px;margin-left:4px;padding:.35rem .55rem;font-size:.72rem}.bundle-actions{gap:10px;display:grid}.loose-import{color:var(--imx-ink-secondary);gap:10px;font-size:.82rem;display:grid}.loose-import summary{cursor:pointer;color:var(--imx-accent);font-weight:650}.emergency-export,.backup-reminder{border-radius:0 var(--imx-radius-sm) var(--imx-radius-sm) 0;color:#783529;background:#f9eeea;border-left:3px solid #a24737;margin:0;padding:10px 12px;font-size:.82rem}.emergency-export button{margin-left:7px}.backup-reminder{border-left-color:var(--imx-accent);color:var(--imx-accent-hover);background:#7a5a3214}.draft-dashboard{margin-top:8px;padding:clamp(22px,4vw,48px)}.dashboard-heading{border-bottom:1px solid var(--imx-line);justify-content:space-between;align-items:center;gap:16px;padding-bottom:22px;display:flex}.dashboard-heading p{font-size:.9rem}.draft-list>li{border:1px solid var(--imx-line);border-radius:var(--imx-radius);background:#fbfaf78f;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:17px;padding:14px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid}.draft-list>li:hover{box-shadow:var(--imx-shadow-md);border-color:#7a5a3242;transform:translateY(-2px)}.draft-list h3,.draft-list p{margin:0}.draft-list h3{color:var(--imx-ink);font-family:var(--imx-font-reading);font-size:1.05rem}.draft-list p{color:var(--imx-ink-muted);margin-top:5px;font-size:.8rem}.draft-thumbnail{object-fit:cover;border-radius:14px;width:112px;height:68px}.draft-thumbnail-empty{color:var(--imx-ink-muted);background:var(--imx-paper-deep);place-items:center;font-size:.74rem;display:grid}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#24211d8c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.confirm-dialog,.crop-dialog{border:1px solid var(--imx-line);width:min(100%,560px);max-height:calc(100dvh - 32px);color:var(--imx-ink);background:var(--imx-paper);box-shadow:var(--imx-shadow-lg);border-radius:24px;padding:22px;overflow:auto}.confirm-dialog h2,.crop-dialog h2{font-family:var(--imx-font-reading);margin:0 0 16px}.crop-canvas{background:#171716;border-radius:16px;height:min(48vh,360px);margin:14px 0;position:relative;overflow:hidden}.dialog-actions{justify-content:flex-end;margin-top:18px}.modal-backdrop:has(.preview-dialog){background:var(--imx-paper-alt);-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;display:block}.preview-dialog{background:0 0;border:0;border-radius:0;outline:0;width:100%;height:100dvh;margin:0;padding:0}.preview-dialog>h2,.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1023px){.workspace-tabs{border:1px solid var(--imx-line);background:#fbfaf7ad;border-radius:999px;grid-template-columns:repeat(2,1fr);gap:6px;width:min(100%,420px);margin:0 auto 10px;padding:5px;display:grid}.workspace-tabs button{min-height:40px;color:var(--imx-ink-muted);background:0 0;border:0;border-radius:999px;font-weight:680}.workspace-tabs button[aria-selected=true]{color:var(--imx-accent-hover);background:var(--imx-accent-soft);box-shadow:inset 0 0 0 1px #7a5a3226}.workspace-grid{display:block}.workspace-grid .workspace-panel{display:none}.workspace-grid[data-tab=settings] .workspace-inspector,.workspace-grid[data-tab=write] .workspace-editor{display:block}.workspace-inspector{max-height:none;position:static}.workspace-editor{min-height:70dvh}}@media (width<=720px){.app-shell{padding:9px 9px 28px}.app-header{border-radius:29px;min-height:58px;top:9px}.app-brand{gap:8px}.app-brand-mark{width:42px;height:42px;font-size:9px}.app-header h1{font-size:.98rem}.app-header p{display:none}.app-header-actions{flex-wrap:nowrap;gap:4px}.app-header button{min-height:38px;padding-inline:.65rem;font-size:.76rem}.notifications{margin-inline:8px}.workspace-panel{border-radius:22px;padding:16px}.slug-control{grid-template-columns:1fr}.draft-dashboard{border-radius:22px;padding:20px 15px}.draft-list>li{grid-template-columns:76px minmax(0,1fr)}.draft-actions{grid-column:1/-1}.draft-thumbnail{width:76px;height:56px}}@media (width<=460px){.app-header button:not(.preview-trigger){padding-inline:.55rem}.app-brand-mark{display:none}.app-header h1{font-size:.9rem}.app-header .preview-trigger{padding-inline:.62rem}}
