.cm-workshop{margin:18px 0;padding:20px;border:1px solid var(--ks-bbd1bf);border-radius:18px;background:var(--ks-f7faf2);min-width:0}.cm-build-intro,.cm-build-note{font-size:15px;line-height:1.7;margin:0 0 16px}.cm-build-status{font-weight:700;line-height:1.7;padding:14px;border-radius:12px;background:var(--ks-e4efdf);overflow-wrap:anywhere}.cm-build-classes{display:flex;gap:8px;margin-bottom:14px}.cm-build-classes button{flex:1;min-width:0;min-height:56px;border:1px solid var(--ks-9fbea6);background:var(--ks-ffffff);border-radius:10px;font-size:15px;line-height:1.5;padding:8px}.cm-build-classes button strong{display:block;font-size:20px;letter-spacing:3px}.cm-build-classes button[aria-pressed=true]{background:var(--ks-356d58);color:var(--kt-ffffff);border-color:var(--ks-356d58)}.cm-build-ranks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cm-build-rank{background:var(--ks-ffffff);border:1px solid var(--ks-bfd1bf);border-radius:12px;padding:12px 8px;min-width:0;text-align:center}.cm-build-rank h3{font-size:16px;line-height:1.5;margin:0 0 12px;min-height:48px;display:grid;align-items:center}.cm-build-stepper{display:flex;align-items:center;justify-content:center;gap:5px}.cm-build-stepper button,.cm-build-stepper select,.cm-build-line-controls button,.cm-build-place{border:1px solid var(--ks-7fa28b);border-radius:9px;min-width:44px;min-height:44px;background:var(--ks-fff);color:var(--kt-244e39);font-size:20px;font-weight:700;padding:6px}.cm-build-stepper select{width:50px;text-align:center;font:700 22px system-ui}.cm-workshop button:disabled{opacity:.45;cursor:default}.cm-workshop :is(button,select,input):focus-visible{outline:3px solid var(--ks-bd764b);outline-offset:3px}.cm-build-tokens{display:flex;flex-wrap:wrap;justify-content:center;gap:4px;max-width:72px;min-height:50px;margin:12px auto}.cm-build-tokens i{width:18px;height:18px;background:var(--ks-477d60);border:1px solid var(--ks-254c35);border-radius:50%}.cm-build-tokens span{font-size:12px;color:var(--kt-657565);align-self:center}.cm-build-rank small{display:block;overflow-wrap:anywhere;font-size:12px;line-height:1.6}.cm-build-bands{display:grid;gap:18px}.cm-build-unit>strong{display:block;font-size:15px;margin-bottom:8px}.cm-build-parts{display:grid;grid-template-columns:repeat(var(--cm-build-columns),minmax(0,1fr));border:2px solid var(--ks-356d58);max-width:480px}.cm-build-parts button{appearance:none;border:1px solid var(--ks-356d58);border-radius:0;min-height:52px;min-width:0;background:var(--ks-fff);color:var(--kt-356d58);font-size:20px;padding:8px 0}.cm-build-parts button[aria-pressed=true]{background:var(--ks-c4e3c9);color:var(--kt-244c32)}.cm-build-parts button:focus-visible{outline-offset:-4px}.cm-build-bands+.cm-build-note{margin-top:14px}.cm-build-line{padding:12px 12px 0}.cm-build-axis{position:relative;height:62px;margin:4px 22px 0;border-top:3px solid var(--ks-356d58)}.cm-build-axis>span{position:absolute;top:-8px;transform:translateX(-50%);text-align:center;min-width:20px}.cm-build-axis i{display:block;width:2px;height:13px;background:var(--ks-356d58);margin:auto}.cm-build-axis b{display:block;margin-top:8px;font-size:15px}.cm-build-line input[type=range]{appearance:none;width:100%;height:12px;padding:0;border:1px solid var(--ks-7fa28b);border-radius:8px;background:var(--ks-e2ebde);margin:0 0 28px;cursor:pointer}.cm-build-line input[type=range]::-webkit-slider-thumb{appearance:none;width:44px;height:44px;border:3px solid var(--ks-ffffff);border-radius:50%;background:var(--ks-356d58);box-shadow:0 0 0 2px var(--ks-356d58)}.cm-build-line input[type=range]::-moz-range-thumb{width:38px;height:38px;border:3px solid var(--ks-ffffff);border-radius:50%;background:var(--ks-356d58)}.cm-build-line-controls{display:flex;gap:12px;justify-content:center}.cm-build-line-controls button{font-size:16px;padding:10px 16px}.cm-build-place{display:block;margin:14px auto 18px;font-size:15px;padding:10px 16px}.cm-keyboard-answer{margin:14px 0;border:1px solid var(--ks-c6d5c5);border-radius:12px;background:var(--ks-ffffff);padding:14px}.cm-keyboard-answer summary{cursor:pointer;min-height:24px;font-size:15px;font-weight:700}.cm-keyboard-answer[open] summary{margin-bottom:14px}.cm-keyboard-answer input{max-width:100%}
@media(max-width:640px){.cm-workshop{padding:12px}.cm-build-classes{gap:5px}.cm-build-classes button{font-size:13px;padding:6px 2px}.cm-build-classes button strong{font-size:18px;letter-spacing:1px}.cm-build-ranks{gap:5px}.cm-build-rank{padding:10px 3px}.cm-build-rank h3{font-size:13px;min-height:60px;margin-bottom:8px;overflow-wrap:anywhere}.cm-build-stepper{flex-direction:column;gap:6px}.cm-build-tokens{max-width:46px;gap:3px;min-height:70px}.cm-build-tokens i{width:12px;height:12px}.cm-build-rank small{font-size:11px}.cm-build-parts button{min-height:48px}.cm-build-line{padding:10px 6px 0}.cm-build-line-controls{gap:8px}.cm-build-line-controls button{padding:10px;font-size:14px}.cm-build-status{font-size:15px;padding:10px}.cm-build-intro,.cm-build-note{font-size:14px}.cm-keyboard-answer{padding:12px}}

.cm-paper-support{max-width:480px;margin:16px 0}.cm-paper-support svg{display:block;width:100%;height:auto}.cm-paper-support figcaption{font-size:14px;line-height:1.7}