[data-cnc-builder]{--sb-line:var(--el-border-color);--sb-surface:var(--el-bg-color-overlay);color:var(--el-text-color-primary);font:inherit;min-width:0;scrollbar-color:var(--el-text-color-placeholder) var(--el-fill-color-light);scrollbar-width:thin}
[data-cnc-builder] *{box-sizing:border-box;scrollbar-color:var(--el-text-color-placeholder) var(--el-fill-color-light)}
[data-cnc-builder] [hidden]{display:none!important}
[data-cnc-builder] button,[data-cnc-builder] select,[data-cnc-builder] input[type=color]{cursor:pointer}
[data-cnc-builder] button:disabled{cursor:default;opacity:.5}
[data-cnc-builder] button:focus-visible,[data-cnc-builder] input:focus-visible,[data-cnc-builder] select:focus-visible,[data-cnc-builder] textarea:focus-visible{outline:2px solid var(--el-color-primary);outline-offset:3px}
[data-cnc-builder] input,[data-cnc-builder] select,[data-cnc-builder] textarea{font:inherit;color:var(--el-text-color-primary);background:var(--el-fill-color-blank);border:1px solid var(--sb-line);border-radius:var(--el-border-radius-base);min-width:0;width:100%;padding:7px 9px}
[data-cnc-builder] textarea{resize:none;min-height:100px;font-family:ui-monospace,Consolas,monospace;line-height:1.6}
[data-cnc-builder] label{display:grid;gap:5px;font-size:12px;color:var(--el-text-color-regular)}
[data-cnc-builder] .el-button{margin:0;min-height:34px;height:auto;white-space:normal;line-height:1.4}
.sb-toolbar,.sb-actions,.sb-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.sb-toolbar{padding-bottom:14px;border-bottom:1px solid var(--sb-line)}
.sb-toolbar label{flex:1 1 145px}.sb-toolbar .sb-name{flex-basis:180px}
.sb-status{min-height:40px;margin:8px 0;line-height:1.5;font-size:13px;color:var(--el-text-color-regular)}
.sb-status[data-error=true]{color:var(--el-color-danger)}
.sb-tabs{margin-bottom:12px}.sb-tabs [aria-pressed=true]{border-color:var(--el-color-primary);color:var(--el-color-primary);background:var(--el-color-primary-light-9)}
.sb-workspace{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;align-items:start}
.sb-panel{border:1px solid var(--sb-line);border-radius:var(--el-border-radius-base);background:var(--sb-surface);padding:12px;min-width:0}
.sb-panel h3{font-size:13px;margin:0 0 12px;line-height:1.5;color:var(--el-text-color-primary)}
.sb-palette{display:grid;gap:8px}.sb-palette button{justify-content:flex-start;gap:8px;text-align:left}
.sb-palette .sb-symbol{font-family:ui-monospace,Consolas,monospace;font-size:16px;width:22px;color:var(--el-color-primary)}
.sb-layer-list{max-height:250px;overflow:auto;display:grid;gap:4px;margin-top:10px}.sb-layer-list button{overflow:hidden;justify-content:flex-start;text-align:left;font-size:12px;overflow-wrap:anywhere}
.sb-layer-list [aria-pressed=true]{border-color:var(--el-color-primary);color:var(--el-color-primary)}
.sb-stage-column{min-width:0}.sb-stage-meta{display:flex;justify-content:space-between;font:11px ui-monospace,Consolas,monospace;color:var(--el-text-color-secondary);padding:7px 2px}
.sb-stage-wrap{position:relative;overflow:hidden;border:1px solid var(--sb-line);border-radius:4px;background:#15191e;min-width:0;touch-action:pan-y}
.sb-stage{position:absolute;transform-origin:top left;background-color:#181d23;background-image:radial-gradient(#36404b 1px,transparent 1px);background-size:16px 16px;isolation:isolate}
.sb-stage .sb-widget{position:absolute;border:1px solid transparent;border-radius:3px;margin:0;padding:4px 8px;white-space:pre-wrap;overflow:hidden;text-align:left;line-height:1.3;cursor:move;touch-action:none;min-width:0;font-family:inherit}
.sb-stage .sb-widget:hover{outline:1px dashed #b7d29a}.sb-stage .sb-widget[aria-pressed=true]{outline:2px solid #b4dd80;outline-offset:2px;box-shadow:0 0 0 4px #15191e}
.sb-stage .sb-widget::after{content:attr(data-id);display:none;position:absolute;right:0;top:0;font:9px monospace;color:#101510;background:#b4dd80;padding:1px 3px}
.sb-stage .sb-widget[aria-pressed=true]::after{display:block}
.sb-stage .sb-input{border:1px solid #4a5764}.sb-stage .sb-preview{cursor:default;touch-action:auto}.sb-stage button.sb-preview{cursor:pointer}
.sb-hint{font-size:12px;line-height:1.6;color:var(--el-text-color-secondary);margin:9px 0}
.sb-inspector{grid-column:1/-1}.sb-props{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.sb-props .sb-wide{grid-column:span 2}.sb-props .sb-full{grid-column:1/-1}.sb-inspector .sb-actions{margin-top:12px}
.sb-code{white-space:pre-wrap;overflow-wrap:anywhere;max-height:450px;overflow:auto;font:12px/1.6 ui-monospace,Consolas,monospace;background:var(--el-fill-color-light);padding:14px;border-radius:4px}
.sb-macro-row{display:grid;grid-template-columns:100px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--sb-line);align-items:start}.sb-macro-row textarea{min-height:65px}.sb-macro-controls{display:grid;gap:4px}
.sb-empty{padding:24px;text-align:center;color:var(--el-text-color-secondary)}
.sb-access{display:flex;gap:12px;align-items:center;padding:12px;border:1px solid var(--sb-line);border-radius:6px;margin-bottom:12px}
@media(min-width:1500px){.sb-workspace{grid-template-columns:140px minmax(0,1fr)} }
@media(max-width:620px){.sb-workspace{grid-template-columns:minmax(0,1fr)}.sb-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-layer-list{display:flex;max-height:95px;flex-wrap:wrap}.sb-layer-list button{max-width:140px}.sb-props{grid-template-columns:repeat(2,minmax(0,1fr))}.sb-toolbar{gap:6px}.sb-macro-row{grid-template-columns:1fr auto}.sb-macro-row>label:first-child{grid-column:1/-1}.sb-macro-controls{grid-column:2;grid-row:2}.sb-stage-meta{font-size:10px}}
@media(forced-colors:active){.sb-stage .sb-widget[aria-pressed=true]{outline:2px solid Highlight}.sb-stage{background:Canvas;background-image:none}}