.ch-layout{display:grid;grid-template-columns:320px 1fr;gap:40px;align-items:start}.ch-preview{position:sticky;top:100px}.ch-canvas-wrap{border:1px solid var(--line);border-radius:12px;background:repeating-conic-gradient(#11142a,#11142a 25%,#0d1024 0%,#0d1024 50%) 50% / 20px 20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.ch-hint{font-size:12px;line-height:1.6;color:#f5f7ff80;margin-top:14px}.ch-controls{display:flex;flex-direction:column;gap:22px}.ch-randomize-btn{align-self:flex-start}.ch-group{border-bottom:1px solid var(--line);padding-bottom:20px}.ch-group-title{display:block;font-family:Space Grotesk;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#f5f7ff80;margin-bottom:12px}.ch-toggle{display:flex;align-items:center;gap:10px;font-family:Space Grotesk;font-size:14px;font-weight:500;cursor:pointer}.ch-toggle input{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;flex-shrink:0;margin:0;border:1px solid var(--line);border-radius:4px;background:#f5f7ff0a;cursor:pointer;position:relative;transition:background .15s,border-color .15s}.ch-toggle input:hover{border-color:var(--cyan)}.ch-toggle input:checked{background:var(--cyan);border-color:var(--cyan)}.ch-toggle input:checked:after{content:"";position:absolute;left:5px;top:2px;width:4px;height:8px;border:solid var(--navy);border-width:0 2px 2px 0;transform:rotate(45deg)}.ch-group-body{margin-top:16px;padding-left:26px;display:flex;flex-direction:column;gap:14px}.ch-slider{display:flex;flex-direction:column;gap:6px}.ch-slider-label{font-size:12px;color:#f5f7ff99;display:flex;justify-content:space-between}.ch-slider-value{color:var(--cyan);font-family:Space Grotesk}.ch-slider input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:100%;height:16px;margin:0;background:transparent;cursor:pointer}.ch-slider input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:linear-gradient(to right,var(--cyan) var(--fill, 0%),var(--line) var(--fill, 0%))}.ch-slider input[type=range]::-moz-range-track{height:4px;border-radius:2px;background:var(--line)}.ch-slider input[type=range]::-moz-range-progress{height:4px;border-radius:2px;background:var(--cyan)}.ch-slider input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border-radius:50%;background:var(--cyan);border:2px solid var(--navy);box-shadow:0 0 0 1px var(--cyan);cursor:pointer}.ch-slider input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--cyan);border:2px solid var(--navy);box-shadow:0 0 0 1px var(--cyan);cursor:pointer}.ch-slider input[type=range]:focus-visible::-webkit-slider-thumb,.ch-slider input[type=range]:focus-visible::-moz-range-thumb{outline:2px solid var(--cyan);outline-offset:2px}.ch-swatches{display:flex;gap:10px;flex-wrap:wrap}.ch-swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--line);cursor:pointer;padding:0}.ch-swatch.active{border-color:var(--white)}.ch-swatch-custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ch-swatch-custom::-webkit-color-swatch-wrapper{padding:0;border-radius:50%}.ch-swatch-custom::-webkit-color-swatch{border:none;border-radius:50%}.ch-code-block{border:1px solid var(--line);border-radius:10px;overflow:hidden}.ch-code-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--navy-2);font-family:Space Grotesk;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#f5f7ff99}.ch-copy-btn{padding:7px 14px;font-size:11px}.ch-code-block pre{margin:0;padding:16px;font-family:Space Grotesk,monospace;font-size:12px;line-height:1.7;color:var(--cyan);white-space:pre-wrap;word-break:break-all}.ch-code-selectable{cursor:text}.ch-import-block{margin-top:18px}.ch-import-row{display:flex;gap:10px;padding:14px 16px}.ch-import-input{flex:1;min-width:0;font-family:Space Grotesk,monospace;font-size:12px;background:var(--navy);border:1px solid var(--line);border-radius:6px;padding:9px 10px;color:var(--white)}.ch-error{margin:0 16px 14px;font-size:12px;color:var(--danger)}@media (max-width: 900px){.ch-layout{grid-template-columns:1fr}.ch-preview{position:static}}.ch-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.ch-gallery-card{border:1px solid var(--line);border-radius:10px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--navy-2)}.ch-gallery-thumb{width:100%;max-width:120px;aspect-ratio:1;background:#0a0e1a;border-radius:6px;margin-bottom:2px}.ch-gallery-name{font-family:Space Grotesk;font-size:13px;text-align:center}.ch-gallery-author{font-size:11px;color:#f5f7ff80}.ch-gallery-actions{display:flex;align-items:center;gap:10px;margin-top:8px}.ch-gallery-vote{background:none;border:1px solid var(--line);border-radius:6px;color:#f5f7ffb3;font-size:12px;padding:4px 8px;cursor:pointer}.ch-gallery-vote.active{color:var(--cyan);border-color:var(--cyan)}.ch-gallery-vote:disabled{cursor:not-allowed;opacity:.5}.ch-gallery-copy{padding:4px 10px;font-size:12px}.ch-gallery-remove{background:none;border:none;color:#f5f7ff66;font-size:11px;cursor:pointer}.ch-gallery-remove:hover{color:var(--danger)}.crosshair-inner{max-width:1100px}.crosshair-tabs{margin-bottom:34px}