@layer theme,base;@layer components{.cs-wb .seg-inline>button{flex:none}.cs-form{background:var(--bg-subtle);padding:14px 14px 20px}.cs-list,.cs-children{gap:10px;display:grid}.cs-children{border-left:2px solid var(--line);margin-top:10px;margin-left:14px;padding-left:12px}.cs-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);min-width:0;box-shadow:var(--shadow-xs-v);margin:0;padding:0}.cs-card-head{border-bottom:1px solid var(--line-subtle);align-items:center;gap:2px;height:38px;padding:0 6px 0 12px;display:flex}.cs-card-n{font:500 12px var(--font-mono);color:var(--fg-3)}.cs-field{gap:6px;padding:10px 12px 0;display:grid}.cs-field-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cs-hint{color:var(--fg-3);font-weight:400}.cs-lang{width:168px}.cs-body{resize:vertical;min-height:88px;font-size:13px;line-height:20px}@media (pointer:coarse){.cs-body{font-size:16px;line-height:22px}}.cs-body-code{font-family:var(--font-mono)}.cs-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:10px 12px 12px;display:flex}.cs-card-foot .switch-field{flex:100%}.cs-add{margin-top:12px}.cs-out{flex-direction:column;gap:14px;padding:14px 16px 24px;display:flex}.cs-block-label{margin-bottom:6px}.cs-raw{border:1px solid var(--code-line);border-radius:var(--radius-md);white-space:pre-wrap;margin:0}.cs-ok{border:1px solid var(--success-line);border-radius:var(--radius-md);background:var(--success-bg);color:var(--fg);align-items:center;gap:8px;padding:8px 12px;font-size:13px;line-height:20px;display:flex}.cs-ok svg{width:16px;height:16px;color:var(--success);flex:none}.cs-issues{gap:8px;display:grid}.cs-issue{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);color:var(--fg);gap:10px;padding:10px 12px;font-size:13px;line-height:20px;display:flex}.cs-issue>svg{flex:none;width:16px;height:16px;margin-top:2px}.cs-issue[data-severity=error]{border-color:var(--error-line);background:var(--error-bg)}.cs-issue[data-severity=error]>svg{color:var(--error)}.cs-issue[data-severity=warning]{border-color:var(--warning-line);background:var(--warning-bg)}.cs-issue[data-severity=warning]>svg{color:var(--warning)}.cs-issue[data-severity=info]>svg{color:var(--info)}.cs-issue-text{flex:1;min-width:0}.cs-issue-line{text-underline-offset:2px;cursor:pointer;font-weight:600;text-decoration:underline}.cs-fix{align-items:center;gap:8px;margin-top:6px;display:flex}.cs-fix code{border-radius:var(--radius-xs);background:var(--bg);min-width:0;font:12px/18px var(--font-mono);white-space:nowrap;flex:1;padding:4px 8px;overflow-x:auto}.rb-detect.cs-detect-error .wb-dot{background:var(--error)}.cs-preview{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--bg);padding:16px 18px}.cs-preview .markdown-preview details{margin:0 0 16px}.cs-preview .markdown-preview details:last-child{margin-bottom:0}.cs-preview .markdown-preview details details{margin-top:8px}.cs-preview .markdown-preview summary{cursor:pointer;color:var(--fg);font-weight:500;display:list-item}.cs-preview .markdown-preview summary:hover{color:var(--accent)}.cs-preview .markdown-preview details[open]>summary{margin-bottom:8px}.cs-preview .markdown-preview details>:not(summary){margin-left:16px}.cs-preview .markdown-preview details.cs-callout{border:0;border-left:3px solid var(--info);border-radius:var(--radius-sm);background:var(--info-bg);margin-left:0;padding:8px 12px}.cs-preview .markdown-preview details.cs-callout[data-callout=warning],.cs-preview .markdown-preview details.cs-callout[data-callout=danger],.cs-preview .markdown-preview details.cs-callout[data-callout=bug]{border-left-color:var(--warning);background:var(--warning-bg)}.cs-preview .markdown-preview details.cs-callout[data-callout=success],.cs-preview .markdown-preview details.cs-callout[data-callout=tip]{border-left-color:var(--success);background:var(--success-bg)}.cs-preview .markdown-preview details.cs-callout>summary{font-weight:600}:is(.cs-wb .pane)>.pane-foot>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}:is(.cs-wb .pane)>.pane-foot>*{flex-shrink:0}:is(.cs-wb .pane)>.pane-foot>span:first-child{flex-shrink:1}}@layer utilities;