@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:swap;src:url(/assets/Inter-Thin-DBfZoJMJ.woff2?v=3.19) format("woff2"),url(/assets/Inter-Thin-Cdfi-DOu.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:swap;src:url(/assets/Inter-ThinItalic-D-LLP1oE.woff2?v=3.19) format("woff2"),url(/assets/Inter-ThinItalic-BvZJ6ajn.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:url(/assets/Inter-ExtraLight-KgltzQ-2.woff2?v=3.19) format("woff2"),url(/assets/Inter-ExtraLight-kbY0Btbv.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:swap;src:url(/assets/Inter-ExtraLightItalic-BOTZR1rO.woff2?v=3.19) format("woff2"),url(/assets/Inter-ExtraLightItalic-C0xVHA4F.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/Inter-Light-CXimr4sM.woff2?v=3.19) format("woff2"),url(/assets/Inter-Light-ChZfcM5f.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/Inter-LightItalic-D_-iLL04.woff2?v=3.19) format("woff2"),url(/assets/Inter-LightItalic-Blr5FsFF.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Inter-Regular-B_BCrFhL.woff2?v=3.19) format("woff2"),url(/assets/Inter-Regular-TXDLZIVj.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/Inter-Italic-DB4O6F85.woff2?v=3.19) format("woff2"),url(/assets/Inter-Italic-x-u_Z6Nd.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Inter-Medium-CEqQ5Pr2.woff2?v=3.19) format("woff2"),url(/assets/Inter-Medium-CJHTnLTj.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(/assets/Inter-MediumItalic-B6S3MrqZ.woff2?v=3.19) format("woff2"),url(/assets/Inter-MediumItalic-lbGMf1Ji.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Inter-SemiBold-B0ZTYI8h.woff2?v=3.19) format("woff2"),url(/assets/Inter-SemiBold-TDGfGtyq.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/Inter-SemiBoldItalic-B9sH1cND.woff2?v=3.19) format("woff2"),url(/assets/Inter-SemiBoldItalic-BDRzkTzF.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Inter-Bold-dl73oRLJ.woff2?v=3.19) format("woff2"),url(/assets/Inter-Bold-BQ0y7ZSz.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/Inter-BoldItalic-OWG7NZQA.woff2?v=3.19) format("woff2"),url(/assets/Inter-BoldItalic-BfjvY59I.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/Inter-ExtraBold-DwT8D_GN.woff2?v=3.19) format("woff2"),url(/assets/Inter-ExtraBold-CRv1HNgv.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:swap;src:url(/assets/Inter-ExtraBoldItalic-B5OU_ey2.woff2?v=3.19) format("woff2"),url(/assets/Inter-ExtraBoldItalic-DTBiESor.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/Inter-Black-CfPDMfMm.woff2?v=3.19) format("woff2"),url(/assets/Inter-Black-Bb8uPv4R.woff?v=3.19) format("woff")}@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url(/assets/Inter-BlackItalic-D_D3GJFT.woff2?v=3.19) format("woff2"),url(/assets/Inter-BlackItalic-m5-L22Qd.woff?v=3.19) format("woff")}@font-face{font-family:Inter var;font-weight:100 900;font-style:normal;font-named-instance:"Regular";font-display:swap;src:url(/assets/Inter-roman.var-B8gyCBtH.woff2?v=3.19) format("woff2 supports variations(gvar)"),url(/assets/Inter-roman.var-B8gyCBtH.woff2?v=3.19) format("woff2-variations"),url(/assets/Inter-roman.var-B8gyCBtH.woff2?v=3.19) format("woff2")}@font-face{font-family:Inter var;font-weight:100 900;font-style:italic;font-named-instance:"Italic";font-display:swap;src:url(/assets/Inter-italic.var-CyOyrmlj.woff2?v=3.19) format("woff2 supports variations(gvar)"),url(/assets/Inter-italic.var-CyOyrmlj.woff2?v=3.19) format("woff2-variations"),url(/assets/Inter-italic.var-CyOyrmlj.woff2?v=3.19) format("woff2")}@font-face{font-family:Inter var experimental;font-weight:100 900;font-style:oblique 0deg 10deg;font-display:swap;src:url(/assets/Inter.var-Cq-YLKBW.woff2?v=3.19) format("woff2-variations"),url(/assets/Inter.var-Cq-YLKBW.woff2?v=3.19) format("woff2")}.splash[data-v-4a49ea83]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;overflow:hidden;cursor:pointer}.splash-bg[data-v-4a49ea83]{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-background);transition:opacity .2s cubic-bezier(.22,1,.36,1) .16s}.splash.is-exiting .splash-bg[data-v-4a49ea83]{opacity:0}.splash-strips[data-v-4a49ea83]{position:absolute;top:0;right:0;bottom:0;left:0}.splash-strip[data-v-4a49ea83]{position:absolute;top:-10%;height:120%;will-change:transform}.splash-strip-main[data-v-4a49ea83]{left:-6%;width:83%;background:var(--color-surface-raised);transform:skew(-4deg) translate(-115%)}.splash-strip-accent[data-v-4a49ea83]{left:68%;width:16%;background:color-mix(in srgb,var(--color-accent) 16%,transparent);transform:skew(-4deg) translate(-700%)}.splash-strip-thin[data-v-4a49ea83]{left:80%;width:7%;background:color-mix(in srgb,var(--color-accent) 8%,transparent);transform:skew(-4deg) translate(-1200%)}.splash-strip-main[data-v-4a49ea83]:after{position:absolute;top:0;right:-2px;width:3px;height:100%;background:var(--color-accent);content:"";opacity:.7}.splash.is-entering .splash-strip-main[data-v-4a49ea83]{transform:skew(-4deg) translate(0);transition:transform .34s cubic-bezier(.22,1,.36,1)}.splash.is-entering .splash-strip-accent[data-v-4a49ea83]{transform:skew(-4deg) translate(0);transition:transform .38s cubic-bezier(.22,1,.36,1) 30ms}.splash.is-entering .splash-strip-thin[data-v-4a49ea83]{transform:skew(-4deg) translate(0);transition:transform .42s cubic-bezier(.22,1,.36,1) 50ms}.splash.is-exiting .splash-strip-thin[data-v-4a49ea83]{transform:skew(-4deg) translate(1800%);transition:transform .3s cubic-bezier(.22,1,.36,1)}.splash.is-exiting .splash-strip-accent[data-v-4a49ea83]{transform:skew(-4deg) translate(1800%);transition:transform .32s cubic-bezier(.22,1,.36,1) 30ms}.splash.is-exiting .splash-strip-main[data-v-4a49ea83]{transform:skew(-4deg) translate(120vw);transition:transform .36s cubic-bezier(.22,1,.36,1) 60ms}.splash-content[data-v-4a49ea83]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:0 12% 0 10%;pointer-events:none}.splash-label[data-v-4a49ea83]{display:flex;flex-direction:column;gap:10px;opacity:0;transform:translateY(10px)}.splash.is-entering .splash-label[data-v-4a49ea83]{opacity:1;transform:translateY(0);transition:opacity .26s cubic-bezier(.22,1,.36,1) .22s,transform .26s cubic-bezier(.22,1,.36,1) .22s}.splash.is-exiting .splash-label[data-v-4a49ea83]{opacity:0;transform:translateY(-8px);transition:opacity .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1)}.splash-eyebrow[data-v-4a49ea83]{font-size:clamp(9px,1.2vw,11px);font-weight:600;letter-spacing:.22em;color:var(--color-accent);text-transform:uppercase;line-height:1}.splash-version[data-v-4a49ea83]{font-size:clamp(48px,8vw,96px);font-weight:700;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-text)}.splash-version .v-char[data-v-4a49ea83]{color:var(--color-muted);font-size:.65em;vertical-align:.12em}.splash-version .version-number[data-v-4a49ea83]{color:var(--color-accent)}.splash-tag[data-v-4a49ea83]{display:inline-flex;align-items:center;gap:7px;font-size:clamp(11px,1.4vw,13px);font-weight:500;letter-spacing:.1em;color:var(--color-muted);text-transform:uppercase}.splash-tag[data-v-4a49ea83]:before{display:block;flex:0 0 auto;width:28px;height:1px;background:var(--color-accent);content:"";opacity:.5}.splash-skip[data-v-4a49ea83]{position:absolute;right:5%;bottom:7%;font-size:11px;color:var(--color-muted);letter-spacing:.06em;opacity:0;pointer-events:none}.splash.is-entering .splash-skip[data-v-4a49ea83]{opacity:.6;transition:opacity .26s cubic-bezier(.22,1,.36,1) .5s}.splash.is-exiting .splash-skip[data-v-4a49ea83]{opacity:0;transition:opacity .12s}@media(prefers-reduced-motion:reduce){.splash-bg[data-v-4a49ea83],.splash-strip-main[data-v-4a49ea83],.splash-strip-accent[data-v-4a49ea83],.splash-strip-thin[data-v-4a49ea83],.splash-label[data-v-4a49ea83],.splash-skip[data-v-4a49ea83]{transition-duration:.01ms!important}}:root{--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 12px;--space-6: 16px;--space-7: 20px;--space-8: 24px;--radius: 0;--radius-pill: 999px;--r-row: 8px;--r-overlay: 10px;--r-card: 12px;--skew-state: -14deg;--skew-rhythm: -12deg;--control-xs: 24px;--control-sm: 28px;--control-md: 32px;--control-lg: 44px;--row-instrument: 38px;--row-content: 34px;--shell-header-h: 56px;--panel-head-h: 40px;--panel-head-overlay-h: 56px;--toolbar-h: 44px;--toolbar-btn: 36px;--status-h: 26px;--text-micro: 10.5px;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--tracking-label: .2em;--tracking-tight: .02em;--font-ui: "Inter", "Segoe UI Variable Text", "Segoe UI", "Microsoft YaHei UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", Consolas, monospace;--dur-1: .12s;--dur-2: .2s;--dur-3: .26s;--dur-exit: .16s;--ease: cubic-bezier(.22, 1, .36, 1);--z-resize: 10;--z-panel: 20;--z-overlay: 30;--z-tooltip: 40;--z-splash: 100;--surface-chrome: var(--color-background);--surface-content: var(--color-surface);--surface-overlay: var(--color-surface-raised);--surface-inset: var(--shell-inset-background);--surface-canvas: var(--preview-canvas-background);--line-structure: var(--color-border);--line-rhythm: var(--color-divider-strong);--ink: var(--color-text);--ink-muted: var(--color-muted);--accent: var(--color-accent);--accent-ink: var(--color-accent-text);--ok: var(--color-success);--danger: var(--color-danger);--state-hover: var(--control-hover-background);--state-selected: var(--color-selection-background);--state-press: var(--color-divider-strong);--elevation-content: var(--shadow-overlay);--legacy-radius-4: 4px;--legacy-radius-10000: 10000px;--legacy-text-17: 17px;--legacy-text-18: 18px;--legacy-dur-90: 90ms;--legacy-dur-150: .15s;--legacy-dur-180: .18s;--legacy-dur-900: .9s;--legacy-z-1: 1;--legacy-z-2: 2;--legacy-z-5: 5}@media(prefers-reduced-motion:reduce){:root{--dur-1: .01ms;--dur-2: .01ms;--dur-3: .01ms;--dur-exit: .01ms}}:root{font-family:Cascadia Code,Microsoft YaHei UI,sans-serif;color:var(--color-text);background:var(--color-background);font-synthesis:none;--color-background: #181b20;--color-header: #1e2228;--color-surface: #20242b;--color-surface-raised: #272c34;--color-border: #353c47;--color-text: #d7dee8;--color-muted: #8e9aaa;--color-accent: #62b5ff;--color-success: #78d6a3;--color-accent-text: #62b5ff;--color-on-accent: #181b20;--color-danger: #f48771;--color-danger-hover: #ffad98;--color-danger-surface: #703a30;--color-danger-surface-text: #ffe6e0;--color-diagnostic-location: #c6cfdb;--control-hover-background: rgb(215 222 232 / 9%);--color-selection-background: rgb(98 181 255 / 7%);--color-divider-strong: rgb(215 222 232 / 16%);--color-resize-indicator: rgb(98 181 255 / 35%);--shell-sidebar-background: #1b1f25;--shell-inset-background: #15181d;--shell-gutter-active: #252b33;--shell-divider-background: #171b21;--preview-canvas-background: #111318;--preview-card-background: #20242b;--preview-card-border: #2d333c;--preview-iframe-background: #0b0d10;--preview-quote-text: #bdc8d6;--preview-code-background: #15181d;--preview-code-text: #d7dee8;--preview-heading: #f1f5fa;--preview-error-text: #f48771;--preview-tooltip-max-width: 280px;--preview-box-title: var(--color-accent);--preview-spoiler-cover: #000;--preview-spoiler-cover-text: #000;--preview-spoiler-selection-background: color-mix(in srgb, var(--color-accent) 60%, transparent);--preview-spoiler-selection-text: #fff;--preview-imagemap-region-border: rgb(255 111 178 / 80%);--preview-imagemap-region-background: rgb(255 111 178 / 50%);--preview-tooltip-background: #000;--preview-tooltip-text: #fff;--editor-caret: #ffffff;--editor-active-line: rgb(215 222 232 / 12%);--editor-tooltip-background: #20242b;--editor-tooltip-border: #4a5565;--editor-tooltip-text: #d7dee8;--editor-tooltip-selected-background: #1769aa;--editor-tooltip-selected-text: #ffffff;--editor-completion-detail: #9fb0c3;--editor-completion-icon: #8ab4f8;--syntax-bracket: #c586c0;--syntax-slash: #d7ba7d;--syntax-tag: #4ec9b0;--syntax-equals: #ffcc66;--syntax-parameter: #ce9178;--syntax-invalid: #f44747;--scrollbar-track: #171b21;--scrollbar-thumb: #586273;--scrollbar-thumb-hover: #738198;--shadow-overlay: 0 8px 20px rgb(0 0 0 / 35%);--shadow-drawer: 12px 0 28px rgb(0 0 0 / 28%);--color-drawer-scrim: rgb(0 0 0 / 48%);--osu-profile-content-max-width: 890px}[data-theme=darkode],[data-theme-sample=darkode]{color-scheme:dark;--color-background: #181b20;--color-header: #1e2228;--color-surface: #20242b;--color-surface-raised: #272c34;--color-border: #353c47;--color-text: #d7dee8;--color-muted: #8e9aaa;--color-accent: #62b5ff;--color-success: #78d6a3;--color-accent-text: #62b5ff;--color-on-accent: #181b20;--color-danger: #f48771;--color-danger-hover: #ffad98;--color-danger-surface: #703a30;--color-danger-surface-text: #ffe6e0;--color-diagnostic-location: #c6cfdb;--control-hover-background: rgb(215 222 232 / 9%);--color-selection-background: rgb(98 181 255 / 7%);--color-divider-strong: rgb(215 222 232 / 16%);--color-resize-indicator: rgb(98 181 255 / 35%);--shell-sidebar-background: #1b1f25;--shell-inset-background: #15181d;--shell-gutter-active: #252b33;--shell-divider-background: #171b21;--preview-canvas-background: #111318;--preview-card-background: #20242b;--preview-card-border: #2d333c;--preview-iframe-background: #0b0d10;--preview-quote-text: #bdc8d6;--preview-code-background: #15181d;--preview-code-text: #d7dee8;--preview-heading: #f1f5fa;--preview-error-text: #f48771;--preview-tooltip-max-width: 280px;--preview-box-title: var(--color-accent);--preview-spoiler-cover: #000;--preview-spoiler-cover-text: #000;--preview-spoiler-selection-background: color-mix(in srgb, var(--color-accent) 60%, transparent);--preview-spoiler-selection-text: #fff;--preview-imagemap-region-border: rgb(255 111 178 / 80%);--preview-imagemap-region-background: rgb(255 111 178 / 50%);--preview-tooltip-background: #000;--preview-tooltip-text: #fff;--editor-caret: #ffffff;--editor-active-line: rgb(215 222 232 / 12%);--editor-tooltip-background: #20242b;--editor-tooltip-border: #4a5565;--editor-tooltip-text: #d7dee8;--editor-tooltip-selected-background: #1769aa;--editor-tooltip-selected-text: #ffffff;--editor-completion-detail: #9fb0c3;--editor-completion-icon: #8ab4f8;--syntax-bracket: #c586c0;--syntax-slash: #d7ba7d;--syntax-tag: #4ec9b0;--syntax-equals: #ffcc66;--syntax-parameter: #ce9178;--syntax-invalid: #f44747;--scrollbar-track: #171b21;--scrollbar-thumb: #586273;--scrollbar-thumb-hover: #738198;--shadow-overlay: 0 8px 20px rgb(0 0 0 / 35%);--shadow-drawer: 12px 0 28px rgb(0 0 0 / 28%);--color-drawer-scrim: rgb(0 0 0 / 48%)}[data-theme=claucode],[data-theme-sample=claucode]{color-scheme:light;--color-background: #f5f0e8;--color-header: #faf9f5;--color-surface: #faf9f5;--color-surface-raised: #ffffff;--color-border: #d5cab8;--color-text: #141413;--color-muted: #6c6a64;--color-accent: #cc785c;--color-success: #357a44;--color-accent-text: #a9583e;--color-on-accent: #ffffff;--color-danger: #b93b3b;--color-danger-hover: #8f2f2f;--color-danger-surface: #f7e4e0;--color-danger-surface-text: #8f2f2f;--color-diagnostic-location: #3d3d3a;--control-hover-background: rgb(20 20 19 / 6%);--color-selection-background: rgb(204 120 92 / 10%);--color-divider-strong: rgb(20 20 19 / 16%);--color-resize-indicator: rgb(204 120 92 / 35%);--shell-sidebar-background: #efe9de;--shell-inset-background: #faf9f5;--shell-gutter-active: #e8e0d2;--shell-divider-background: #e8e0d2;--preview-canvas-background: #e8e0d2;--preview-card-background: #faf9f5;--preview-card-border: #d5cab8;--preview-iframe-background: #efe9de;--preview-quote-text: #3d3d3a;--preview-code-background: #181715;--preview-code-text: #e8e0d2;--preview-heading: #141413;--preview-error-text: #b93b3b;--preview-tooltip-max-width: 280px;--preview-box-title: var(--color-accent);--preview-spoiler-cover: #000;--preview-spoiler-cover-text: #000;--preview-spoiler-selection-background: color-mix(in srgb, var(--color-accent) 60%, transparent);--preview-spoiler-selection-text: #fff;--preview-imagemap-region-border: rgb(255 111 178 / 80%);--preview-imagemap-region-background: rgb(255 111 178 / 50%);--preview-tooltip-background: #000;--preview-tooltip-text: #fff;--editor-caret: #141413;--editor-active-line: rgb(20 20 19 / 12%);--editor-tooltip-background: #ffffff;--editor-tooltip-border: #d5cab8;--editor-tooltip-text: #141413;--editor-tooltip-selected-background: #efe9de;--editor-tooltip-selected-text: #141413;--editor-completion-detail: #6c6a64;--editor-completion-icon: #a9583e;--syntax-bracket: #8b54d5;--syntax-slash: #8b54d5;--syntax-tag: #00825d;--syntax-equals: #8b54d5;--syntax-parameter: #c04e00;--syntax-invalid: #e40033;--scrollbar-track: #efe9de;--scrollbar-thumb: #c0b4a0;--scrollbar-thumb-hover: #a89880;--shadow-overlay: 0 8px 20px rgb(20 20 19 / 12%);--shadow-drawer: 12px 0 28px rgb(20 20 19 / 10%);--color-drawer-scrim: rgb(20 20 19 / 32%)}[data-theme=hollowcode],[data-theme-sample=hollowcode]{color-scheme:dark;--color-background: #0c0d10;--color-header: #111318;--color-surface: #14171c;--color-surface-raised: #1a1d24;--color-border: #282d38;--color-text: #e4e8f2;--color-muted: #7a8696;--color-accent: #e8b84b;--color-success: #52c87c;--color-accent-text: #c99830;--color-on-accent: #0c0d10;--color-danger: #f48771;--color-danger-hover: #ffad98;--color-danger-surface: #703a30;--color-danger-surface-text: #ffe6e0;--color-diagnostic-location: #c6cfdb;--control-hover-background: rgb(228 232 242 / 9%);--color-selection-background: rgb(232 184 75 / 7%);--color-divider-strong: rgb(228 232 242 / 16%);--color-resize-indicator: rgb(232 184 75 / 35%);--shell-sidebar-background: #101318;--shell-inset-background: #0a0c0e;--shell-gutter-active: #161920;--shell-divider-background: #0e1014;--preview-canvas-background: #080a0c;--preview-card-background: #14171c;--preview-card-border: #222730;--preview-iframe-background: #060709;--preview-quote-text: #a8b4c4;--preview-code-background: #0a0c0e;--preview-code-text: #e4e8f2;--preview-heading: #f2f5fc;--preview-error-text: #f48771;--preview-tooltip-max-width: 280px;--preview-box-title: var(--color-accent);--preview-spoiler-cover: #000;--preview-spoiler-cover-text: #000;--preview-spoiler-selection-background: color-mix(in srgb, var(--color-accent) 60%, transparent);--preview-spoiler-selection-text: #fff;--preview-imagemap-region-border: rgb(255 111 178 / 80%);--preview-imagemap-region-background: rgb(255 111 178 / 50%);--preview-tooltip-background: #000;--preview-tooltip-text: #fff;--editor-caret: #ffffff;--editor-active-line: rgb(228 232 242 / 12%);--editor-tooltip-background: #1a1d24;--editor-tooltip-border: #3a4155;--editor-tooltip-text: #e4e8f2;--editor-tooltip-selected-background: #7a5200;--editor-tooltip-selected-text: #ffffff;--editor-completion-detail: #8a9aaa;--editor-completion-icon: #e8b84b;--syntax-bracket: #c586c0;--syntax-slash: #d7ba7d;--syntax-tag: #4ec9b0;--syntax-equals: #ffcc66;--syntax-parameter: #ce9178;--syntax-invalid: #f44747;--scrollbar-track: #0a0c0e;--scrollbar-thumb: #3a4255;--scrollbar-thumb-hover: #4e5a70;--shadow-overlay: 0 8px 20px rgb(0 0 0 / 45%);--shadow-drawer: 12px 0 28px rgb(0 0 0 / 35%);--color-drawer-scrim: rgb(0 0 0 / 55%)}::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal}::view-transition-new(root){animation:theme-reveal var(--theme-reveal-duration, var(--legacy-dur-900)) var(--ease) both}@keyframes theme-reveal{0%{clip-path:circle(0px at var(--theme-reveal-x, 50%) var(--theme-reveal-y, 50%))}to{clip-path:circle(var(--theme-reveal-r, 150vmax) at var(--theme-reveal-x, 50%) var(--theme-reveal-y, 50%))}}html.is-theme-revealing,html.is-theme-revealing *{transition:none!important}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}*{box-sizing:border-box}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:var(--scrollbar-track)}*::-webkit-scrollbar-thumb{border:2px solid var(--scrollbar-track);border-radius:var(--radius-pill);background:var(--scrollbar-thumb)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{font:inherit}:where(.app-header,.template-sidebar,.panel-header,.editor-panel,.diagnostic-panel,.status-bar,.help-panel,.theme-popover,.template-drawer,.template-action-menu) :where(button,a[href],[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.app-shell{position:relative;display:flex;flex-direction:column;height:100vh;overflow:hidden;background:var(--color-background)}.header-dock{position:relative;z-index:var(--legacy-z-2);flex:0 0 auto;height:var(--header-expanded-height);transition:height var(--dur-3) var(--ease)}.header-dock.is-collapsed{height:0}.header-clip{height:100%;overflow:hidden}.app-header{flex:0 0 var(--shell-header-h);display:flex;align-items:center;justify-content:space-between;min-height:var(--shell-header-h);padding:0 22px;border-bottom:1px solid var(--color-border);background:var(--surface-chrome);transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.header-dock.is-collapsed .app-header{opacity:0;transform:translateY(-24px)}.header-toggle{position:absolute;top:100%;right:16px;z-index:var(--legacy-z-1);display:flex;width:46px;height:44px;align-items:flex-start;justify-content:center;padding:2px 0 0;border:0;color:var(--color-text);background:transparent;cursor:pointer}.header-toggle-tab,.header-toggle-tab:before,.header-toggle-tab:after{position:absolute;top:0;left:0;width:46px;height:17px;clip-path:polygon(7px 0,100% 0,100% 100%,0 100%)}.header-toggle-tab:before,.header-toggle-tab:after{content:""}.header-toggle-tab:before{background:var(--color-border)}.header-toggle-tab:after{background:var(--surface-chrome);clip-path:polygon(7px 0,100% 0,calc(100% - 1px) calc(100% - 1px),1px calc(100% - 1px))}.header-toggle svg{position:relative;flex:0 0 auto;transition:transform var(--dur-3) var(--ease)}.header-dock.is-collapsed .header-toggle svg{transform:rotate(180deg)}.header-toggle:hover .header-toggle-tab:after{background:var(--color-surface-raised)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:var(--legacy-text-17);font-weight:600}h2{margin-bottom:0;font-size:var(--text-base)}.section-heading button{display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;color:var(--color-muted);background:transparent;cursor:pointer}.section-heading button:hover{color:var(--color-text);background:var(--control-hover-background)}.app-header-brand{display:flex;flex:0 0 auto;align-items:center;gap:10px;min-width:0}.app-header-brand .brand-symbol,.app-header-brand .brand-wordmark{display:block;flex:0 0 auto;background-color:var(--color-accent);-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.brand-link{display:flex;flex:0 0 auto;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-link:hover .brand-symbol,.brand-link:hover .brand-wordmark{filter:brightness(1.12)}.brand-link:focus-visible{outline-offset:4px;border-radius:var(--legacy-radius-4)}.brand-symbol{width:25px;height:26px;-webkit-mask-image:url(/assets/sinkode-symbol-DAExcQN_.png);mask-image:url(/assets/sinkode-symbol-DAExcQN_.png)}.brand-wordmark{width:92px;height:18px;-webkit-mask-image:url(/assets/sinkode-wordmark-BBakpONh.png);mask-image:url(/assets/sinkode-wordmark-BBakpONh.png)}.app-header-actions{display:flex;flex-shrink:0;align-items:center;gap:8px}.app-header-actions-divider{flex:0 0 1px;width:1px;height:18px;background:var(--color-divider-strong)}.header-action{display:inline-flex;height:44px;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:5px 4px;border:0;border-radius:var(--radius);color:var(--color-muted);background:transparent;background-clip:content-box;font-size:var(--text-base);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-1) ease,color var(--dur-1) ease}.header-action svg{flex-shrink:0}.header-action:hover:not(:disabled){background:var(--control-hover-background);color:var(--color-text)}.header-action.header-action-icon:hover{color:var(--color-muted)}.header-action:disabled{color:var(--color-muted);cursor:not-allowed}.header-action-icon{padding:0 4px;text-decoration:none}.header-action-icon:before{content:"";display:block;width:16px;height:16px;background-color:currentcolor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.header-action-note{font-size:var(--text-xs)}.workspace{flex:1 1 auto;display:grid;grid-template-columns:var(--template-width, 210px) 8px minmax(0,var(--editor-track, 1fr)) 8px minmax(0,1fr);min-height:0;overflow:hidden;transition:grid-template-columns var(--dur-3) var(--ease)}.workspace.is-resizing{transition:none}.resize-handle{position:relative;z-index:var(--legacy-z-2);min-width:8px;min-height:8px;touch-action:none;background:transparent}.resize-handle:focus-visible{outline:0}.resize-handle-vertical{cursor:col-resize}.resize-handle-vertical:before,.resize-handle-vertical:after{position:absolute;inset:0 auto 0 50%;content:"";transform:translate(-50%);transition:background var(--dur-1) ease}.resize-handle-vertical:before{width:var(--space-2);background:transparent}.resize-handle-vertical:after{width:var(--space-1);background:transparent}.resize-handle-vertical:hover:before,.resize-handle-vertical:focus-visible:before{background:var(--state-hover)}.resize-handle-vertical:hover:after,.resize-handle-vertical:focus-visible:after{background:var(--color-resize-indicator)}.resize-handle-horizontal{flex:0 0 12px;min-width:0;min-height:12px;cursor:row-resize}.resize-handle-horizontal:after{position:absolute;top:50%;left:50%;width:44px;height:var(--space-1);background:transparent;content:"";transform:translate(-50%,-50%);transition:background var(--dur-1) ease}.resize-handle-horizontal:hover:after,.resize-handle-horizontal:focus-visible:after{background:var(--line-rhythm)}.diagnostic-resizer{margin-top:0}.template-sidebar,.editor-panel,.preview-panel{min-width:0}.template-sidebar{min-height:0;overflow-y:auto;margin:var(--space-4) var(--space-1) var(--space-4) var(--space-4);padding:var(--space-4);border:1px solid var(--line-structure);border-radius:var(--r-card);background:var(--surface-content);transition:padding var(--dur-3) var(--ease)}.template-sidebar.is-collapsed{overflow:hidden;padding:var(--space-2)}.template-sidebar-content{min-width:0}.template-sidebar-layout{display:flex;align-items:flex-start;gap:var(--space-2)}.template-sidebar-toggle{display:inline-flex;flex:0 0 var(--control-xs);align-items:center;justify-content:center;width:var(--control-xs);height:var(--control-xs);padding:0;border:0;border-radius:var(--r-row);color:var(--color-muted);background:transparent;cursor:pointer}.template-sidebar-layout>.template-sidebar-toggle{margin-left:auto}.template-sidebar-toggle:hover{color:var(--color-text);background:var(--state-hover)}.template-sidebar-panel{flex:1 1 auto;min-width:0;overflow:hidden}.template-sidebar-panel .section-heading{min-width:0;margin-bottom:0}.template-sidebar-panel .section-heading h2{font-weight:600}.template-sidebar-panel .section-heading>button{width:var(--control-xs);height:var(--control-xs);border-radius:var(--r-row)}.template-sidebar-count{margin-left:var(--space-2);color:var(--color-muted);font-size:var(--text-xs);font-weight:400;font-variant-numeric:tabular-nums}.template-sidebar-main{min-width:0;margin-top:var(--space-5);overflow:hidden}.template-sidebar-panel-enter-active,.template-sidebar-panel-leave-active{transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease),margin-right var(--dur-3) var(--ease);transform-origin:top left}.template-sidebar-panel-enter-from,.template-sidebar-panel-leave-to{opacity:0;transform:translate(-24px)}.template-sidebar-panel-leave-to{margin-right:-8px}.section-heading,.panel-header,.status-bar{display:flex;align-items:center;justify-content:space-between}.section-heading{margin-bottom:18px}.section-heading button{width:28px;padding:2px;font-size:var(--legacy-text-18);line-height:20px}.preview-placeholder{color:var(--color-muted);font-size:var(--text-base)}.panel-header-actions{display:flex;align-items:center;gap:10px}.mobile-template-trigger{display:none;width:var(--control-lg);height:var(--control-lg);align-items:center;justify-content:center;padding:0;border:0;border-radius:var(--radius);color:var(--color-text);background:transparent;cursor:pointer;touch-action:manipulation}.mobile-template-trigger:hover,.mobile-template-trigger[aria-expanded=true]{background:var(--control-hover-background)}.panel-title{max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0;list-style:none}.template-item{max-height:320px;overflow:hidden;margin-block-end:var(--space-1);padding:0;transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease),max-height var(--dur-3) var(--ease),margin-block-end var(--dur-3) var(--ease)}.template-list-move,.template-list-enter-active,.template-list-leave-active{transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease),max-height var(--dur-3) var(--ease),margin-block-end var(--dur-3) var(--ease)}.template-list-enter-from{opacity:0;max-height:0;transform:translateY(14px);margin-block-end:0}.template-list-leave-to{opacity:0;max-height:0;transform:translateY(-14px);margin-block-end:0}.template-row{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--control-xs);align-items:center;min-height:var(--row-content);padding:0 var(--space-2) 0 var(--space-3);border-radius:var(--r-row);transition:background var(--dur-1) ease}.template-row:hover{background:var(--state-hover)}.template-row.is-active{background:var(--state-selected)}.template-row.is-active:before{position:absolute;inset:var(--space-2) auto var(--space-2) 0;width:2px;border-radius:var(--radius-pill);background:var(--color-accent);content:""}.template-select{display:block;min-width:0;width:100%;min-height:var(--row-content);padding:0 var(--space-2);overflow:hidden;border:0;border-radius:var(--r-row);color:var(--color-text);background:transparent;font-size:var(--text-base);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.template-select:hover{color:var(--color-text)}.template-select.is-active{font-weight:600}.template-more{display:grid;width:var(--control-xs);height:var(--control-xs);place-items:center;padding:0;border:0;border-radius:var(--r-row);color:var(--color-muted);background:transparent;cursor:pointer}.template-more:hover,.template-more[aria-expanded=true]{color:var(--color-text);background:var(--state-hover)}.template-action-menu{position:fixed;z-index:var(--z-overlay);display:grid;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--line-structure);border-radius:var(--r-overlay);background:var(--surface-overlay);box-shadow:var(--elevation-content);transform-origin:top right}.template-action-menu-enter-active{transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.template-action-menu-leave-active{transition:opacity var(--dur-exit) var(--ease),transform var(--dur-exit) var(--ease)}.template-action-menu-enter-from,.template-action-menu-leave-to{opacity:0;transform:translateY(-6px) scale(.96)}.template-action-menu button{display:flex;align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-3);border:0;border-radius:var(--r-row);color:var(--color-text);background:transparent;text-align:left;font-size:var(--text-sm);cursor:pointer}.template-action-menu button svg{flex:0 0 auto;color:var(--color-muted)}.template-action-menu button:hover,.template-action-menu button:focus-visible{background:var(--state-hover)}.template-action-menu button:focus-visible{outline-offset:-2px}.template-action-menu button.danger,.template-action-menu button.danger svg{color:var(--color-danger)}.template-action-menu-separator{height:1px;margin:var(--space-1) var(--space-2);background:var(--line-rhythm)}.template-rename button,.template-delete-confirm button,.template-footer button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:0 var(--space-3);border:1px solid var(--line-structure);border-radius:var(--r-row);color:var(--color-muted);background:transparent;font-size:var(--text-sm);cursor:pointer}.template-rename button:hover,.template-delete-confirm button:hover,.template-footer button:hover{color:var(--color-text);background:var(--state-hover)}.template-rename{display:grid;gap:var(--space-2);padding:var(--space-2) var(--space-1) var(--space-3)}.template-rename input{min-width:0;min-height:var(--control-md);padding:0 var(--space-3);border:1px solid var(--line-structure);border-radius:var(--r-row);color:var(--color-text);background:var(--surface-inset);font-size:var(--text-base)}.template-rename input:focus{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}.template-rename-actions,.template-delete-actions{display:flex;justify-content:flex-end;gap:var(--space-4)}.template-rename-actions button,.template-delete-actions button{min-height:var(--control-md);white-space:nowrap}.template-rename-actions button[type=submit]{color:var(--color-text)}.template-delete-confirm{display:grid;grid-template-rows:1fr;overflow:hidden;margin-top:var(--space-2)}.template-delete-confirm-enter-active,.template-delete-confirm-leave-active{transition:grid-template-rows var(--dur-3) var(--ease),margin-top var(--dur-3) var(--ease),opacity var(--dur-exit) ease-out}.template-delete-confirm-enter-from,.template-delete-confirm-leave-to{grid-template-rows:0fr;margin-top:0;opacity:0}.template-delete-confirm-inner{min-height:0;overflow:hidden}.template-delete-confirm-surface{display:grid;gap:var(--space-2);padding:var(--space-3) 0 var(--space-3) var(--space-5);border-left:2px solid var(--color-danger)}.template-delete-confirm-surface p{margin:0;color:var(--color-text);font-size:var(--text-sm);line-height:1.4;overflow-wrap:anywhere}.template-delete-confirm-surface button.danger{color:var(--color-danger)}.template-footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--line-rhythm)}.template-footer button{width:100%;min-height:var(--control-md);justify-content:flex-start;padding:0 var(--space-2);border-color:transparent;background:transparent}.template-footer button:hover{border-color:transparent;background:var(--state-hover)}.copy-control{position:relative;display:inline-flex}.copy-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:26px;padding:0 10px;border:0;border-radius:var(--radius);color:var(--color-text);background:transparent;font-size:var(--text-base);cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-1) ease,color var(--dur-1) ease,transform var(--legacy-dur-90) var(--ease)}.copy-button:after{content:"";position:absolute;top:-7px;right:-4px;bottom:-7px;left:-4px}.copy-button:hover{color:var(--color-text);background:var(--control-hover-background)}.copy-button:active{background:var(--color-divider-strong);transform:scale(.97)}.copy-button.is-copied{color:var(--color-success)}.copy-icon{position:relative;display:inline-grid;place-items:center;width:14px;height:14px}.copy-icon>svg{grid-area:1 / 1;display:block}.copy-icon>svg:first-child{opacity:1;transition:opacity var(--legacy-dur-180) var(--ease),transform var(--legacy-dur-180) var(--ease)}.copy-icon>svg:last-child{opacity:0;transform:scale(.6) rotate(-24deg);visibility:hidden}.copy-button-label{display:inline-grid;justify-items:center;white-space:nowrap}.copy-button-label>span{grid-area:1 / 1}.copy-button-label .label-idle{opacity:1;transition:opacity var(--legacy-dur-180) var(--ease),transform var(--legacy-dur-180) var(--ease)}.copy-button-label .label-copied{opacity:0;transform:translateY(2px);visibility:hidden}.copy-button.is-copied .copy-icon>svg{color:var(--color-success)}.copy-button.is-copied .copy-icon>svg:last-child{opacity:1;transform:scale(1) rotate(0);visibility:visible;transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.copy-button.is-copied .copy-icon>svg:first-child{opacity:0;transform:scale(.85);transition:opacity var(--legacy-dur-180) var(--ease),transform var(--legacy-dur-180) var(--ease)}.copy-button.is-copied .copy-button-label .label-idle{opacity:0;transform:translateY(-2px);transition:opacity var(--legacy-dur-180) var(--ease),transform var(--legacy-dur-180) var(--ease)}.copy-button.is-copied .copy-button-label .label-copied{opacity:1;transform:none;visibility:visible;transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.copy-toast{position:absolute;top:calc(100% + 8px);right:0;z-index:var(--legacy-z-5);margin:0;min-height:36px;padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-danger-surface-text);background:var(--color-danger-surface);font-size:var(--text-sm);line-height:1.4;white-space:nowrap;box-shadow:0 8px 20px var(--shadow-overlay);transform-origin:top right}.copy-toast-enter-active{transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.copy-toast-leave-active{transition:opacity var(--legacy-dur-180) var(--ease),transform var(--legacy-dur-180) var(--ease)}.copy-toast-enter-from,.copy-toast-leave-to{opacity:0;transform:translateY(-6px) scale(.96)}.save-status{display:inline-flex;align-items:center;gap:var(--space-3)}.save-status-dot{flex:0 0 auto;width:6px;height:6px;border-radius:var(--radius-pill);background:currentcolor}.save-status--saved{color:var(--color-muted)}.save-status--saved .save-status-dot{background:var(--color-success)}.save-status--saving{color:var(--color-accent)}.save-status--error{color:var(--color-danger)}.editor-panel{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--color-border)}.preview-panel{display:flex;flex-direction:column;min-height:0}.panel-header{min-height:var(--panel-head-h);padding:0 14px;background:var(--surface-chrome);color:var(--color-text);font-size:var(--text-base)}.panel-header>span:first-child{font-weight:600}.preview-panel>.panel-header{padding-right:70px}.panel-status{color:var(--color-muted);font-size:var(--text-xs)}.editor-host{flex:1;min-height:0;overflow:hidden;background:var(--shell-inset-background)}.editor-toolbar-shell{position:relative;flex:0 0 auto;min-width:0;background:var(--surface-inset)}.editor-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--space-1);min-width:0;min-height:var(--toolbar-h);overflow-x:auto;overflow-y:hidden;padding:0 var(--space-4);scrollbar-width:none;background:var(--surface-inset)}.editor-toolbar:after{content:"";flex:0 0 var(--space-8)}.editor-toolbar-group{display:flex;flex:0 0 auto;align-items:center;gap:var(--space-1)}.editor-toolbar-divider{flex:0 0 1px;width:1px;height:16px;margin:0 var(--space-3);background:var(--line-structure);transform:skew(var(--skew-rhythm))}.editor-toolbar-button{position:relative;display:inline-flex;width:var(--toolbar-btn);min-width:var(--toolbar-btn);height:var(--toolbar-btn);min-height:var(--toolbar-btn);justify-content:center;align-items:center;border:0;border-radius:var(--radius);color:var(--color-muted);background:transparent;padding:0;cursor:pointer;touch-action:manipulation;transition:background-color var(--dur-1) ease,color var(--dur-1) ease}.editor-toolbar-button:hover{color:var(--color-text);background:var(--control-hover-background)}.editor-toolbar-button:focus-visible{outline-offset:-2px}.editor-toolbar-button:active{background:var(--color-accent);color:var(--color-background)}.editor-toolbar-fade{position:absolute;top:0;right:0;bottom:0;width:var(--space-8);background:linear-gradient(to right,color-mix(in srgb,var(--surface-inset) 0%,transparent),var(--surface-inset));pointer-events:none}.editor-toolbar-more{position:absolute;top:50%;right:var(--space-1);display:grid;width:var(--control-xs);height:var(--control-xs);place-items:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text);background:var(--surface-overlay);transform:translateY(-50%);cursor:pointer;touch-action:manipulation}.editor-toolbar-more:hover{border-color:var(--color-muted)}.editor-toolbar-more[aria-expanded=true]{border-color:var(--color-accent);color:var(--color-accent)}.editor-toolbar-more-menu{position:fixed;top:var(--toolbar-more-top, 0);right:var(--toolbar-more-right, var(--space-5));z-index:var(--z-overlay);display:grid;gap:var(--space-2);width:min(260px,calc(100vw - 24px));max-height:min(420px,60vh);overflow-y:auto;padding:var(--space-2) 0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--surface-overlay)}.editor-toolbar-more-group{display:grid;gap:var(--space-1)}.editor-toolbar-more-title{margin:0;padding:var(--space-1) var(--space-5);color:var(--color-muted);font-size:var(--text-xs);font-weight:600}.editor-toolbar-more-item{display:flex;align-items:center;gap:var(--space-3);min-height:var(--control-md);padding:0 var(--space-5);border:0;color:var(--color-text);background:transparent;font-size:var(--text-base);text-align:left;cursor:pointer;touch-action:manipulation}.editor-toolbar-more-item:hover{background:var(--control-hover-background)}.editor-toolbar-more-item:focus-visible{outline-offset:-2px}.editor-toolbar-more-enter-active{transition:opacity var(--dur-2) var(--ease),transform var(--dur-2) var(--ease)}.editor-toolbar-more-leave-active{transition:opacity var(--dur-exit) var(--ease),transform var(--dur-exit) var(--ease)}.editor-toolbar-more-enter-from,.editor-toolbar-more-leave-to{opacity:0;transform:translateY(-4px)}.diagnostic-count{display:inline-flex;align-items:center;gap:var(--space-3);min-height:var(--control-xs);padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);color:var(--color-muted);background:transparent;font-size:var(--text-xs);cursor:pointer}.diagnostic-count.has-errors{color:var(--color-danger)}.diagnostic-count:hover:not(:disabled){color:var(--color-danger-hover);background:var(--control-hover-background)}.diagnostic-count:disabled{cursor:default}.diagnostic-count:has(+span){text-align:left}.diagnostic-panel{flex:0 0 auto;display:grid;grid-template-rows:1fr;min-height:0;overflow:hidden;background:var(--surface-inset);transform:translateY(0)}.diagnostic-panel-inner{display:flex;min-height:0;flex-direction:column}.diagnostic-panel-enter-active,.diagnostic-panel-leave-active{transition:grid-template-rows var(--dur-3) var(--ease),opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.diagnostic-panel-leave-active{transition-duration:var(--legacy-dur-180)}.diagnostic-panel-enter-from,.diagnostic-panel-leave-to{grid-template-rows:0fr;opacity:0;transform:translateY(8px)}.diagnostic-list{flex:0 0 auto;display:flex;flex-direction:column;min-height:0;overflow:auto;padding:var(--space-1) var(--space-5) var(--space-4)}.diagnostic-row{position:relative;display:grid;grid-template-columns:18px minmax(142px,190px) minmax(0,1fr);align-items:center;gap:var(--space-4);width:100%;min-height:var(--row-instrument);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-5);border:0;border-radius:var(--radius);color:var(--color-text);background:transparent;text-align:left;cursor:pointer;transition:background var(--dur-1) ease}.diagnostic-row:before{position:absolute;inset:var(--space-4) auto var(--space-4) 0;width:2px;border-radius:var(--radius-pill);background:transparent;content:"";transition:background var(--dur-1) ease}.diagnostic-row:hover{background:var(--state-hover)}.diagnostic-row.is-active{background:color-mix(in srgb,var(--color-danger) 8%,transparent)}.diagnostic-row.is-active:before{background:var(--color-danger)}.diagnostic-row svg{color:var(--color-danger)}.diagnostic-location{color:var(--color-diagnostic-location);font-variant-numeric:tabular-nums;white-space:nowrap}.diagnostic-message{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diagnostic-type{margin-left:var(--space-3);color:var(--color-muted);font-size:var(--text-xs)}.editor-host .cm-editor{height:100%}.editor-host .cm-scroller{overflow:auto}.editor-host .cm-gutters{border-right:0;color:var(--color-muted);background:var(--surface-inset)}.editor-host .cm-activeLineGutter{color:var(--color-text);background:transparent}.editor-host .cm-lineNumbers .cm-gutterElement{min-width:36px;padding:0 var(--space-4) 0 var(--space-3)}.status-bar{min-height:var(--status-h);gap:var(--space-5);padding:0 var(--space-5);border-top:1px solid var(--color-divider-strong);color:var(--color-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.status-bar>span{white-space:nowrap}.preview-canvas{flex:1;overflow:auto;padding:24px;background:var(--preview-canvas-background)}.preview-content{--preview-frame-inset: 42px;width:min(100%,calc(var(--osu-profile-content-max-width) + var(--preview-frame-inset)));min-height:260px;margin:0 auto;padding:20px;border:1px solid var(--preview-card-border);background:var(--preview-card-background)}.preview-content>div{line-height:1.5;overflow-wrap:anywhere;font-family:Inter,sans-serif;font-size:var(--text-md);font-synthesis:style}.preview-content h2{margin:10px 0 0;color:var(--preview-heading);font-size:1.5em}.preview-content p{margin:0 0 12px}.preview-content a{color:var(--color-accent)}.preview-content img{display:block;max-width:100%;height:auto;margin:12px auto}.preview-content audio{display:block;width:min(100%,520px);margin:12px 0}.preview-content iframe{display:block;width:min(100%,560px);aspect-ratio:16 / 9;height:auto;margin:16px 0;border:1px solid var(--color-border);background:var(--preview-iframe-background)}.preview-content blockquote{position:relative;margin:16px 0;padding:0 0 0 20px;border:none;color:var(--preview-quote-text);font-size:inherit}.preview-content blockquote:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;border-radius:var(--legacy-radius-10000);background:var(--color-accent)}.preview-content blockquote h4{margin:0 0 10px;font-size:inherit;font-weight:600}.preview-content blockquote blockquote{font-size:.9em}.preview-content blockquote blockquote:before{display:none}.preview-content ul,.preview-content ol{margin:12px 0;padding-left:20px;list-style-position:outside}.preview-content ul{list-style-type:disc}.preview-content ol{list-style-type:decimal}.preview-content pre,.preview-content code{font-family:Cascadia Code,Microsoft YaHei UI,monospace}.preview-content code{padding:1px 4px;border-radius:var(--legacy-radius-4)}.preview-content pre{margin:16px 0;padding:10px;overflow:auto;border-radius:var(--legacy-radius-4);white-space:pre-wrap;font-size:inherit;background:var(--preview-code-background)}.preview-content pre code{padding:0;border-radius:var(--radius);background:transparent}.preview-content .bbcode-centre{text-align:center}.preview-content .bbcode-notice{margin:0;padding:19px;border:2px solid var(--color-border);border-radius:var(--legacy-radius-4);background:var(--color-surface-raised)}.preview-content .bbcode-spoiler{background:var(--preview-spoiler-cover);color:var(--preview-spoiler-cover-text);-webkit-user-select:text;user-select:text}.preview-content .bbcode-spoiler::selection{background:var(--preview-spoiler-selection-background);color:var(--preview-spoiler-selection-text)}.preview-content .bbcode-spoilerbox{margin:0}.preview-content .bbcode-spoilerbox__link{display:inline-flex;align-items:center;gap:4px;min-height:24px;padding:0;border:0;color:var(--preview-box-title);cursor:pointer;font:inherit;font-weight:600;background:transparent}.preview-content .bbcode-spoilerbox__link:hover{text-decoration:underline}.preview-content .bbcode-spoilerbox__link-icon{display:inline-block;width:20px;color:currentcolor}.preview-content .bbcode-spoilerbox__link-icon:before{content:"▸";display:inline-block;font-size:var(--legacy-text-18);line-height:1}.preview-content .bbcode-spoilerbox__link[aria-expanded=true] .bbcode-spoilerbox__link-icon:before{content:"▾"}.preview-content .bbcode-spoilerbox__body{margin-top:10px;padding-left:20px}.preview-imagemap{position:relative;display:inline-block;max-width:100%;margin:12px 0;vertical-align:top}.preview-imagemap>img{display:block;width:auto;height:auto;max-width:100%;margin:0;object-fit:contain}.preview-imagemap-region{position:absolute;display:block;border:1px solid var(--preview-imagemap-region-border);background:var(--preview-imagemap-region-background)}.preview-tooltip{position:fixed;z-index:var(--z-tooltip);display:block;top:0;left:0;padding:0 0 8px;border:0;background:transparent;color:var(--preview-tooltip-text);font-family:Inter,sans-serif;font-size:var(--text-sm);line-height:1.35;max-width:var(--preview-tooltip-max-width);overflow-wrap:anywhere;pointer-events:none;visibility:visible;opacity:0;transition:opacity var(--legacy-dur-150) ease}.preview-tooltip__text{display:block;padding:5px 9px;border-radius:var(--legacy-radius-4);background:var(--preview-tooltip-background)}.preview-tooltip__arrow{position:absolute;bottom:0;left:var(--preview-tooltip-arrow-left, 50%);width:16px;height:8px;background-color:var(--preview-tooltip-background);clip-path:polygon(0 0,100% 0,50% 100%);transform:translate(-50%)}.preview-tooltip.is-below{padding:8px 0 0}.preview-tooltip.is-below .preview-tooltip__arrow{top:0;bottom:auto;clip-path:polygon(50% 0,100% 100%,0 100%)}.preview-tooltip.is-visible{opacity:1}@media(prefers-reduced-motion:reduce){.preview-tooltip{transition-duration:var(--dur-1);transition-delay:0ms}}.preview-content .preview-media-failed{opacity:.35}.preview-content .preview-media-failure{display:block;margin:8px 0 12px;color:var(--preview-error-text);font-size:var(--text-sm)}.preview-placeholder{margin:0}.theme-popover{position:fixed;top:var(--theme-popover-top, 80px);right:var(--theme-popover-right, 22px);z-index:var(--z-overlay);width:min(360px,calc(100vw - 24px));padding:var(--space-5);border:1px solid var(--line-structure);border-radius:var(--r-card);background:var(--surface-overlay);box-shadow:var(--elevation-content);transform-origin:top right}.theme-popover .section-heading{margin:0 0 var(--space-4)}.theme-popover .section-heading h2{font-size:var(--text-base);font-weight:600}.theme-popover .section-heading button.theme-close{display:grid;width:var(--control-xs);height:var(--control-xs);place-items:center;padding:0;border-color:transparent;border-radius:var(--r-row);background:transparent}.theme-popover .section-heading button.theme-close:hover{border-color:transparent;background:var(--control-hover-background)}.theme-options{display:grid;gap:var(--space-1)}.theme-popover-enter-active{transition:opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.theme-popover-leave-active{transition:opacity var(--dur-exit) var(--ease),transform var(--dur-exit) var(--ease)}.theme-popover-enter-from,.theme-popover-leave-to{opacity:0;transform:translateY(-8px) scale(.96)}.theme-option{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--space-4);min-height:var(--control-lg);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border:0;border-radius:var(--r-row);color:var(--color-text);background:transparent;cursor:pointer;transition:background var(--dur-1) ease}.theme-option:before{position:absolute;inset:var(--space-2) auto var(--space-2) 0;width:2px;border-radius:var(--radius-pill);background:transparent;content:"";transition:background var(--dur-1) ease}.theme-option:hover{background:var(--state-hover)}.theme-option:hover .theme-option-description{color:var(--color-text)}.theme-option:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.theme-option.is-selected{background:var(--state-selected)}.theme-option.is-selected:before{background:var(--color-accent)}.theme-option-copy{min-width:0;display:grid;gap:3px}.theme-option-title{font-size:var(--text-md);font-weight:600}.theme-option-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--color-muted);font-size:var(--text-sm);line-height:1.35}.theme-option.is-selected .theme-option-description{color:var(--color-text)}.theme-preview{display:flex;width:40px;height:22px;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line-structure);border-radius:var(--r-row)}.theme-preview span{flex:1}.theme-preview span:nth-child(1){background:var(--color-background)}.theme-preview span:nth-child(2){background:var(--color-text)}.theme-preview span:nth-child(3){background:var(--color-accent)}.theme-option-check{color:var(--color-accent);opacity:0;transition:opacity var(--dur-1) ease}.theme-option.is-selected .theme-option-check{opacity:1}.theme-note{margin:var(--space-4) 0 0;padding-top:var(--space-3);border-top:1px solid var(--line-rhythm);color:var(--color-muted);font-size:var(--text-xs);line-height:1.4}.template-drawer-backdrop{position:fixed;z-index:var(--z-panel);top:0;right:0;bottom:0;left:0;display:flex;align-items:stretch;background:var(--color-drawer-scrim)}.template-drawer{display:flex;width:min(360px,calc(100vw - 24px));max-width:100%;min-height:100%;flex-direction:column;overflow-y:auto;border-radius:0 var(--r-card) var(--r-card) 0;background:var(--surface-content);box-shadow:var(--shadow-drawer)}.template-drawer-header{display:flex;min-height:var(--panel-head-overlay-h);align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-5)}.template-drawer-header h2{margin:0;font-size:var(--text-base);font-weight:600}.template-drawer-close{position:relative;display:inline-grid;width:var(--control-lg);height:var(--control-lg);place-items:center;padding:0;border:0;color:var(--color-text);background:transparent;cursor:pointer;touch-action:manipulation}.template-drawer-close:before{position:absolute;inset:calc((var(--control-lg) - var(--control-xs)) / 2);border-radius:var(--r-row);background:transparent;content:"";transition:background var(--dur-1) ease}.template-drawer-close:hover:before{background:var(--state-hover)}.template-drawer-close svg{position:relative}.template-drawer-sidebar{display:block;min-height:0;flex:1 1 auto;overflow:visible;margin:0;border:0;border-radius:0;background:transparent;padding:var(--space-5) var(--space-6) var(--space-7)}.template-drawer-sidebar .template-sidebar-toggle{display:none}.template-drawer-sidebar .template-sidebar-panel{display:block}.template-drawer-sidebar .template-select{min-height:var(--control-lg)}.template-drawer-sidebar .section-heading h2{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.template-drawer-sidebar .section-heading{justify-content:flex-end}.template-drawer-sidebar .template-sidebar-main{margin-top:8px}.template-drawer-sidebar .section-heading>button,.template-drawer-sidebar .template-rename-actions button,.template-drawer-sidebar .template-delete-actions button{min-width:44px;min-height:44px}.template-drawer-enter-active,.template-drawer-leave-active{transition:opacity var(--dur-3) var(--ease)}.template-drawer-enter-active .template-drawer,.template-drawer-leave-active .template-drawer{transition:transform var(--dur-3) var(--ease)}.template-drawer-enter-from,.template-drawer-leave-to{opacity:0}.template-drawer-enter-from .template-drawer,.template-drawer-leave-to .template-drawer{transform:translate(calc(var(--space-6) * -1))}@media(max-width:800px){.app-header{flex-wrap:nowrap;padding:0 12px}.app-header-brand{max-width:100%}.app-header-actions{margin-left:auto}.workspace{grid-template-columns:1fr;overflow-y:auto}.editor-panel>.panel-header{padding-right:70px}.mobile-template-trigger{display:inline-flex}.template-sidebar{display:none}.template-drawer-sidebar{display:block}.template-action-menu button{min-height:44px}.resize-handle-vertical{display:none}.editor-panel,.preview-panel{min-height:45vh;border-right:0}.preview-panel{border-top:1px solid var(--color-divider-strong)}.status-bar{align-items:center;flex-wrap:wrap;gap:0 var(--space-5);min-height:44px;padding:var(--space-2) var(--space-4)}.status-bar .diagnostic-count,.status-bar .save-status{min-height:var(--control-xs)}.status-bar .render-status,.status-bar>span:nth-last-child(-n+2){display:none}.diagnostic-row{grid-template-columns:18px minmax(0,1fr);align-items:start;gap:var(--space-3);min-height:52px;padding:var(--space-4)}.diagnostic-row svg{grid-row:1 / span 2;margin-top:3px}.diagnostic-location,.diagnostic-message{grid-column:2}.diagnostic-message{white-space:normal;line-height:1.4}}@media(max-width:359px){.app-header-brand .brand-wordmark{display:none}}@media(prefers-reduced-motion:reduce){.header-dock,.app-header,.header-action,.header-toggle svg,.theme-popover,.template-action-menu,.diagnostic-panel,.copy-toast,.template-drawer-backdrop,.template-drawer{transition-duration:var(--dur-1)}.copy-button,.copy-button .copy-icon>svg,.copy-button .copy-button-label>span{transition-duration:var(--dur-1)}.copy-button:active{transform:none}}.help-panel{position:fixed;top:var(--help-top, var(--header-expanded-height, 56px));right:0;bottom:0;z-index:var(--z-panel);display:flex;width:min(380px,calc(100vw - 24px));min-height:0;flex-direction:column;overflow:hidden;border-left:1px solid var(--line-structure);background:var(--surface-content);transform-origin:top right;transition:top var(--dur-3) var(--ease)}.help-panel-enter-active{transition:top var(--dur-3) var(--ease),opacity var(--dur-3) var(--ease),transform var(--dur-3) var(--ease)}.help-panel-leave-active{transition:top var(--dur-3) var(--ease),opacity var(--dur-exit) var(--ease),transform var(--dur-exit) var(--ease)}.help-panel-enter-from,.help-panel-leave-to{opacity:0;transform:translate(24px)}.help-panel-header{display:flex;min-height:var(--panel-head-overlay-h);align-items:center;justify-content:space-between;gap:var(--space-5);padding:var(--space-2) var(--space-5)}.help-panel-heading{min-width:0}.help-panel-heading h2{margin:0;font-size:var(--text-base);font-weight:600}.help-panel-heading p{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.35}.help-panel-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:var(--control-sm);height:var(--control-sm);padding:0;border:0;border-radius:var(--radius);color:var(--color-text);background:transparent;cursor:pointer;transition:background-color var(--dur-1) ease}.help-panel-close:hover{background:var(--state-hover)}.help-panel-toolbar{flex:0 0 auto;padding:0 var(--space-5) var(--space-5)}.help-panel-search{position:relative;display:flex;align-items:center}.help-panel-search>svg{position:absolute;left:10px;color:var(--color-muted);pointer-events:none}.help-panel-search input{width:100%;min-height:var(--control-md);padding:0 var(--space-3) 0 var(--control-md);border:1px solid var(--line-structure);border-radius:var(--radius);color:var(--color-text);background:var(--surface-inset);font:inherit;font-size:var(--text-sm)}.help-panel-search input::placeholder{color:var(--color-muted)}.help-panel-search input:focus{border-color:var(--color-accent);outline:2px solid var(--color-accent);outline-offset:2px}.help-panel-filters{display:flex;gap:var(--space-2);margin-top:var(--space-4);overflow-x:auto;scrollbar-width:thin}.help-panel-filter{min-height:var(--control-xs);padding:0 var(--space-4);border:0;border-radius:var(--radius-pill);color:var(--color-text);background:var(--state-hover);font-size:var(--text-xs);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-1) ease}.help-panel-filter:hover{background:var(--state-press)}.help-panel-filter.is-active,.help-panel-filter.is-active:hover{background:var(--state-selected);font-weight:600}.help-panel-scroll{min-height:0;flex:1 1 auto;overflow-y:auto;padding:0 var(--space-5) var(--space-7)}.help-panel-section-heading{display:flex;align-items:baseline;justify-content:space-between;margin:var(--space-5) 0 var(--space-2)}.help-panel-section-heading h3{margin:0;color:var(--color-muted);font-size:var(--text-micro);font-weight:600;letter-spacing:var(--tracking-label)}.help-panel-section-heading span{color:var(--color-muted);font-family:var(--font-mono);font-size:var(--text-micro);font-variant-numeric:tabular-nums}.help-panel-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.help-panel-entry{position:relative;display:grid;grid-template-columns:74px minmax(0,1fr) 16px;align-items:center;gap:var(--space-4);width:100%;min-height:var(--row-instrument);padding:var(--space-1) var(--space-3);border:0;color:var(--color-text);background:transparent;text-align:left;cursor:pointer;transition:background-color var(--dur-1) ease}.help-panel-entry:before{position:absolute;inset:var(--space-2) auto var(--space-2) 0;width:3px;background:transparent;transform:skew(var(--skew-state));content:""}.help-panel-entry:hover{background:var(--state-hover)}.help-panel-entry:hover .help-panel-entry-copy span,.help-panel-entry.is-active .help-panel-entry-copy span{color:var(--color-text)}.help-panel-entry.is-active{background:var(--state-selected)}.help-panel-entry.is-active:before{background:var(--color-accent)}.help-panel-entry>code,.help-panel-detail-heading code{color:var(--accent-ink);font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap}.help-panel-entry-copy{min-width:0}.help-panel-entry-copy strong,.help-panel-entry-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-panel-entry-copy strong{font-size:var(--text-sm);font-weight:600;line-height:1.25}.help-panel-entry-copy span{margin-top:var(--space-1);color:var(--color-muted);font-size:var(--text-xs);line-height:1.25}.help-panel-entry>svg{color:var(--color-muted);transition:transform var(--dur-exit) var(--ease)}.help-panel-entry.is-active>svg{transform:rotate(90deg);transition-duration:var(--dur-3)}.help-panel-empty{display:grid;gap:var(--space-3);justify-items:start;padding:var(--space-8) var(--space-4) var(--space-6)}.help-panel-empty-mark{width:var(--space-8);height:var(--space-1);background:var(--line-rhythm);transform:skew(var(--skew-rhythm))}.help-panel-empty-title{margin:0;color:var(--color-muted);font-size:var(--text-micro);font-weight:600;letter-spacing:var(--tracking-label);line-height:1.4}.help-panel-empty-text{margin:0;color:var(--color-muted);font-size:var(--text-sm);line-height:1.6}.help-panel-detail{margin:0 0 var(--space-2);padding:var(--space-4) var(--space-5) var(--space-5);background:var(--surface-inset)}.help-panel-detail-collapse{display:grid;grid-template-rows:1fr}.help-panel-detail-clip{min-height:0;overflow:hidden}.help-detail-enter-active,.help-detail-leave-active{transition:opacity var(--dur-exit) var(--ease),grid-template-rows var(--dur-exit) var(--ease)}.help-detail-enter-active{transition-duration:var(--dur-3)}.help-detail-enter-from,.help-detail-leave-to{opacity:0;grid-template-rows:0fr}.help-panel-detail-heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.help-panel-detail-heading>div{display:flex;min-width:0;align-items:baseline;gap:var(--space-4)}.help-panel-detail-heading h3{margin:0;font-size:var(--text-base);font-weight:600}.help-panel-detail-heading>span{flex:0 0 auto;color:var(--color-muted);font-size:var(--text-xs)}.help-panel-description,.help-panel-aliases,.help-panel-parameters{margin:var(--space-2) 0 var(--space-5);color:var(--color-text);font-size:var(--text-sm);line-height:1.55}.help-panel-aliases,.help-panel-parameters{margin-top:0;color:var(--color-muted)}.help-panel-label{display:block;margin:var(--space-5) 0 var(--space-2);color:var(--color-muted);font-size:var(--text-micro);font-weight:600;letter-spacing:var(--tracking-label)}.help-panel-syntax{margin:0;padding:var(--space-3) var(--space-4);overflow:auto;border:1px solid var(--line-structure);border-radius:var(--radius);color:var(--color-text);background:transparent;font:var(--text-xs) / 1.55 var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}.help-panel-syntax code{font:inherit}.help-panel-effect{margin:0;padding:9px 10px;border-left:2px solid var(--color-success);color:var(--color-text);background:var(--surface-content);font-size:var(--text-sm);line-height:1.5}.help-panel-effect .preview-content{width:100%;min-height:0;margin:0;padding:0;border:0;background:transparent}.help-example-video{display:grid;place-items:center;width:100%;aspect-ratio:16 / 9;border:1px solid var(--line-structure);background:var(--surface-content)}.help-example-media-note{margin:var(--space-4) 0 0;color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.help-panel-error{display:grid;grid-template-columns:16px minmax(0,1fr);gap:var(--space-2);margin:0;color:var(--color-danger);font-size:var(--text-xs);line-height:1.55}.help-panel-error svg{margin-top:1px}.help-panel-copy{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-5)}.help-panel-copy button{display:inline-flex;min-height:var(--control-sm);align-items:center;gap:var(--space-2);padding:0 var(--space-4);border:0;border-radius:var(--radius);color:var(--color-text);background:transparent;font-size:var(--text-sm);cursor:pointer;transition:background-color var(--dur-1) ease}.help-panel-copy button:hover{background:var(--state-hover)}.help-panel-copy-error{color:var(--color-danger);font-size:var(--text-xs)}@media(max-width:800px){.help-panel{top:var(--help-top, 0px);width:min(380px,100vw)}}