.wendang{--color-bg: #f6f8fc;--color-surface: #fff;--color-surface-subtle: #f5f7fa;--color-text: #1f2937;--color-text-muted: #667085;--color-text-faint: #7c8798;--color-border: #dce2eb;--color-border-strong: #b9c3d2;--color-accent: var(--wendang-accent, #2f6feb);--color-accent-soft: #eaf1ff;--color-danger: #cf3d48;--color-success: #21814b;--color-warning: #ad6b12;--content-font-size: 16px;--content-line-height: 1.75;--content-text-color: var(--color-text);--content-width: 100%;--shadow-pop: 0 10px 32px #14284a20;--content-heading-color: #101828;--content-table-header-bg: #edf3fc;--content-table-grid-color: #d5dfed;--content-table-font-size: calc(var(--content-font-size) * 13 / 14);--content-table-line-height: 1.5;--content-media-radius: 8px;--content-scroll-offset: 80px;--space-block: calc(var(--content-font-size) * 5 / 7);--space-module: calc(var(--content-font-size) * 9 / 7);--space-heading-top: calc(var(--content-font-size) * 2);--space-heading-bottom: calc(var(--content-font-size) * 5 / 7);--space-list-item: calc(var(--content-font-size) * .25);--space-list-block: calc(var(--content-font-size) * .5);--space-divider: calc(var(--content-font-size) * 2);--color-code-bg: #f1f5fa;color:var(--color-text);background:var(--color-surface);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;min-width:0;min-height:0}.wendang[data-wendang-theme=dark]{--color-bg: #17191e;--color-surface: #202329;--color-surface-subtle: #292d35;--color-text: #e5e9f0;--color-text-muted: #b2bdcd;--color-text-faint: #8f9cb0;--color-border: #3b4350;--color-border-strong: #606c7e;--color-accent-soft: #243653;--content-text-color: #e8e8ec;--content-heading-color: #f0f0f3;--content-table-header-bg: #2a2e38;--content-table-grid-color: #424753;--color-code-bg: #20242c}.wendang-root{min-height:0;min-width:0;height:100%}.wendang-portal{position:relative;z-index:1000}:is(.wendang,.wendang-popup-scope) :where(button,input,textarea){font:inherit;box-sizing:border-box}:is(.wendang,.wendang-popup-scope) :where(a){color:var(--color-accent)}:is(.wendang,.wendang-popup-scope) :where(button){cursor:pointer}:is(.wendang,.wendang-popup-scope) .muted{color:var(--color-text-muted)}:is(.wendang,.wendang-popup-scope) .small{font-size:12px}:is(.wendang,.wendang-popup-scope) :where(input:not([type=checkbox]):not([type=radio]),textarea):not(.worksheet-grid *){background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:6px 8px}:is(.wendang,.wendang-popup-scope) :where(.error-banner,.error){color:var(--color-danger)}:is(.wendang,.wendang-popup-scope) :where(.notice){color:var(--color-text-muted)}.wendang{--doc-text-gray: #646a73;--doc-text-red: #d92c2c;--doc-text-orange: #b95d0b;--doc-text-yellow: #8a6c0a;--doc-text-green: #237b35;--doc-text-blue: #1971c2;--doc-text-purple: #7048e8;--doc-highlight-gray-soft: #f1f3f5;--doc-highlight-red: #ffe3e3;--doc-highlight-orange: #fff0db;--doc-highlight-yellow: #fff3bf;--doc-highlight-green: #d3f9d8;--doc-highlight-blue: #d0ebff;--doc-highlight-purple: #e5dbff;--doc-highlight-gray: #dee2e6;--doc-highlight-gray-strong: #ced4da;--doc-highlight-red-strong: #ffc9c9;--doc-highlight-orange-strong: #ffd8a8;--doc-highlight-yellow-strong: #ffec99;--doc-highlight-green-strong: #b2f2bb;--doc-highlight-blue-strong: #a5d8ff;--doc-highlight-purple-strong: #d0bfff}.wendang[data-wendang-theme=dark]{--doc-text-gray: #b8beca;--doc-text-red: #ff9b9b;--doc-text-orange: #ffc078;--doc-text-yellow: #f6d37a;--doc-text-green: #8ce99a;--doc-text-blue: #91caff;--doc-text-purple: #d0bfff;--doc-highlight-gray-soft: #32353d;--doc-highlight-red: #563138;--doc-highlight-orange: #523a2a;--doc-highlight-yellow: #4a4226;--doc-highlight-green: #294737;--doc-highlight-blue: #293f5b;--doc-highlight-purple: #42335b;--doc-highlight-gray: #424650;--doc-highlight-gray-strong: #555b66;--doc-highlight-red-strong: #713f47;--doc-highlight-orange-strong: #6a4b31;--doc-highlight-yellow-strong: #635732;--doc-highlight-green-strong: #355c44;--doc-highlight-blue-strong: #355476;--doc-highlight-purple-strong: #554273}html,body,#app{min-height:100%;margin:0}body{font:14px system-ui}.app-shell{--page-bg: #ffffff;--page-text: #22314a;--page-muted: #667085;--page-border: #ccd5e2;--page-surface: #ffffff;--page-tip-bg: #eaf1ff;--page-tip-text: #29466f;--page-accent: #2459e8;--page-output: #e8edf4;min-height:100vh;color:var(--page-text);background:var(--page-bg)}.app-shell[data-theme=dark]{--page-bg: #1e2329;--page-text: #e7ebf0;--page-muted: #aab4c0;--page-border: #454e5b;--page-surface: #282e36;--page-tip-bg: #243b55;--page-tip-text: #e2ecfb;--page-accent: #85adff;--page-output: #282e36}main{max-width:1400px;min-height:100vh;box-sizing:border-box;padding:24px;margin:auto}.page-column{--column-left: 64px;--column-right: 64px;width:min(100%,1000px);box-sizing:border-box;margin-inline:auto;padding-inline:var(--column-left) var(--column-right)}h1{margin:10px 0 18px;color:var(--page-text);font-size:28px;line-height:1.3}nav{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}nav button{padding:8px 14px;border:1px solid var(--page-border);border-radius:6px;color:var(--page-text);background:var(--page-surface);cursor:pointer}nav button[aria-pressed=true]{color:var(--page-accent);border-color:var(--page-accent)}.mode-tip{display:flex;align-items:baseline;gap:10px;margin:-6px auto 14px;padding-block:10px;padding-inline:calc(var(--column-left) - 3px) var(--column-right);border-left:3px solid var(--page-accent);background:var(--page-tip-bg);color:var(--page-tip-text);line-height:1.5}.mode-tip-label{flex:none;color:var(--page-accent);font-weight:650}.canvas{height:640px;min-height:400px}.document-surface{min-width:0}.instances{display:grid;grid-template-columns:1fr 1fr;gap:20px}output{display:block;margin-top:16px;padding:12px;max-height:240px;overflow:auto;color:var(--page-text);background:var(--page-output);white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:760px){.page-column{--column-left: 16px;--column-right: 16px}.editor-column{--column-left: 40px;--column-right: 40px}}@media(max-width:640px){main{padding:16px}h1{font-size:24px}.mode-tip{align-items:flex-start;flex-direction:column;gap:3px}.instances{grid-template-columns:1fr}}