:root{--bg:#0f1115;--panel:#171a21;--line:#262b36;--field:#1f232c;--text:#e7e9ee;--dim:#8b93a5;--accent:#ff3d8b;--mono:ui-monospace,"Cascadia Mono",Consolas,monospace;--buncss-light: ;--buncss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC,Microsoft YaHei,sans-serif}canvas{display:block}button,select,input{font:inherit;color:var(--text);background:var(--field);border:1px solid var(--line);border-radius:8px;padding:6px 10px}button{cursor:pointer;transition:background .15s,border-color .15s}button:hover{background:#262b36;border-color:#3b4252}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;padding:8px 22px;font-weight:600}button.link{color:var(--dim);background:0 0;border:none;margin-top:10px;padding:0;font-size:12px}button.link:hover{color:var(--text)}.top{display:flex;border-bottom:1px solid var(--line);justify-content:space-between;align-items: center;padding:16px 28px}.brand{display:flex;align-items: center;gap:12px}.brand canvas{border-radius:8px;width:40px;height:40px}.brand h1{font:700 20px var(--mono);letter-spacing:.12em;margin:0}.layout{display:grid;grid-template-columns:280px 1fr;gap:24px;padding:24px 28px}.panel{background:var(--panel);border:1px solid var(--line);position:sticky;border-radius:14px;align-self: start;padding:4px 16px;top:16px}.panel section{border-bottom:1px solid var(--line);display:grid;gap:10px;padding:14px 0}.panel section:last-child{border-bottom:none}#seed{font-family:var(--mono);width:100%}.row{display:flex;align-items: center;gap:8px}.btns{display:grid;grid-template-columns:repeat(4,1fr)}.btns button{padding:6px 0;font-size:13px}.check{display:flex;flex:1;align-items: center;gap:6px}.row input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;padding:0}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border-radius:999px;padding:4px 12px;font-size:13px}.chip.on{border-color:var(--accent);background:#ff3d8b26}.swatch{border:2px solid var(--panel);box-shadow:0 0 0 1px var(--line);border-radius:50%;width:26px;height:26px;padding:0}.swatch.on{box-shadow:0 0 0 2px var(--accent)}.slots{display:grid;gap:8px}.slots select.locked{border-color:var(--accent)}.card{display:grid;grid-template-columns:minmax(280px,480px)1fr;background:var(--panel);border:1px solid var(--line);border-radius:14px;gap:24px;padding:20px}.preview-wrap{aspect-ratio:1;overflow:hidden;background:repeating-conic-gradient(#20242c 0 25%,#191c23 0 50%)0 0/24px 24px;border-radius:10px}.preview-wrap canvas{width:100%;height:100%}#attrs{list-style:none;display:flex;flex-wrap:wrap;align-content: start;gap:8px;margin:0;padding:0}#attrs li{background:var(--field);color:var(--dim);border:1px solid #0000;border-radius:999px;padding:6px 14px}#attrs li.lockable{color:var(--text);cursor:pointer}#attrs li.lockable:hover{border-color:#3b4252}#attrs li.locked{border-color:var(--accent);background:#ff3d8b26}.styles{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;margin-top:20px}.thumb{overflow:hidden;border:2px solid #0000;border-radius:10px;padding:0}.thumb canvas{aspect-ratio:1;width:100%}.thumb.on{border-color:var(--accent)}.gallery{display:grid;justify-items:center;gap:16px;padding:0 28px 40px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px;width:100%}.grid button{overflow:hidden;border:2px solid #0000;border-radius:10px;padding:0}.grid button:hover{border-color:var(--accent)}.grid canvas{aspect-ratio:1;width:100%}@media (max-width:900px){.layout,.card{grid-template-columns:1fr}.panel{position:static}}.dim{display:grid;grid-template-columns:34px 1fr;align-items: start;gap:8px}.dim>span{color:var(--dim);font-size:12px;line-height:28px}#skins{padding-left:42px}