:root{--bg:#0d0e12;--panel:#181a22;--line:#262832;--ink:#e9e9f0;--dim:#8a8c99;--accent:#b9c4e6;--sel-line:#4a5570;--sel-bg:#1c2130;--hover-line:#3a4258;--chip-bg:#14161d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}img{image-rendering:pixelated}.loading{color:var(--dim);padding:40px}.bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 26px;display:flex}.brand{letter-spacing:.02em;align-items:center;gap:10px;font-size:19px;font-weight:680;display:flex}.brandmark{flex:none}.brand small{color:var(--dim);margin-left:10px;font-size:13px;font-weight:400}.seed{color:var(--dim);align-items:center;gap:10px;font-size:13px;display:flex}.seedset{align-items:center;gap:10px;display:flex}.seed .sw{border:1px solid var(--line);border-radius:7px;width:26px;height:26px}.seed code{color:var(--ink)}.seed .btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;font:inherit;border-radius:8px;padding:6px 12px}.seed .btn.on{border-color:var(--sel-line);background:var(--sel-bg)}.seed .seedpick{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:7px;flex:none;width:28px;height:28px;padding:0}.seed .seedpick::-webkit-color-swatch-wrapper{padding:2px}.seed .seedpick::-webkit-color-swatch{border:none;border-radius:5px}.seed .seedhex,.seed .seedsearch{background:var(--chip-bg);border:1px solid var(--line);color:var(--ink);font:inherit;border-radius:6px;padding:5px 7px;font-size:12px}.seed .seedhex{width:78px}.seed .seedsearch{width:96px}.seed .seedsearch::placeholder{color:var(--dim)}@media (width>=681px){.bar{padding:20px 34px}.brand{gap:13px;font-size:23px}.brand small{margin-left:12px;font-size:15px}.brandmark{transform:scale(1.16)}.seed{gap:13px;font-size:15px}.seed .sw{width:30px;height:30px}.seed .seedpick{width:32px;height:32px}.seed .btn{border-radius:9px;padding:8px 15px}.seed .seedhex,.seed .seedsearch{padding:7px 10px;font-size:14px}.seed .seedhex{width:92px}.seed .seedsearch{width:112px}}.theme{position:relative}.themepop{z-index:20;background:var(--panel);border:1px solid var(--line);text-align:left;cursor:default;border-radius:12px;flex-direction:column;gap:12px;width:306px;max-width:min(306px,100vw - 24px);max-height:min(72vh,540px);padding:14px;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 10px 30px #000a}.tsec{flex-direction:column;gap:7px;display:flex}.tlabel{text-transform:uppercase;letter-spacing:.06em;color:var(--dim);font-size:11px}.thint{text-transform:none;letter-spacing:0;opacity:.85}.tchips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--chip-bg);color:var(--dim);cursor:pointer;text-transform:capitalize;border-radius:999px;padding:4px 10px;font-family:inherit;font-size:11.5px;line-height:1}.chip:hover{color:var(--ink);border-color:var(--hover-line)}.chip.on{color:#0d0e12;background:var(--accent);border-color:var(--accent);font-weight:600}.tstrict{width:100%;accent-color:var(--accent);cursor:pointer}.tstrict:disabled{opacity:.4;cursor:default}.trow{color:var(--dim);justify-content:space-between;font-size:10.5px;display:flex}.tfoot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding-top:10px;display:flex}.tnote{color:var(--dim);font-size:11px}.tlink{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0;font-size:11.5px}main{max-width:1460px;margin:0 auto;padding:24px}.work{flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;display:flex}.stage{flex-direction:column;flex:0 660px;align-items:center;display:flex}.board{flex-direction:column;flex:720px;min-width:320px;display:flex}.wheelrow{align-items:center;gap:14px;display:flex}.lslider{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(#f7f7f7,#7d7d7d,#0a0a0c);border:1px solid #5b647a;border-radius:13px;flex:0 0 26px;align-self:stretch;width:26px;min-height:240px;position:relative;box-shadow:0 2px 12px #0006,inset 0 1px #ffffff26}.lmid{pointer-events:none;border-top:1px dashed #ffffff80;height:0;position:absolute;top:50%;left:2px;right:2px}.lthumb{pointer-events:none;background:#fff;border:1px solid #0007;border-radius:7px;height:20px;position:absolute;left:-3px;right:-3px;box-shadow:0 1px 5px #0009}.lthumb.lall{border-color:var(--sel-line);height:20px;color:var(--ink);text-transform:uppercase;letter-spacing:.05em;background:#222a3aee;justify-content:center;align-items:center;font-size:9px;display:flex;left:-11px;right:-11px}.sel{flex-wrap:wrap;justify-content:center;gap:8px;max-width:660px;margin:18px auto 0;display:flex}.sel button{background:var(--panel);border:1px solid var(--line);color:var(--dim);cursor:pointer;text-transform:capitalize;border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 5px;font-family:inherit;font-size:12.5px;line-height:1;transition:color .12s,border-color .12s,background .12s;display:inline-flex}.sel button svg{flex:none;display:block}.sel button:hover{color:var(--ink);border-color:var(--hover-line)}.sel button.on{color:var(--ink);border-color:var(--sel-line);background:var(--sel-bg)}.palette{grid-template-columns:repeat(var(--cols,6), minmax(0, 1fr));border:1px solid var(--line);border-radius:12px;gap:0;display:grid;overflow:visible}.col{cursor:pointer;flex-direction:column;justify-content:space-between;align-items:center;min-height:300px;padding:20px 10px 16px;display:flex;position:relative}.col:focus-visible{outline-offset:-2px;outline:2px solid #fffc}.col.dragging{opacity:.35}.col.dropover{outline-offset:-5px;outline:3px dashed #fffc}.col:first-child{border-radius:12px 0 0 12px}.col:last-child{border-radius:0 12px 12px 0}.cube{filter:drop-shadow(0 4px 8px #0009);width:82px;height:auto}.col .meta{text-shadow:0 1px 3px #00000080;flex-direction:column;justify-content:center;gap:2px;min-height:84px;display:flex}.col .nm{text-align:center;font-size:14px;font-weight:640;line-height:1.2}.col .hx{opacity:.88;text-align:center;font-size:13px}.col .tag{opacity:.68;text-align:center;text-transform:capitalize;margin-top:2px;font-size:11px}.col .tag.ontheme{opacity:1;font-weight:640}.col .tag.ontheme:before{content:"● ";vertical-align:middle;font-size:8px}.controls{grid-template-columns:repeat(var(--cols,6), minmax(0, 1fr));gap:0;margin-top:8px;display:grid}.ctrl{justify-content:center;align-items:center;gap:12px;padding:6px 0;display:flex;position:relative}.lock{border:1px solid var(--line);background:var(--panel);width:32px;height:26px;color:var(--dim);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.lock:hover{color:var(--ink)}.lock.on{color:#7fd39a;background:#16241b;border-color:#3c6a4e}.lockico .shackle{transform-origin:10.5px 5px;transition:transform .24s cubic-bezier(.34,1.56,.64,1)}.lock:not(.on) .lockico .shackle{transform:rotate(-26deg)translateY(-1px)}.chev{font:inherit;color:var(--dim);cursor:pointer;background:0 0;border:none;padding:2px 5px;font-size:12px;line-height:1}.chev:hover,.chev.on{color:var(--ink)}.radialmenu{z-index:40;background:var(--panel);border:1px solid #3a4150;border-radius:50%;position:fixed;box-shadow:0 18px 48px #000c}.radialspokes{pointer-events:none;position:absolute;inset:0}.radialspokes line{stroke:#ffffff2e;stroke-width:1.5px}.rcenter{flex-direction:column;align-items:center;gap:5px;display:flex;position:absolute;transform:translate(-50%,-50%)}.rcube{object-fit:contain;display:block}.rsrc{filter:drop-shadow(0 3px 6px #0009);width:58px;height:58px}.rexclude{border:1px solid var(--line);color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:2px 9px;font-size:10.5px}.rexclude:hover{color:#f2b8b8;border-color:#6a3c3c}.rnode{cursor:pointer;background:0 0;border:none;width:46px;height:46px;padding:0;position:absolute;transform:translate(-50%,-50%)}.rnode .rcube{border:1px solid #0000;border-radius:7px;width:46px;height:46px;transition:transform .1s,border-color .1s}.rnode:hover .rcube{border-color:var(--hover-line);transform:scale(1.14)}.rlabel{text-align:center;width:86px;color:var(--ink);text-shadow:0 1px 3px #000a;pointer-events:none;margin-top:4px;font-size:11px;line-height:1.15;position:absolute;top:100%;left:50%;transform:translate(-50%)}.rnote{text-align:center;width:150px;color:var(--dim);font-size:11px;position:absolute;transform:translate(-50%,-50%)}.actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:22px;display:flex}.sizer{color:var(--dim);align-items:center;gap:9px;font-size:12.5px;display:inline-flex}.sizer button{border:1px solid var(--line);background:var(--panel);width:26px;height:26px;color:var(--ink);cursor:pointer;font:inherit;border-radius:7px;font-size:15px;line-height:1}.sizer button:hover:not(:disabled){border-color:var(--hover-line)}.sizer button:disabled{opacity:.4;cursor:default}.copy{color:#12121a;cursor:pointer;background:#eceef4;border:0;border-radius:9px;padding:10px 18px;font-family:inherit;font-weight:620}.excl{border:1px solid var(--line);color:var(--dim);font:inherit;cursor:pointer;background:0 0;border-radius:8px;padding:7px 12px;font-size:12px}.excl:hover{color:var(--ink);border-color:var(--hover-line)}.saved{flex-wrap:wrap;gap:12px;margin-top:14px;display:flex}.savedchip{position:relative}.savedload{border:1px solid var(--line);cursor:pointer;border-radius:7px;width:100px;height:30px;padding:0}.savedload:hover{border-color:var(--hover-line)}.saveddel{border:1px solid var(--line);background:var(--panel);width:18px;height:18px;color:var(--dim);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:13px;line-height:1;display:none;position:absolute;top:-7px;right:-7px}.savedchip:hover .saveddel{display:flex}.saveddel:hover{color:var(--ink);border-color:var(--hover-line)}.foot{text-align:center;max-width:620px;color:var(--dim);margin:40px auto 28px;padding:0 24px;font-size:12px;line-height:1.6}@media (width<=680px){html,body{max-width:100%;overflow-x:hidden}main{padding:12px}.bar{align-items:center;gap:10px;padding:7px 14px}.brand{font-size:16px}.brandmark{transform:scale(.86)}.brand small,.seedset{display:none}.seed{gap:8px}.work{gap:14px}.stage{flex-basis:100%;min-width:0;max-width:100%}.board{flex-basis:100%;min-width:0}.wheelrow{justify-content:center;gap:6px;width:100%}.wheelcanvas{min-width:0;height:auto;width:calc(100% - 26px)!important;max-width:calc(100% - 26px)!important}.lslider{flex:0 0 20px;align-self:center;width:20px;max-height:380px;height:56vw!important}.sel{width:100%;min-width:0;max-width:100%;padding:0 6px}.sel button[data-scheme=split_complementary],.sel button[data-scheme=tetradic]{display:none}.palboard{-webkit-overflow-scrolling:touch;overflow-x:auto}.palette,.controls{grid-template-columns:repeat(var(--cols,6), minmax(52px, 1fr))}.cube{width:44px}.col{min-height:148px;padding:11px 5px 9px}.col .meta{min-height:32px}.col .nm{font-size:12px;line-height:1.25}.col .hx,.col .tag{display:none}.actions{gap:10px;margin-top:16px}.foot{display:none}}