html,body,#root{min-height:100%}body{color:#1f2937;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#efe6d8;min-width:320px;margin:0;font-family:Microsoft YaHei UI,PingFang SC,Segoe UI Variable,sans-serif}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-bg:#efe6d8;--app-bg-secondary:#f6f0e7;--surface-1:#fffbf6e6;--surface-2:#fffffff0;--surface-3:#faf5eeeb;--surface-strong:#fffdf9;--ink-strong:#1f2937;--ink-body:#475569;--ink-soft:#6b7280;--border-soft:#47556924;--border-strong:#1f293729;--accent:#0f766e;--accent-strong:#115e59;--accent-warm:#c76b2b;--accent-warm-soft:#c76b2b1f;--success-bg:#16a34a1f;--success-text:#166534;--info-bg:#2563eb1f;--info-text:#1d4ed8;--error-bg:#dc26261f;--error-text:#b91c1c;--shadow-soft:0 12px 30px #583b2114;--shadow-panel:0 22px 44px #583b211f;--shadow-float:0 28px 56px #583b2129;--radius-sm:14px;--radius-md:22px;--radius-lg:30px;--radius-xl:36px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px;--transition-fast:.14s ease;--transition-medium:.22s ease}.app-shell{min-height:100vh;color:var(--ink-strong);background:radial-gradient(circle at 0 0,#0f766e29,#0000 22%),radial-gradient(circle at 100% 0,#c76b2b33,#0000 24%),linear-gradient(#f6f0e7 0%,#f0e8dc 42%,#ece1d1 100%)}.app-header-shell{z-index:40;padding:var(--space-4) var(--space-5) 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.app-header{justify-content:space-between;gap:var(--space-5);padding:var(--space-5);border-radius:var(--radius-xl);box-shadow:var(--shadow-panel);background:linear-gradient(#fffcf8eb 0%,#fcf8f2e0 100%);border:1px solid #835e4029;display:flex}.app-brand{gap:var(--space-3);flex-direction:column;flex:420px;display:flex}.app-kicker{width:fit-content;color:var(--accent-strong);letter-spacing:.04em;background:#0f766e1f;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.app-brand h1{margin:0;font-size:clamp(30px,4vw,42px);line-height:1}.app-brand p{max-width:68ch;color:var(--ink-body);margin:0;line-height:1.6}.app-header-meta{gap:var(--space-4);flex:0 480px;grid-template-columns:minmax(0,1fr) minmax(220px,260px);display:grid}.app-document-card,.status-pill{gap:var(--space-2);border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--border-soft);min-height:132px;box-shadow:var(--shadow-soft);flex-direction:column;padding:18px 20px;display:flex}.meta-label{color:var(--ink-soft);letter-spacing:.04em;font-size:12px;font-weight:700}.app-document-card strong,.status-pill strong{font-size:18px;line-height:1.35}.app-document-card span:last-child,.status-pill span:last-child{color:var(--ink-body);line-height:1.55}.status-pill.is-default{background:linear-gradient(#fffaf4f0 0%,#fff8efe6 100%)}.status-pill.is-success{background:var(--success-bg);color:var(--success-text)}.status-pill.is-info{background:var(--info-bg);color:var(--info-text)}.status-pill.is-error{background:var(--error-bg);color:var(--error-text)}.workflow-toolbar{gap:var(--space-4);margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);background:#fffbf6d1;border:1px solid #835e4024;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.toolbar-group{gap:var(--space-3);min-height:150px;padding:var(--space-4);border-radius:var(--radius-md);background:#ffffffc7;border:1px solid #47556914;flex-direction:column;display:flex}.toolbar-group-heading{flex-direction:column;gap:6px;display:flex}.toolbar-group-label{color:var(--ink-strong);font-size:14px;font-weight:800}.toolbar-group-caption{color:var(--ink-soft);font-size:12px;line-height:1.5}.toolbar-group-actions{flex-wrap:wrap;gap:10px;display:flex}.toolbar-inline-controls,.toolbar-inline-note{margin-top:auto}.toolbar-inline-controls{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.toolbar-inline-controls label{color:var(--ink-body);flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}.toolbar-inline-note{border-radius:var(--radius-sm);color:var(--accent-strong);background:#0f766e14;padding:10px 12px;font-size:12px;line-height:1.5}.workflow-toolbar button,.page-sidebar-actions button,.preview-zoom-controls button,.recent-item,.inspector-panel button,.import-panel button{border-radius:var(--radius-sm);color:var(--ink-strong);font:inherit;transition:transform var(--transition-fast), border-color var(--transition-fast), background-color var(--transition-fast), box-shadow var(--transition-fast);background:#fffffff0;border:1px solid #4755691f;padding:10px 14px}.workflow-toolbar button:hover,.page-sidebar-actions button:hover,.preview-zoom-controls button:hover,.recent-item:hover,.inspector-panel button:hover,.import-panel button:hover{background:#fff;border-color:#835e403d;transform:translateY(-1px);box-shadow:0 10px 18px #583b2114}.workflow-toolbar button:focus-visible,.page-sidebar-actions button:focus-visible,.preview-zoom-controls button:focus-visible,.recent-item:focus-visible,.inspector-panel button:focus-visible,.import-panel button:focus-visible,.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline-offset:2px;outline:2px solid #0f766e59}.toolbar-primary,.workflow-toolbar .is-active,.import-panel .toolbar-primary,.welcome-actions .toolbar-primary{border-color:var(--accent);background:linear-gradient(135deg, var(--accent-strong) 0%, var(--accent) 100%);color:#f8fafc}.inspector-panel .is-danger{color:var(--error-text);border-color:#dc26262e}.workflow-toolbar button:disabled,.page-sidebar-actions button:disabled,.preview-zoom-controls button:disabled,.inspector-panel button:disabled,.import-panel button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.workflow-toolbar input[type=range],.inspector-panel input[type=range]{width:100%;accent-color:var(--accent)}.workflow-toolbar input[type=color],.inspector-panel input[type=color]{border:1px solid var(--border-soft);background:#fff;border-radius:12px;width:100%;min-height:42px;padding:4px}.status-toast{z-index:50;max-width:min(420px,100vw - 48px);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #0000;border-radius:18px;flex-direction:column;gap:6px;padding:16px 18px;display:flex;position:fixed;top:212px;right:24px}.status-toast strong{font-size:14px}.status-toast span{font-size:13px;line-height:1.5}.status-toast.is-success{color:var(--success-text);background:#f5fff7f0;border-color:#16a34a29}.status-toast.is-info{color:var(--info-text);background:#f4f9fff0;border-color:#2563eb29}.status-toast.is-error{color:var(--error-text);background:#fff6f6f0;border-color:#dc26262e}.workspace-grid{gap:var(--space-5);padding:var(--space-5);grid-template-columns:320px minmax(0,1fr) 320px;display:grid}.workspace-grid.is-empty{grid-template-columns:minmax(0,1fr) 320px}.page-sidebar,.preview-column,.inspector-panel,.welcome-panel{border-radius:var(--radius-lg);box-shadow:var(--shadow-panel);background:#fffbf6d6;border:1px solid #835e4029}.page-sidebar,.inspector-panel{align-self:start;max-height:calc(100vh - 236px);position:sticky;top:212px;overflow:auto}.preview-column{flex-direction:column;min-height:calc(100vh - 236px);display:flex;overflow:hidden}.preview-column.is-empty{min-height:0}.panel-heading,.preview-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:18px 20px 14px;display:flex}.panel-heading div,.preview-header-copy{flex-direction:column;gap:4px;display:flex}.panel-heading span,.panel-tip,.preview-header-copy span,.preview-context-description,.field small{color:var(--ink-soft);font-size:12px;line-height:1.55}.page-sidebar-toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;padding:0 20px 16px;display:flex}.page-sidebar-actions{gap:var(--space-2);display:flex}.page-sidebar-list{flex-direction:column;gap:14px;padding:0 18px 18px;display:flex}.page-card{cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);background:linear-gradient(#fcf9f4fa 0%,#fffffff0 100%);border:1px solid #4755691a;border-radius:24px;flex-direction:column;gap:12px;padding:14px;display:flex}.page-card:hover{box-shadow:var(--shadow-soft);transform:translateY(-2px)}.page-card.is-active{border-color:#0f766e70;box-shadow:inset 0 0 0 1px #0f766e2e,0 14px 26px #0f766e14}.page-card.is-selected{background:linear-gradient(#f7ede5fa 0%,#fffffff5 100%);border-color:#c76b2b47}.page-card.is-drop-target{border-color:#c76b2b6b;box-shadow:inset 0 0 0 1px #c76b2b2e,0 18px 28px #c76b2b1a}.page-card-meta,.page-card-footer{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.page-card-index{color:var(--ink-body);font-size:13px;font-weight:700}.page-card-toggle{color:var(--ink-body);align-items:center;gap:8px;font-size:12px;display:inline-flex}.page-card-badges{gap:var(--space-2);flex-wrap:wrap;display:flex}.page-badge,.shortcut-chip,.inspector-meta-chip{color:var(--ink-body);background:#ffffffe6;border:1px solid #4755691a;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;line-height:1.3;display:inline-flex}.page-badge.is-active{color:var(--accent-strong);background:#0f766e1a}.page-badge.is-selected,.shortcut-chip.is-emphasis{background:var(--accent-warm-soft);color:#9a541f}.page-badge.is-drop-target{color:#9a541f;background:#c76b2b24}.page-thumb-canvas,.thumb-fallback{background:#fff;border:1px solid #47556914;border-radius:18px;width:100%;min-height:170px}.thumb-fallback{padding:var(--space-4);color:var(--error-text);place-items:center;display:grid}.page-card-footer{color:var(--ink-body);align-items:flex-start;font-size:12px}.page-card-footer strong{color:var(--ink-strong)}.preview-header{padding-bottom:12px}.preview-header-copy strong{font-size:22px}.preview-header-eyebrow{color:var(--accent-strong);letter-spacing:.04em;font-size:12px;font-weight:800}.preview-header-actions{flex-direction:column;align-items:flex-end;gap:10px;display:flex}.preview-zoom-label{color:var(--ink-body);font-size:13px;font-weight:700}.preview-zoom-controls{gap:8px;display:flex}.preview-context-bar{gap:var(--space-3);flex-direction:column;padding:0 20px 16px;display:flex}.preview-context-description{margin:0;font-size:13px}.context-chip-list,.shortcut-chip-list{flex-wrap:wrap;gap:10px;display:flex}.preview-shell{-webkit-user-select:none;user-select:none;background:linear-gradient(#1f293708,#1f293708),repeating-linear-gradient(45deg,#94a3b812 0 12px,#ffffffa8 12px 24px);flex:1;padding:16px 24px 24px;overflow:auto}.preview-shell.is-space-pan{cursor:grab}.preview-shell.is-panning{cursor:grabbing}.preview-surface{background:#fff;border-radius:22px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 28px 56px #1f293729}.preview-base-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.preview-empty,.preview-error{text-align:center;padding:var(--space-7) var(--space-5);color:var(--ink-body);place-items:center;display:grid}.preview-empty strong,.preview-error strong{color:var(--ink-strong)}.preview-empty p,.preview-error p{margin:10px 0 0;line-height:1.6}.preview-error{background:#ffffffe0;position:absolute;inset:0}.preview-text-editor{box-shadow:none;resize:none;caret-color:currentColor;background:0 0;border:none;border-radius:0;outline:none;padding:0;font-family:Microsoft YaHei UI,PingFang SC,sans-serif;line-height:1.35;position:absolute;overflow:hidden}.welcome-panel{padding:var(--space-6);gap:var(--space-5);background:linear-gradient(135deg,#fffcf8f5 0%,#faf4eceb 100%);flex-direction:column;margin:20px;display:flex}.welcome-copy{flex-direction:column;gap:12px;display:flex}.welcome-kicker{width:fit-content;color:var(--accent-strong);letter-spacing:.04em;background:#0f766e1a;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.welcome-panel h2{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.05}.welcome-panel p{max-width:64ch;color:var(--ink-body);margin:0;line-height:1.7}.welcome-actions{flex-wrap:wrap;gap:12px;display:flex}.recent-list{flex-direction:column;gap:12px;display:flex}.recent-item{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.recent-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--ink-soft);font-size:12px;overflow:hidden}.empty-recent,.inspector-empty span,.inspector-card p{color:var(--ink-body)}.inspector-panel{flex-direction:column;gap:12px;padding-bottom:20px;display:flex}.inspector-card,.import-panel-summary{background:#ffffffe6;border:1px solid #47556914;border-radius:20px;flex-direction:column;gap:12px;margin:0 18px;padding:16px;display:flex}.inspector-card-context{background:linear-gradient(#f8f1e9f5 0%,#ffffffeb 100%)}.inspector-card.is-priority{border-color:#0f766e38;box-shadow:0 16px 28px #0f766e14}.inspector-card-header{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.inspector-card-header span{color:var(--ink-soft);font-size:12px}.inspector-card p{margin:0;line-height:1.6}.field{color:var(--ink-body);flex-direction:column;gap:8px;font-size:13px;display:flex}.field input,.field select,.field textarea{font:inherit;color:var(--ink-strong);background:#fff;border:1px solid #4755691f;border-radius:14px;padding:10px 12px}.field textarea{resize:vertical;min-height:120px}.import-panel-backdrop{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3341552e;position:fixed;inset:0}.import-panel{z-index:70;border-radius:var(--radius-lg);width:min(420px,100vw - 48px);box-shadow:var(--shadow-float);background:#fffbf6fa;border:1px solid #835e4029;flex-direction:column;display:flex;position:fixed;top:24px;bottom:24px;right:24px}.import-panel-header{justify-content:space-between;gap:var(--space-4);padding:20px 20px 16px;display:flex}.import-panel-header div{flex-direction:column;gap:6px;display:flex}.import-panel-kicker{color:var(--accent-strong);letter-spacing:.04em;font-size:12px;font-weight:800}.import-panel-body{gap:var(--space-4);flex-direction:column;flex:1;padding:0 20px 20px;display:flex;overflow:auto}.import-panel-summary{flex-direction:row;justify-content:space-between}.import-panel-summary strong{color:var(--ink-soft);font-size:12px;font-weight:700}.import-panel-summary span{color:var(--ink-strong);font-size:20px;font-weight:800}.import-panel-footer{border-top:1px solid #47556914;justify-content:flex-end;gap:10px;padding:16px 20px 20px;display:flex}@media (width<=1440px){.workflow-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid{grid-template-columns:280px minmax(0,1fr) 300px}.page-sidebar,.inspector-panel{max-height:calc(100vh - 280px);top:256px}.status-toast{top:256px}}@media (width<=1180px){.app-header{flex-direction:column}.app-header-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-grid,.workspace-grid.is-empty{grid-template-columns:minmax(0,1fr)}.page-sidebar,.inspector-panel{max-height:none;position:static}.preview-column{min-height:0}.page-sidebar{order:2}.preview-column{order:1}.inspector-panel{order:3}}@media (width<=860px){.app-header-shell{padding:var(--space-3) var(--space-3) 0}.workflow-toolbar,.toolbar-inline-controls,.app-header-meta{grid-template-columns:minmax(0,1fr)}.workspace-grid{padding:var(--space-3);gap:var(--space-3)}.preview-header,.panel-heading{flex-direction:column}.preview-header-actions{align-items:stretch}.preview-zoom-controls{width:100%}.preview-zoom-controls button{flex:1}.welcome-panel{padding:var(--space-5);margin:12px}.import-panel{width:calc(100vw - 24px);top:12px;bottom:12px;right:12px}.status-toast{max-width:none;inset:auto 12px 12px}}