:root{--sm-code-bg:#fcfcfc;--sm-code-border-color:#0000000a;--sm-code-radius:12px;--sm-code-font-size:13px;--sm-code-header-border-color:#0000000a;--sm-code-filename-color:#475569;--sm-code-copy-btn-color:#64748b;--sm-code-copy-btn-hover-bg:#0000000d;--sm-code-copy-btn-hover-color:#0f172a;--sm-code-copy-btn-inline-color:#475569;--sm-code-divider-color:#00000014;--sm-code-line-number-color:#64748b;--sm-code-pm-tab-color:#64748b;--sm-code-pm-tab-hover-color:#0f172a;--sm-code-pm-tab-active-bg:#fff;--sm-code-pm-tab-active-color:#0f172a;--sm-code-pm-tab-active-border:#0000000a;--sm-code-pm-icon-bg:#475569;--sm-code-token-keyword:#e11d48;--sm-code-token-string:#2563eb;--sm-code-token-component:#047857;--sm-code-token-attribute:#2563eb;--sm-code-token-operator:#e11d48;--sm-code-token-punctuation:#475569;--sm-code-token-number:#c2410c;--sm-code-token-property:#9333ea;--sm-code-token-function:#0f172a;--sm-code-token-comment:#64748b;--sm-code-token-plain:#0f172a;--sm-code-editor-bg:#fcfcfc;--sm-code-editor-border-color:#00000014;--sm-code-editor-focus-border:#0000002e;--sm-code-editor-focus-shadow:#0000000a;--sm-code-editor-caret:#0f172a;--sm-code-editor-selection-bg:#6366f126;--sm-code-editor-placeholder-color:#475569;--sm-code-editor-toolbar-border:#0000000f;--sm-code-editor-lang-select-color:#475569;--sm-code-editor-lang-select-bg:#0000000a;--sm-code-editor-gutter-border:#0000000d;--sm-code-editor-line-num-color:#475569;--sm-code-editor-statusbar-bg:#00000004;--sm-code-editor-statusbar-border:#0000000d;--sm-code-editor-status-color:#475569}[data-mode=dark]{--sm-code-bg:#0f1115;--sm-code-border-color:#ffffff14;--sm-code-header-border-color:#ffffff0d;--sm-code-filename-color:#94a3b8;--sm-code-copy-btn-color:#94a3b8;--sm-code-copy-btn-hover-bg:#ffffff1a;--sm-code-copy-btn-hover-color:#f8fafc;--sm-code-copy-btn-inline-color:#64748b;--sm-code-divider-color:#ffffff14;--sm-code-line-number-color:#475569;--sm-code-pm-tab-color:#94a3b8;--sm-code-pm-tab-hover-color:#f8fafc;--sm-code-pm-tab-active-bg:#1e293b;--sm-code-pm-tab-active-color:#f8fafc;--sm-code-pm-tab-active-border:#ffffff0d;--sm-code-pm-icon-bg:#334155;--sm-code-token-keyword:#fb7185;--sm-code-token-string:#60a5fa;--sm-code-token-component:#34d399;--sm-code-token-attribute:#60a5fa;--sm-code-token-operator:#fb7185;--sm-code-token-punctuation:#94a3b8;--sm-code-token-number:#fb923c;--sm-code-token-property:#c084fc;--sm-code-token-function:#f8fafc;--sm-code-token-comment:#64748b;--sm-code-token-plain:#f8fafc;--sm-code-editor-bg:#0f1115;--sm-code-editor-border-color:#ffffff14;--sm-code-editor-focus-border:#ffffff2e;--sm-code-editor-focus-shadow:#ffffff0a;--sm-code-editor-caret:#f8fafc;--sm-code-editor-selection-bg:#6366f140;--sm-code-editor-placeholder-color:#334155;--sm-code-editor-toolbar-border:#ffffff0d;--sm-code-editor-lang-select-color:#94a3b8;--sm-code-editor-lang-select-bg:#ffffff0f;--sm-code-editor-gutter-border:#ffffff0d;--sm-code-editor-line-num-color:#334155;--sm-code-editor-statusbar-bg:#ffffff04;--sm-code-editor-statusbar-border:#ffffff0d;--sm-code-editor-status-color:#475569;--sm-code-inline-bg:var(--sm-bg-surface-raised,#f4f4f5);--sm-code-inline-color:var(--sm-text-primary,#18181b);--sm-code-inline-border:var(--sm-border-subtle,#0000000f);--sm-code-inline-radius:var(--sm-radius-sm,.25rem);--sm-code-inline-accent-color:var(--sm-accent,#52525b);--sm-code-inline-accent-bg:var(--sm-accent-soft,#f4f4f5);--sm-code-inline-token-color:var(--sm-text-secondary,#71717a)}@layer components{.sm-code-block{font-family:var(--sm-font-family-mono,monospace);white-space:pre;tab-size:2;background-color:var(--sm-code-bg);border:1px solid var(--sm-code-border-color);border-radius:var(--sm-code-radius);line-height:1.6;font-size:var(--sm-code-font-size);margin-block:1.5rem;display:block;position:relative;overflow:hidden}.sm-code-block--flat{border:none;border-radius:0;margin:0}.sm-code-block__copy-btn{width:32px;height:32px;color:var(--sm-code-copy-btn-inline-color);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.sm-code-block:hover .sm-code-block__copy-btn{opacity:1}.sm-code-block__copy-btn:hover{background-color:var(--sm-code-copy-btn-hover-bg);color:var(--sm-code-copy-btn-hover-color)}.sm-code-block__copy-icon{width:16px;height:16px}.sm-code-block__copy-icon--success{color:#10b981}.sm-code-block__header{border-bottom:1px solid var(--sm-code-header-border-color);justify-content:space-between;align-items:center;padding:.75rem 1rem .75rem 1.25rem;display:flex}.sm-code-block__filename{font-family:var(--sm-font-family-mono,monospace);font-size:var(--sm-code-font-size);color:var(--sm-code-filename-color);align-items:center;gap:.5rem;display:flex}.sm-code-block__file-icon{color:inherit;justify-content:center;align-items:center;display:inline-flex}.sm-code-block__header-actions{align-items:center;gap:.75rem;display:flex}.sm-code-block__expand-text{font-family:var(--sm-font-family,system-ui, sans-serif);font-size:var(--sm-code-font-size);color:var(--sm-code-copy-btn-color);cursor:pointer;font-weight:500}.sm-code-block__expand-text:hover{color:var(--sm-code-copy-btn-hover-color)}.sm-code-block__divider{background-color:var(--sm-code-divider-color);width:1px;height:14px}.sm-code-block__copy-btn-header{width:28px;height:28px;color:var(--sm-code-copy-btn-color);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.sm-code-block__copy-btn-header:hover{background-color:var(--sm-code-copy-btn-hover-bg);color:var(--sm-code-copy-btn-hover-color)}.sm-code-block__pm-header{border-bottom:1px solid var(--sm-code-header-border-color);justify-content:space-between;align-items:center;padding:.5rem .5rem .5rem 1rem;display:flex}.sm-code-block__pm-tabs{align-items:center;gap:.25rem;display:flex}.sm-code-block__pm-icon-wrap{background-color:var(--sm-code-pm-icon-bg);border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;margin-right:.5rem;display:flex}.sm-code-block__pm-icon{color:#fff;width:14px;height:14px}.sm-code-block__pm-tab{font-family:var(--sm-font-family-mono,monospace);font-size:var(--sm-code-font-size);color:var(--sm-code-pm-tab-color);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:.25rem .75rem;transition:background-color .2s,color .2s,box-shadow .2s,border-color .2s}.sm-code-block__pm-tab:hover{color:var(--sm-code-pm-tab-hover-color)}.sm-code-block__pm-tab--active{background-color:var(--sm-code-pm-tab-active-bg);color:var(--sm-code-pm-tab-active-color);border-color:var(--sm-code-pm-tab-active-border);box-shadow:0 1px 2px #0000000d}.sm-code-block__content{padding:1.5rem;transition:max-height .4s;overflow-x:auto}.sm-code-block__content--collapsed{max-height:240px;overflow-y:hidden}.sm-code-block--pm .sm-code-block__content{padding:1.25rem 1.5rem}.sm-code-block__expand-overlay{background:linear-gradient(to top, var(--sm-code-bg) 40%, transparent);pointer-events:none;border-bottom-left-radius:var(--sm-radius-xl,12px);border-bottom-right-radius:var(--sm-radius-xl,12px);justify-content:center;align-items:flex-end;height:120px;padding-bottom:1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}.sm-code-block__expand-overlay--expanded{border-top:1px solid var(--sm-code-header-border-color);background:0 0;height:auto;padding-top:1.5rem;position:static}.sm-code-block__expand-overlay-btn{pointer-events:auto;font-family:var(--sm-font-family,system-ui, sans-serif);box-shadow:0 4px 12px #0000000d}.sm-code-block__grid{display:grid}.sm-code-block__row{display:table-row}.sm-code-block__line-number{-webkit-user-select:none;user-select:none;text-align:right;width:32px;color:var(--sm-code-line-number-color);padding-right:1.25rem;display:table-cell}.sm-code-block__line{white-space:pre;display:table-cell}.sm-code-block__token--keyword{color:var(--sm-code-token-keyword)}.sm-code-block__token--string{color:var(--sm-code-token-string)}.sm-code-block__token--component{color:var(--sm-code-token-component)}.sm-code-block__token--attribute{color:var(--sm-code-token-attribute)}.sm-code-block__token--operator{color:var(--sm-code-token-operator)}.sm-code-block__token--punctuation{color:var(--sm-code-token-punctuation)}.sm-code-block__token--number,.sm-code-block__token--boolean{color:var(--sm-code-token-number)}.sm-code-block__token--property{color:var(--sm-code-token-property)}.sm-code-block__token--function{color:var(--sm-code-token-function)}.sm-code-block__token--comment{color:var(--sm-code-token-comment);font-style:italic}.sm-code-block__token--plain{color:var(--sm-code-token-plain)}.sm-code-editor{font-family:var(--sm-font-family-mono,monospace);font-size:var(--sm-code-font-size);background-color:var(--sm-code-editor-bg);border:1px solid var(--sm-code-editor-border-color);border-radius:var(--sm-code-radius);flex-direction:column;line-height:1.6;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.sm-code-editor:focus-within{border-color:var(--sm-code-editor-focus-border);box-shadow:0 0 0 3px var(--sm-code-editor-focus-shadow)}.sm-code-editor__toolbar{border-bottom:1px solid var(--sm-code-editor-toolbar-border);flex-shrink:0;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.sm-code-editor__lang-select{font-family:var(--sm-font-family-mono,monospace);color:var(--sm-code-editor-lang-select-color);background:var(--sm-code-editor-lang-select-bg);cursor:pointer;border:1px solid #0000;border-radius:6px;outline:none;padding:.2rem .5rem;font-size:11px;font-weight:500;transition:background-color .15s,border-color .15s}.sm-code-editor__lang-select:hover{background:var(--sm-code-copy-btn-hover-bg)}.sm-code-editor__lang-select:focus{border-color:var(--sm-code-editor-focus-border)}.sm-code-editor__toolbar-spacer{flex:1}.sm-code-editor__copy-btn{width:28px;height:28px;color:var(--sm-code-copy-btn-color);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.sm-code-editor__copy-btn:hover{background:var(--sm-code-copy-btn-hover-bg);color:var(--sm-code-copy-btn-hover-color)}.sm-code-editor__copy-icon{width:14px;height:14px}.sm-code-editor__copy-icon--success{color:#10b981}.sm-code-editor__body{flex:1;min-height:0;display:flex;overflow:hidden}.sm-code-editor__gutter{text-align:right;border-right:1px solid var(--sm-code-editor-gutter-border);-webkit-user-select:none;user-select:none;flex-shrink:0;min-width:3rem;padding:1rem 0;overflow:hidden}.sm-code-editor__line-num{color:var(--sm-code-editor-line-num-color);padding:0 .75rem;font-size:12px;line-height:1.6}.sm-code-editor__area{flex:1;position:relative;overflow:hidden}.sm-code-editor__highlight{pointer-events:none;white-space:pre;tab-size:2;word-break:normal;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:1rem 1.25rem;position:absolute;inset:0;overflow:hidden}.sm-code-editor__textarea{width:100%;height:100%;font-family:inherit;font-size:inherit;line-height:inherit;color:#0000;caret-color:var(--sm-code-editor-caret);resize:none;white-space:pre;tab-size:2;word-break:normal;box-sizing:border-box;background:0 0;border:none;outline:none;padding:1rem 1.25rem;position:absolute;inset:0;overflow:auto}.sm-code-editor__textarea::placeholder{color:var(--sm-code-editor-placeholder-color);-webkit-text-fill-color:var(--sm-code-editor-placeholder-color)}.sm-code-editor__textarea::selection{background:var(--sm-code-editor-selection-bg)}.sm-code-editor__statusbar{border-top:1px solid var(--sm-code-editor-statusbar-border);background:var(--sm-code-editor-statusbar-bg);flex-shrink:0;justify-content:space-between;align-items:center;padding:.3rem 1rem;display:flex}.sm-code-editor__status-item{color:var(--sm-code-editor-status-color);font-size:11px;font-family:var(--sm-font-family-mono,monospace)}.sm-code{font-family:var(--sm-font-family-mono,ui-monospace, monospace);font-size:.875em;line-height:inherit;border-radius:var(--sm-code-inline-radius);background:var(--sm-code-inline-bg);color:var(--sm-code-inline-color);border:1px solid var(--sm-code-inline-border);overflow-wrap:anywhere;padding:.15em .36em}.sm-code--sm{font-size:.8em}.sm-code--accent{background:var(--sm-code-inline-accent-bg);color:var(--sm-code-inline-accent-color);border-color:#0000}.sm-code--token{color:var(--sm-code-inline-token-color);background:0 0;border-color:#0000;padding-inline:0}}