.cc-tool{flex-direction:column;gap:.9rem;display:flex}.cc-tool .cc-views{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));margin:0;display:grid}.cc-tool .cc-views .seg-btn,.cc-tool .cc-seg .seg-btn{white-space:normal;border-radius:0;min-width:0;margin-left:0;padding:.35rem .6rem;font-size:.88rem;line-height:1.25}.cc-tool .cc-views .seg-btn:not(.active),.cc-tool .cc-seg .seg-btn:not(.active){background:var(--bg-surface);color:var(--text);border:1px solid var(--border);opacity:1}.cc-tool .cc-views .seg-btn+.seg-btn,.cc-tool .cc-seg .seg-btn+.seg-btn{margin-left:-1px}.cc-tool .cc-seg{grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));margin:0;display:grid}.cc-controls{border-left:3px solid var(--accent);background:var(--bg-surface);padding:.5rem .75rem}.cc-tool .cc-ctl{flex-wrap:wrap;align-items:flex-end;gap:.6rem 1rem;display:flex}.cc-tool .cc-ctl[hidden]{display:none}.cc-field{flex-direction:column;flex:200px;gap:.25rem;min-width:0;display:flex}.cc-field[hidden]{display:none}.cc-label{letter-spacing:.03em;color:var(--text-dim);font-size:.78rem}.cc-tool .cc-select,.cc-tool .cc-field input:is([type=number],[data-num]){width:100%;min-width:0;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);box-sizing:border-box;border-radius:0;padding:.4rem .5rem;font-size:.95rem}.cc-range-pair{grid-template-columns:minmax(0,1fr) 5rem;align-items:center;gap:.5rem;display:grid}.cc-tool .cc-range-pair input[type=range]{width:100%;min-width:0;margin:0}.cc-tool .cc-plain,.cc-tool .cc-pbtn{background:var(--bg-surface);color:var(--text);border:1px solid var(--border);border-radius:0;min-width:0;margin:0;padding:.35rem .7rem;font-size:.88rem;line-height:1.25}.cc-tool .cc-plain:hover:not(:disabled),.cc-tool .cc-pbtn:hover:not(:disabled){border-color:var(--accent)}.cc-tool .cc-plain:disabled,.cc-tool .cc-pbtn:disabled{opacity:.45;cursor:default}.cc-tool .cc-plain[hidden]{display:none}.cc-free-pick{flex-wrap:wrap;flex:2 280px;align-items:flex-end;gap:.5rem .75rem;display:flex}.cc-free-pick .cc-field{flex:90px}.cc-free-actions{flex-wrap:wrap;flex:100%;align-items:center;gap:.5rem;display:flex}.cc-hint{color:var(--text-dim);font-size:.85rem}.cc-main{grid-template-columns:minmax(0,1fr);gap:.75rem;display:grid}@media (width>=900px){.cc-main{grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:start}.cc-main.no-steps{grid-template-columns:minmax(0,1fr)}}.cc-stage{border:1px solid var(--border);background:var(--bg-surface);min-width:0;padding:.5rem;position:relative}.cc-canvas-wrap{justify-content:center;min-width:0;display:flex}.cc-canvas-wrap canvas{max-width:100%;display:block}.cc-stage.is-free canvas{cursor:crosshair}.cc-player{flex-wrap:wrap;align-items:center;gap:.4rem .9rem;padding-top:.5rem;display:flex}.cc-player[hidden]{display:none}.cc-player-btns{gap:.3rem;display:flex}.cc-tool .cc-player-btns .cc-pbtn{min-width:2.4rem;padding:.35rem .5rem;font-size:.95rem}.cc-tool .cc-player-btns .cc-play{border-color:var(--accent);color:var(--accent)}.cc-player-pos,.cc-player-cost{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.85rem}:-webkit-any(.cc-stage:fullscreen,.cc-stage:-webkit-full-screen){background:var(--bg);border:0;flex-direction:column;justify-content:center;padding:20px;display:flex}:is(.cc-stage:fullscreen,.cc-stage:fullscreen){background:var(--bg);border:0;flex-direction:column;justify-content:center;padding:20px;display:flex}.cc-steps{border:1px solid var(--border);background:var(--bg-surface);flex-direction:column;min-width:0;display:flex}.cc-steps[hidden]{display:none}.cc-steps-title{border-bottom:1px solid var(--border);padding:.45rem .6rem;font-size:.82rem;font-weight:600}.cc-steps-list{max-height:30rem;margin:0;padding:0;list-style:none;position:relative;overflow-y:auto}@media (width<=899px){.cc-steps-list{max-height:16rem}}.cc-step{border-bottom:1px solid var(--border)}.cc-tool .cc-step .cc-step-btn{text-align:left;width:100%;color:var(--text-dim);font:inherit;cursor:pointer;background:0 0;border:0;gap:.5rem;padding:.35rem .6rem;font-size:.84rem;line-height:1.35;display:flex}.cc-tool .cc-step.is-done .cc-step-btn{color:var(--text)}.cc-tool .cc-step.is-current .cc-step-btn{box-shadow:inset 3px 0 0 var(--accent);background:var(--bg)}.cc-step-n{font-variant-numeric:tabular-nums;width:1.7rem;color:var(--text-dim);flex:none}.cc-step-body{overflow-wrap:anywhere;min-width:0}.cc-step-marks{color:var(--text-dim)}.cc-step-tag{border:1px solid var(--border);padding:0 .3rem;font-size:.72rem}.cc-table-details{border:1px solid var(--border)}.cc-table-summary{cursor:pointer;padding:.5rem .7rem;font-size:.92rem;font-weight:600}.cc-table-scroll{max-height:28rem;overflow:auto}.cc-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.85rem}.cc-table th,.cc-table td{border-top:1px solid var(--border);text-align:left;white-space:nowrap;padding:.25rem .6rem}.cc-table th{background:var(--bg-surface);position:sticky;top:0}.cc-table tr.cc-no td{color:var(--text-dim)}.cc-table tr.cc-yes td:last-child{font-weight:600}.cc-table tr.is-current td{background:var(--bg);box-shadow:inset 0 -1px 0 var(--accent), inset 0 1px 0 var(--accent)}