:root{color:#e7e4d6;background:#171914;font-family:Microsoft YaHei UI,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% -10%,#3e4529,#0000 36rem),#171914;margin:0}button,input{font:inherit}button{cursor:pointer}.shell{width:min(1600px,100% - 40px);margin:auto;padding-bottom:32px}header{border-bottom:1px solid #42483b;justify-content:space-between;align-items:center;gap:15px;height:74px;display:flex}.brand{letter-spacing:.12em;align-items:center;gap:9px;font:700 15px Bahnschrift,sans-serif;display:flex}.brand i{color:#b9db45;text-shadow:0 0 18px #b9db45;font-size:25px;font-style:normal;line-height:1}.brand em{color:#919886;font-size:10px;font-style:normal}.status{color:#9da59b;font-size:11px}.hero{padding:45px 0 30px}.hero p{color:#b9db45;letter-spacing:.15em;margin:0 0 8px;font:700 12px Bahnschrift,sans-serif}h1{letter-spacing:-.03em;margin:0;font:600 clamp(42px,5vw,70px)/.9 Bahnschrift,Microsoft YaHei UI,sans-serif}h1 strong{color:#e8bf58}.hero small{color:#8e9689;margin-top:16px;font-size:12px;display:block}.layout{grid-template-columns:minmax(230px,.72fr) minmax(500px,1.55fr) minmax(250px,.78fr);align-items:start;gap:14px;display:grid}.panel{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:#20231df2;border:1px solid #475044}h2{color:#dde2d1;letter-spacing:.1em;border-bottom:1px solid #41483d;margin:0;padding:14px 15px;font:700 12px Bahnschrift,sans-serif}.presets{gap:6px;padding:12px 15px 4px;display:grid}.presets button{text-align:left;color:#bac1b3;background:#20241f;border:1px solid #4a5145;padding:8px}.presets button.chosen{color:#d7ee81;background:#b9db451a;border-color:#b9db45}.presets b,.presets span{display:block}.presets b{letter-spacing:.09em;font:700 10px Bahnschrift,sans-serif}.presets span{color:#8d9689;margin-top:3px;font-size:10px}.controls label{color:#c1c8bd;grid-template-columns:1fr auto;gap:6px;margin:11px 15px 0;font-size:12px;display:grid}output{color:#e8bf58;font-family:Bahnschrift}.controls input[type=range]{accent-color:#b9db45;grid-column:1/-1;width:100%}.range-note{color:#818a7d;margin:9px 15px 14px;font-size:10px;line-height:1.5}.hidden{display:none}.main-action,.secondary{text-align:left;color:#1f2418;background:#b9db45;border:1px solid #b9db45;width:calc(100% - 30px);margin:0 15px 7px;padding:10px;font-size:11px;font-weight:700}.main-action span{float:right;font-size:16px;line-height:9px}.secondary{color:#bfc8b9;background:0 0;border-color:#565e51;font-weight:400}.secondary.danger{color:#db9c8e;border-color:#8d6259}.board-title{border-bottom:1px solid #41483d;justify-content:space-between;align-items:center;gap:10px;display:flex}.board-title h2{border:0}.board-title span{color:#9da598;padding-right:15px;font:11px Bahnschrift,sans-serif}.board-scroll{background:repeating-linear-gradient(45deg,#ffffff05 0 1px,#0000 1px 7px);min-height:560px;max-height:calc(100vh - 230px);padding:25px;overflow:auto}.board{--cell:clamp(8px, 1.15vw, 16px);background:#cdd2bb;border:2px solid #9ea687;width:max-content;padding:9px;display:grid;box-shadow:0 0 0 5px #22271f,0 13px 30px #00000040}.bead{width:var(--cell);height:var(--cell);border:1px solid #0000002b;border-radius:50%;padding:0;box-shadow:inset 1px 1px #ffffff42,inset -1px -1px #0000002e}.board-footer{color:#9fa89a;justify-content:space-between;padding:11px 15px;font-size:10px;display:flex}.selected{background:#1b1e1a;border:1px solid #475044;align-items:center;gap:9px;margin:14px 15px;padding:9px;display:flex}.selected i{border:1px solid #ffffff4d;border-radius:50%;width:32px;height:32px}.selected b,.selected small{display:block}.selected small{color:#aab2a4;margin-top:3px;font:11px Bahnschrift}.color-grid{grid-template-columns:repeat(6,1fr);gap:6px;padding:0 15px;display:grid}.color-grid button{aspect-ratio:1;border:1px solid #ffffff40;border-radius:50%;padding:0;position:relative}.color-grid button.active{box-shadow:0 0 0 3px #b9db45,0 0 14px #b9db45}.color-grid span{color:#000c;text-shadow:0 1px #ffffff4d;font:700 8px Bahnschrift}.exports{border-top:1px solid #41483d;gap:6px;margin:16px 15px 0;padding-top:13px;display:grid}.exports button{color:#c9d3c2;text-align:left;background:0 0;border:1px solid #566051;padding:8px;font-size:10px}.list{border-top:1px solid #41483d;max-height:230px;margin:14px 15px;padding-top:10px;overflow:auto}.list h3{color:#d5dbcf;margin:0 0 8px;font-size:10px}.list div{color:#aeb7aa;align-items:center;gap:6px;padding:3px 0;font-size:10px;display:flex}.list i{border-radius:50%;width:10px;height:10px}.list b{color:#e8bf58;margin-left:auto;font-family:Bahnschrift}footer{color:#788073;letter-spacing:.1em;padding:24px 0 0;font:10px Bahnschrift,sans-serif}@media (width<=1100px){.layout{grid-template-columns:minmax(240px,.85fr) 1.4fr}.palette{grid-column:1/-1}.color-grid{grid-template-columns:repeat(12,1fr)}}@media (width<=720px){.shell{width:min(100% - 24px,1600px)}header{height:62px}.status{display:none}.hero{padding-top:30px}.layout{grid-template-columns:1fr}.palette{grid-column:auto}.board-scroll{min-height:400px;max-height:65vh;padding:16px}.color-grid{grid-template-columns:repeat(9,1fr)}.board-footer{flex-direction:column;gap:8px}}.brand img{object-fit:contain;width:31px;height:31px;image-rendering:pixelated}.workflow-column{gap:14px;display:grid}.upload-content,.board-settings-content{padding:14px 15px 15px}.upload-content .main-action,.upload-content .secondary,.board-settings-content .secondary{width:100%;margin-left:0;margin-right:0}.upload-empty,.crop-help{color:#8d9689;margin:11px 0 0;font-size:10px;line-height:1.5}.crop-heading{color:#d5dbcf;justify-content:space-between;margin:15px 0 7px;font-size:11px;display:flex}.crop-heading span{color:#e8bf58;font-family:Bahnschrift,sans-serif}.crop-canvas{touch-action:none;cursor:grab;background:#151713;border:1px solid #b9db45;width:100%;height:auto;max-height:none;display:block;box-shadow:0 0 0 4px #b9db4514}.crop-canvas:active{cursor:grabbing}.crop-zoom{color:#c1c8bd;grid-template-columns:1fr auto;gap:6px;margin-top:13px;font-size:11px;display:grid}.crop-zoom input{accent-color:#b9db45;grid-column:1/-1;width:100%}.crop-zoom output{color:#e8bf58;font-family:Bahnschrift,sans-serif}.regenerate{margin-top:12px!important}.collapse-title{color:#dde2d1;text-align:left;letter-spacing:.1em;background:0 0;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:8px;width:100%;padding:14px 15px;font:700 12px Bahnschrift,Microsoft YaHei UI,sans-serif;display:grid}.collapse-title em{color:#9da598;letter-spacing:0;font:11px Bahnschrift,sans-serif}.collapse-title b{color:#b9db45;text-align:center;width:19px;font-size:19px;line-height:1}.board-settings.open .collapse-title{border-bottom:1px solid #41483d}.board-settings-content .presets{padding:0 0 4px}.board-settings-content>label{color:#c1c8bd;grid-template-columns:1fr auto;gap:6px;margin-top:11px;font-size:12px;display:grid}.board-settings-content output{color:#e8bf58;font-family:Bahnschrift,sans-serif}.board-settings-content input[type=range]{accent-color:#b9db45;grid-column:1/-1;width:100%}.board-settings-content .range-note{margin-left:0;margin-right:0}.ai-content{padding:14px 15px 15px}.ai-panel.open .collapse-title{border-bottom:1px solid #41483d}.ai-note,.ai-status,.ai-review p{color:#8d9689;margin:0 0 12px;font-size:10px;line-height:1.5}.ai-content>label,.ai-selects label{color:#c1c8bd;gap:5px;margin-top:10px;font-size:11px;display:grid}.ai-content input,.ai-content textarea,.ai-content select{color:#e1e5d8;background:#181b17;border:1px solid #566051;border-radius:0;outline:none;width:100%;padding:8px;font-size:11px}.ai-content input:focus,.ai-content textarea:focus,.ai-content select:focus{border-color:#b9db45;box-shadow:0 0 0 2px #b9db4521}.ai-content textarea{resize:vertical;min-height:62px}.ai-content label small{color:#80897b;font-size:9px;line-height:1.35}.ai-advanced-toggle{color:#aeb7aa;text-align:left;background:0 0;border:1px dashed #566051;width:100%;margin-top:10px;padding:7px;font-size:10px}.ai-selects{grid-template-columns:1fr 1fr;gap:8px;margin-top:2px;display:grid}.ai-run{width:100%;margin:14px 0 0}.ai-run:disabled,.ai-review-actions button:disabled{cursor:wait;opacity:.62}.ai-status{color:#b9db45;margin:10px 0 0}.ai-status.error{color:#db9c8e}.ai-review{border-top:1px solid #41483d;margin-top:14px;padding-top:12px}.ai-review>div:first-child{color:#d5dbcf;justify-content:space-between;gap:8px;font-size:11px;display:flex}.ai-review>div:first-child span{color:#e8bf58;font:10px Bahnschrift,sans-serif}.ai-result-canvas{width:min(100%,360px);image-rendering:pixelated;image-rendering:crisp-edges;background:#fff;border:1px solid #b9db45;margin:9px auto;display:block}.ai-review-actions{gap:6px;display:grid}.ai-review-actions .main-action,.ai-review-actions .secondary{width:100%;margin:0}.board-title{flex-wrap:wrap}.zoom-control{align-items:center;gap:7px;margin-left:auto;display:flex}.zoom-control label{color:#aeb7aa;align-items:center;gap:5px;font-size:10px;display:flex}.zoom-control input{accent-color:#b9db45;width:82px}.zoom-control button{color:#bfc8b9;background:0 0;border:1px solid #566051;padding:3px 6px;font-size:10px}.board-title>span{white-space:nowrap}.board-scroll{place-items:start center;display:grid}.board-coordinate-wrap{grid-template-rows:22px max-content;grid-template-columns:28px max-content;place-items:start;display:grid}.coordinate-corner{color:#9da598;letter-spacing:.08em;place-items:center;width:28px;height:22px;font:700 9px Bahnschrift,sans-serif;display:grid}.column-axis{color:#b9c3b1;height:22px;margin-left:2px;display:grid}.row-axis{color:#b9c3b1;width:28px;margin-top:2px;display:grid}.column-axis span,.row-axis span{place-items:center;font:700 clamp(4px,.65vw,9px)/1 Bahnschrift,sans-serif;display:grid;overflow:hidden}.board-coordinate-wrap .board{padding:0}.board{image-rendering:pixelated}.bead{box-shadow:none;color:#0f120de6;text-shadow:0 1px #ffffff73;border-radius:0;place-items:center;font:700 clamp(3px,.58vw,8px)/1 Bahnschrift,sans-serif;display:grid;overflow:hidden}.bead:hover{z-index:1;outline-offset:-2px;outline:2px solid #b9db45;position:relative}.cell-id-toggle{color:#c1c8bd;cursor:pointer;align-items:center;gap:6px;margin-left:auto;font-size:10px;display:inline-flex}.board-controls{background:#1b1e1a;border-top:1px solid #41483d;align-items:center;gap:12px;min-height:42px;padding:9px 15px;display:flex}.board-controls .cell-id-toggle{color:#dbe5bd;margin-left:0;font-weight:700}.board-controls>span{color:#818a7d;font-size:10px}.cell-id-toggle input{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.cell-id-toggle i{background:#20241f;border:1px solid #65705d;border-radius:10px;width:24px;height:13px;position:relative}.cell-id-toggle i:after{content:"";background:#9da598;border-radius:50%;width:7px;height:7px;transition:transform .16s,background .16s;position:absolute;top:2px;left:2px}.cell-id-toggle input:checked+i{background:#b9db4524;border-color:#b9db45}.cell-id-toggle input:checked+i:after{background:#b9db45;transform:translate(11px)}.cell-id-toggle input:focus-visible+i{outline-offset:2px;outline:2px solid #b9db45}.market-note{color:#8d9689;margin:12px 15px 0;font-size:11px;line-height:1.45}.family-groups{gap:7px;padding:12px 15px 0;display:grid}.family-group{background:#1b1e1a;border:1px solid #475044}.family-title{color:#d5dbcf;text-align:left;background:0 0;border:0;grid-template-columns:1fr auto auto;align-items:center;gap:7px;width:100%;padding:8px;font-size:12px;display:grid}.family-title em{color:#8d9689;font:11px Bahnschrift,sans-serif}.family-title b{color:#b9db45;text-align:center;width:14px;font:18px/12px Bahnschrift,sans-serif}.family-group .color-grid{grid-template-columns:repeat(6,1fr);padding:0 8px 8px}.family-group .color-grid span{font-size:10px}.palette .selected b{font-size:14px}.palette .selected small,.palette .list h3{font-size:12px}.palette .list div{font-size:11px}@media (width<=1100px){.workflow-column{grid-column:1}}@media (width<=720px){.zoom-control{order:3;width:100%;margin:0 15px 10px}.board-title>span{margin-left:auto}.board-controls{flex-direction:column;align-items:flex-start;gap:5px}.ai-selects{grid-template-columns:1fr}}