.chartmaker{display:grid;grid-template-columns:minmax(270px,330px) minmax(0,1fr);gap:20px;align-items:start;margin:18px 0 36px}
.ck-controls{min-width:0}.ck-panel{position:sticky;top:78px;max-height:calc(100vh - 96px);overflow:auto;overscroll-behavior:contain;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);scrollbar-width:thin;scrollbar-color:var(--line2) var(--card2)}
.ck-panel::-webkit-scrollbar,.ck-multi-menu::-webkit-scrollbar{width:8px}.ck-panel::-webkit-scrollbar-thumb,.ck-multi-menu::-webkit-scrollbar-thumb{background:var(--line2);border-radius:8px}.ck-panel::-webkit-scrollbar-track,.ck-multi-menu::-webkit-scrollbar-track{background:var(--card2)}
.ck-panel-toggle{display:none;padding:14px 16px;font-weight:750;cursor:pointer}.ck-panel-toggle i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg)}
.ck-form{padding:4px 16px 16px}.ck-group{border:0;border-bottom:1px solid var(--line);padding:14px 0;margin:0;min-width:0}.ck-group:last-of-type{border-bottom:0}.ck-group legend{font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:0 0 9px}
.ck-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ck-type{position:relative;display:flex;align-items:center;gap:7px;padding:8px 9px;border:1px solid var(--line);border-radius:9px;background:var(--card2);color:var(--muted);font-size:12px;cursor:pointer;min-width:0}.ck-type input{position:absolute;opacity:0;pointer-events:none}.ck-type:has(input:checked){border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--card2));color:var(--text)}.ck-type:focus-within{outline:2px solid var(--accent);outline-offset:2px}.ck-type span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ck-ico{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.ck-field{display:grid;gap:5px;margin:8px 0;min-width:0}.ck-field>span{font-size:11px;font-weight:700;color:var(--muted)}.ck-field select,.ck-field input,.ck-field textarea,.ck-multi summary,.ck-multi-menu input{width:100%;min-width:0;color:var(--text);background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:8px 9px;font:inherit;font-size:12px}.ck-field textarea{resize:vertical}.ck-field select:focus,.ck-field input:focus,.ck-field textarea:focus,.ck-multi summary:focus{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:1px;border-color:var(--accent)}.ck-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ck-seg{display:grid;grid-template-columns:1fr 1fr;background:var(--card2);border:1px solid var(--line);border-radius:9px;padding:3px}.ck-seg label{position:relative}.ck-seg input{position:absolute;opacity:0}.ck-seg span{display:block;text-align:center;padding:6px;border-radius:6px;color:var(--muted);font-size:12px;cursor:pointer}.ck-seg input:checked+span{background:var(--card3);color:var(--text);box-shadow:0 1px 4px rgb(0 0 0/.15)}
.ck-toggles{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;margin:8px 0}.ck-toggle{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);cursor:pointer}.ck-toggle input{position:absolute;opacity:0}.ck-switch{width:27px;height:16px;border-radius:20px;background:var(--line2);padding:2px;transition:.2s}.ck-switch:after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--text);transition:.2s}.ck-toggle input:checked+.ck-switch{background:var(--accent)}.ck-toggle input:checked+.ck-switch:after{transform:translateX(11px)}.ck-toggle:focus-within .ck-switch{outline:2px solid var(--accent);outline-offset:2px}.ck-link{border:0;background:none;color:var(--accent2);font:inherit;padding:0;cursor:pointer}.ck-foot{margin:8px 0 0;font-size:11px}.ck-foot a{color:var(--muted)}
.ck-multi{position:relative}.ck-multi details{position:relative}.ck-multi summary{list-style:none;cursor:pointer;color:var(--text)}.ck-multi summary::-webkit-details-marker{display:none}.ck-multi summary:after{content:"⌄";float:right;color:var(--muted)}.ck-multi-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;max-height:270px;overflow:auto;padding:8px;background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:var(--shadow)}.ck-multi-menu>input{position:sticky;top:0;z-index:1;margin-bottom:6px}.ck-multi-choices{display:grid}.ck-multi-choices label{display:flex;align-items:center;gap:7px;padding:5px;border-radius:5px;font-size:11px;color:var(--muted);cursor:pointer}.ck-multi-choices label:hover{background:var(--card2);color:var(--text)}.ck-multi-choices input{accent-color:var(--accent)}
.ck-stage{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:clip;box-shadow:var(--shadow)}.ck-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--card2)}.ck-actions{display:flex;gap:6px}.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 10px;border:1px solid var(--line2);border-radius:8px;background:var(--card);color:var(--text);font:inherit;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none}.ck-btn:hover{border-color:var(--accent);background:var(--card3)}.ck-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}.ck-presets{position:relative}.ck-presets summary{list-style:none}.ck-presets summary::-webkit-details-marker{display:none}.ck-presets-menu{position:absolute;z-index:35;top:calc(100% + 5px);left:0;width:min(360px,80vw);max-height:70vh;overflow:auto;padding:7px;background:var(--card);border:1px solid var(--line2);border-radius:10px;box-shadow:var(--shadow)}.ck-presets-menu a{display:flex;align-items:center;gap:9px;padding:8px;border-radius:7px;color:var(--text);font-size:12px;text-decoration:none}.ck-presets-menu a:hover{background:var(--card2)}
.ck-canvas{position:relative;width:100%;min-width:0;background:var(--card);overflow:hidden}.ck-canvas[data-size]:not([data-size=auto]){overflow:auto}.ck-canvas[data-size=social] .ck-svg{min-width:720px}.ck-canvas[data-size=square] .ck-svg,.ck-canvas[data-size=portrait] .ck-svg{min-width:620px}.ck-svg{display:block;width:100%;height:auto;overflow:visible;background:var(--card);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.ck-measure{position:absolute!important;width:1px!important;height:1px!important;visibility:hidden!important;overflow:hidden!important}.ck-loading{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:color-mix(in srgb,var(--card) 82%,transparent);pointer-events:none}.ck-loading[hidden]{display:none}.ck-loading span{width:30px;height:30px;border:3px solid var(--line2);border-top-color:var(--accent);border-radius:50%;animation:ckspin .8s linear infinite}.ck-canvas.is-loading .ck-loading{display:grid}.ck-hint{margin:0;padding:9px 14px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.ck-toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);padding:9px 14px;border-radius:9px;background:var(--text);color:var(--bg);font-weight:700;box-shadow:var(--shadow)}
.ck-title{fill:var(--text)}.ck-sub,.ck-note,.ck-tick{fill:var(--muted)}.ck-wm,.ck-axis-title,.ck-row-label,.ck-value,.ck-value-sm,.ck-radar-label,.ck-legend-text{fill:var(--text)}.ck-wm{opacity:.72}.ck-accent{fill:var(--accent)}.ck-rule,.ck-grid,.ck-radar-axis,.ck-radar-ring{stroke:var(--line);stroke-width:1;fill:none}.ck-grid-zero,.ck-radar-ring-outer{stroke:var(--line2)}.ck-plot{fill:var(--card2)}.ck-quad-good{fill:var(--pos);opacity:.045}.ck-quad-bad{fill:var(--neg);opacity:.035}.ck-avg{stroke:var(--accent2);stroke-width:1.5;stroke-dasharray:7 6}.ck-avg-label,.ck-corner{fill:var(--accent2)}.ck-trend{stroke:var(--warn);stroke-width:2;stroke-dasharray:5 4}.ck-leader,.ck-end-leader{stroke:var(--muted);stroke-width:1;opacity:.65}.ck-true{opacity:.8}.ck-dot{stroke:var(--card);stroke-width:1.5}.ck-dot-hl{stroke:var(--text);stroke-width:2}.ck-disc-text{fill:var(--text)}.ck-pt-label{fill:var(--muted);paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round}.ck-pt-label-hl{fill:var(--text)}.ck-rank{fill:var(--muted)}.ck-bar{opacity:.84}.ck-row:hover .ck-bar{opacity:1}.ck-value,.ck-value-sm{font-variant-numeric:tabular-nums}.ck-swatch{opacity:.9}.ck-series{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.ck-series-dot{stroke:var(--card);stroke-width:1.5}.ck-end-label{font-weight:800}.ck-radar-shape{stroke-width:2.5;fill-opacity:.12;stroke-linejoin:round}.ck-radar-dot{stroke:var(--card);stroke-width:1.5}.ck-hm-cell{stroke:var(--card);stroke-width:1}.ck-hm-value{font-variant-numeric:tabular-nums}.ck-hm-head{fill:var(--muted);cursor:pointer}.ck-hm-head:hover{fill:var(--accent2)}.ck-empty-msg{fill:var(--muted)}
#tooltip .ck-tip-head{border-left:3px solid var(--c,var(--accent));padding-left:8px;display:grid}#tooltip .ck-tip-head span{font-size:11px;color:var(--muted)}#tooltip .ck-tip-row{display:grid;grid-template-columns:1fr auto;gap:4px 12px;margin-top:6px;font-size:11px}#tooltip .ck-tip-row span{color:var(--muted)}#tooltip .ck-tip-row i{grid-column:1/-1;color:var(--dim);font-style:normal}
@keyframes ckspin{to{transform:rotate(360deg)}}
@media (max-width:900px){.chartmaker{grid-template-columns:1fr}.ck-panel{position:static;max-height:none}.ck-panel-toggle{display:flex;align-items:center;justify-content:space-between}.ck-panel-toggle~.ck-form{padding-top:0}.ck-panel:not([open]) .ck-panel-toggle i{transform:rotate(-45deg)}.ck-panel:not([open]) .ck-form{display:none}.ck-toolbar{position:sticky;top:60px;z-index:8}}
@media (max-width:520px){.chartmaker{gap:12px}.ck-form{padding-inline:12px}.ck-types{grid-template-columns:repeat(2,minmax(0,1fr))}.ck-toolbar{padding:8px}.ck-btn span{display:none}.ck-btn{padding:7px}.ck-presets .ck-btn span{display:inline}.ck-actions{gap:4px}.ck-hint{display:none}.ck-row{grid-template-columns:1fr}.ck-canvas[data-size]:not([data-size=auto]){overflow:auto}.ck-toggles{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.ck-loading span{animation:none}.chartmaker *{scroll-behavior:auto!important;transition:none!important}}