.cm-workbench{display:grid;grid-template-columns:200px minmax(0,1fr) 280px;gap:14px;margin-bottom:18px;height:calc(100vh - 170px);min-height:760px;max-height:1280px}.cm-pane{background:var(--card);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.cm-pane-head{padding:12px 14px 8px;border-bottom:1px solid var(--border);flex-shrink:0}.cm-pane-title{font-size:13px;font-weight:700;color:var(--text);letter-spacing:.2px}.cm-pane-types{padding-bottom:8px}.cm-kinds{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:10px}.cm-kind-group{display:flex;flex-direction:column;gap:3px}.cm-kind-label{font-size:10px;font-weight:700;color:var(--sub);letter-spacing:1px;padding:2px 6px;text-transform:uppercase}.cm-kind-row{display:grid;grid-template-columns:1fr 1fr;gap:4px}.cm-kind{display:flex;align-items:center;gap:6px;padding:7px 8px;background:transparent;color:var(--text);border:1.5px solid transparent;border-radius:8px;cursor:pointer;transition:all .12s;font-size:12px;font-weight:500;text-align:left;min-width:0}.cm-kind:hover{background:var(--card-alt)}.cm-kind.is-on{background:var(--primary-muted);color:var(--primary);border-color:var(--primary);font-weight:600}[data-theme=dark] .cm-kind.is-on{background:#6c63ff29}.cm-kind-ic{font-size:14px;flex-shrink:0}.cm-kind-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cm-pane-canvas{gap:0}.cm-canvas-top{display:flex;flex-direction:column;padding:14px;border-bottom:1px solid var(--border);flex:7 1 0;min-height:380px;overflow:hidden}.cm-canvas-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px;flex-wrap:wrap;flex-shrink:0}.cm-chart{flex:1;min-height:0;border-radius:10px;overflow:hidden}.cm-export-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cm-btn-group{display:inline-flex;background:var(--card-alt);border:1px solid var(--border);border-radius:8px;overflow:hidden}.cm-btn-group .cm-btn{border:none!important;border-radius:0!important;background:transparent!important;padding:5px 11px;color:var(--text)}.cm-btn-group .cm-btn+.cm-btn{border-left:1px solid var(--border)!important}.cm-btn-group .cm-btn:hover{background:var(--primary-muted)!important;color:var(--primary)}[data-theme=dark] .cm-btn-group .cm-btn:hover{background:#6c63ff2e!important}.cm-canvas-data{padding:14px;display:flex;flex-direction:column;gap:10px;flex:4 1 0;min-height:220px;overflow:hidden}.cm-data-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;flex-shrink:0}.cm-data-hint{font-size:11px;color:var(--sub);margin-left:auto;flex:1 1 0;min-width:0;text-align:right;line-height:1.4}.cm-tabs{display:inline-flex;background:var(--card-alt);border-radius:8px;padding:3px;gap:2px}.cm-tab{padding:4px 11px;font-size:12px;font-weight:500;background:transparent;color:var(--sub);border:none;border-radius:6px;cursor:pointer;transition:all .12s}.cm-tab-active{background:var(--card);color:var(--primary);font-weight:600;box-shadow:0 1px 3px #0000000f}[data-theme=dark] .cm-tab-active{background:var(--card)}.cm-panel{display:none}.cm-panel-active{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.cm-data-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:6px;flex-shrink:0}.cm-actions-label{font-size:11px;color:var(--sub);font-weight:500}.cm-grid-wrap{flex:1;min-height:0;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--card);display:flex;flex-direction:column}.cm-grid{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}.cm-grid th,.cm-grid td{border:1px solid var(--border);padding:0;background:var(--card);min-width:80px}.cm-grid thead th{background:var(--card-alt);position:sticky;top:0;z-index:2}.cm-cell{padding:5px 8px;min-height:18px;outline:none;color:var(--text);white-space:nowrap}.cm-cell-head{font-weight:600;color:var(--text)}.cm-cell:focus{background:var(--primary-muted)}[data-theme=dark] .cm-cell:focus{background:#6c63ff2e}.cm-rownum{background:var(--card-alt)!important;color:var(--sub);font-size:11px;text-align:center;min-width:30px!important;padding:5px 4px;user-select:none}th.cm-ops,td.cm-ops{background:var(--card-alt)!important;min-width:48px!important;padding:3px 5px;text-align:center}.cm-mini{padding:2px 7px;font-size:11px;font-weight:500;background:var(--card);color:var(--sub);border:1px solid var(--border);border-radius:5px;cursor:pointer;margin:1px;transition:all .12s}.cm-mini:hover{color:var(--primary);border-color:var(--primary)}.cm-grid-foot{display:flex;align-items:center;gap:10px;padding:6px 8px;position:sticky;bottom:0;background:var(--card);border-top:1px solid var(--border);z-index:1}.cm-grid-foot .cm-mini{padding:3px 9px;font-size:11px}.cm-hint{font-size:11px;color:var(--sub);line-height:1.4}#cmPaste{width:100%;flex:1;min-height:0;padding:10px 12px;font-size:12px;line-height:1.6;background:var(--card-alt);color:var(--text);border:1.5px solid var(--border);border-radius:8px;outline:none;resize:none;font-family:Menlo,Consolas,monospace;font-variant-numeric:tabular-nums}#cmPaste:focus{border-color:var(--primary);background:var(--card)}.cm-file-drop{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 16px;background:var(--card-alt);border:2px dashed var(--border);border-radius:10px;cursor:pointer;text-align:center;transition:all .15s}.cm-file-drop:hover{border-color:var(--primary);background:var(--primary-muted)}[data-theme=dark] .cm-file-drop:hover{background:#6c63ff1f}.cm-file-ic{font-size:28px}.cm-file-main{font-size:13px;font-weight:600;color:var(--text)}.cm-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:500;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .15s;white-space:nowrap;line-height:1.2}.cm-btn svg{flex-shrink:0}.cm-btn-primary{background:var(--primary);color:#fff;border:none;font-weight:600}.cm-btn-primary:hover{filter:brightness(1.08)}.cm-btn-ghost{background:var(--card-alt);color:var(--text);border-color:var(--border)}.cm-btn-ghost:hover{background:var(--primary-muted);color:var(--primary);border-color:var(--primary)}[data-theme=dark] .cm-btn-ghost:hover{background:#6c63ff26}.cm-sep{width:1px;height:14px;background:var(--border);margin:0 2px}.cm-pane-style{padding-bottom:0}.cm-style-scroll{overflow-y:auto;flex:1;min-height:0;padding:6px 10px 16px}.cm-acc{border-bottom:1px solid var(--border)}.cm-acc:last-child{border-bottom:none}.cm-acc>summary{list-style:none;cursor:pointer;padding:11px 4px 11px 2px;display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text);user-select:none;transition:color .12s}.cm-acc>summary::-webkit-details-marker{display:none}.cm-acc>summary:hover{color:var(--primary)}.cm-acc-caret{color:var(--sub);transition:transform .15s;flex-shrink:0}.cm-acc[open]>summary .cm-acc-caret{transform:rotate(90deg);color:var(--primary)}.cm-acc-body{padding:2px 2px 14px;display:flex;flex-direction:column;gap:6px}.cm-field{display:flex;align-items:center;gap:8px}.cm-field>label{flex-shrink:0;width:42px;font-size:11px;color:var(--sub);font-weight:500}.cm-field input[type=text],.cm-field input[type=number],.cm-field select{flex:1;min-width:0;padding:5px 9px;font-size:12px;background:var(--card-alt);color:var(--text);border:1.5px solid var(--border);border-radius:7px;outline:none;font-variant-numeric:tabular-nums;transition:border-color .15s,background .15s}.cm-field input:focus,.cm-field select:focus{border-color:var(--primary);background:var(--card)}.cm-field-two .cm-wh{flex:1;display:flex;align-items:center;gap:4px;min-width:0}.cm-wh input{min-width:0;width:100%!important}.cm-wh-x{font-size:11px;color:var(--sub);flex-shrink:0}.cm-chk{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text);padding:3px 0;cursor:pointer;user-select:none}.cm-chk input[type=checkbox]{accent-color:var(--primary);width:14px;height:14px;margin:0;flex-shrink:0}.cm-type-specific{display:flex;flex-direction:column;gap:2px}.cm-type-specific>.cm-hint{padding:4px 2px}.cm-palettes{display:flex;flex-direction:column;gap:3px}.cm-pal{display:flex;align-items:center;gap:8px;padding:5px 8px;background:transparent;border:1.5px solid transparent;border-radius:7px;cursor:pointer;transition:all .12s;text-align:left;font-size:11px}.cm-pal:hover{background:var(--card-alt)}.cm-pal.is-on{border-color:var(--primary);background:var(--primary-muted)}[data-theme=dark] .cm-pal.is-on{background:#6c63ff24}.cm-pal-dots{display:inline-flex;border-radius:4px;overflow:hidden;flex-shrink:0}.cm-pal-dot{width:12px;height:14px;display:block}.cm-pal-name{font-size:11px;color:var(--text);font-weight:500}.cm-custom-label{font-size:10px;color:var(--sub);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:10px;margin-bottom:4px}.cm-custom-colors{display:flex;flex-wrap:wrap;gap:4px}.cm-swatch{position:relative;width:28px;height:28px;border-radius:6px;overflow:hidden;border:1.5px solid var(--border);cursor:pointer;transition:transform .12s}.cm-swatch:hover{transform:scale(1.06)}.cm-swatch input[type=color]{position:absolute;inset:0;width:100%;height:100%;border:none;padding:0;cursor:pointer;background:transparent}.cm-swatch-idx{position:absolute;bottom:0;right:2px;font-size:9px;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);pointer-events:none;line-height:1}.cm-swatch-reset{display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--sub);background:var(--card-alt)}.cm-swatch-reset:hover{color:var(--primary);border-color:var(--primary)}.cm-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}.cm-preset{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--card-alt);color:var(--text);border:1.5px solid transparent;border-radius:8px;cursor:pointer;transition:all .12s;text-align:left;min-width:0}.cm-preset:hover{border-color:var(--border);background:var(--card)}.cm-preset.is-on{border-color:var(--primary);background:var(--primary-muted)}[data-theme=dark] .cm-preset.is-on{background:#6c63ff26}.cm-preset-head{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:600}.cm-preset-ic{font-size:13px}.cm-preset-swatch{display:inline-flex;border-radius:3px;overflow:hidden;margin-left:auto}.cm-preset-swatch span{width:8px;height:12px;display:block}.cm-preset-desc{font-size:10px;color:var(--sub);line-height:1.4;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cm-ref-lines{display:flex;flex-direction:column;gap:5px}.cm-ref-line{display:flex;flex-wrap:wrap;align-items:center;gap:5px;background:var(--card-alt);border:1px solid var(--border);border-radius:7px;padding:5px 6px}.cm-ref-line select.cm-ref-style{flex:0 0 44px;max-width:44px;text-align:center;padding:3px 2px}.cm-ref-kind{flex-shrink:0;font-size:10px;font-weight:600;color:var(--primary);background:var(--primary-muted);border-radius:4px;padding:2px 6px;min-width:34px;text-align:center}[data-theme=dark] .cm-ref-kind{background:#6c63ff2e}.cm-ref-line input[type=text],.cm-ref-line input[type=number]{flex:1;min-width:0;padding:3px 6px;font-size:11px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:5px;outline:none;font-variant-numeric:tabular-nums}.cm-ref-line input:focus{border-color:var(--primary)}.cm-ref-line-name{width:52px}.cm-ref-line-value{width:60px;text-align:right}.cm-ref-col{flex:0 1 auto;min-width:0;max-width:88px;padding:3px 6px;font-size:11px;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:5px;outline:none}.cm-ref-col:focus{border-color:var(--primary)}.cm-ref-color{width:18px;height:18px;padding:0;border:1px solid var(--border);border-radius:4px;cursor:pointer;background:transparent;flex-shrink:0}.cm-ref-del{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--sub);background:transparent;border:none;border-radius:4px;cursor:pointer;flex-shrink:0}.cm-ref-del:hover{color:#d9534f;background:var(--card)}.cm-ref-add-row{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.cm-ref-add-row .cm-mini{font-size:11px}.cm-toasts{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.cm-toast{padding:9px 16px;font-size:13px;font-weight:500;background:#1a1a2eeb;color:#fff;border-radius:8px;box-shadow:0 4px 16px #00000040;animation:cm-toast-in .2s ease both}.cm-toast-out{animation:cm-toast-out .3s ease both}@keyframes cm-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cm-toast-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(12px)}}@media(max-width:1280px){.cm-workbench{grid-template-columns:180px minmax(0,1fr) 260px}}@media(max-width:1100px){.cm-workbench{grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto 1fr;grid-template-areas:"types types" "canvas style"}.cm-pane-types{grid-area:types;min-height:0;max-height:130px}.cm-pane-canvas{grid-area:canvas}.cm-pane-style{grid-area:style}.cm-pane-types .cm-kinds{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding:8px 12px;gap:14px}.cm-pane-types .cm-kind-group{flex-shrink:0}.cm-pane-types .cm-kind-row{display:flex;flex-direction:row;grid-template-columns:none;gap:4px}.cm-pane-types .cm-kind{min-width:88px}}@media(max-width:860px){.cm-workbench{grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"types" "canvas" "style";height:auto;min-height:auto;max-height:none}.cm-pane{overflow:visible}.cm-canvas-top{min-height:auto;flex:none;overflow:visible}.cm-canvas-data{flex:none;min-height:auto;overflow:visible}.cm-chart{min-height:320px}.cm-data-hint{text-align:left;margin-left:0;flex-basis:100%}.cm-style-scroll,.cm-kinds{overflow:visible}.cm-grid-wrap{max-height:360px;flex:none}#cmPaste{flex:none;min-height:160px;resize:vertical}.cm-file-drop{flex:none}}