.design-door{display:flex;align-items:center;gap:18px;margin-top:20px;padding:18px 22px;background:#fff9ef;border:2px solid #ecc994;border-radius:22px;text-align:left;width:100%;max-width:470px;color:#644c38;cursor:pointer;box-shadow:0 5px 0 #e9d6b8}.design-door>span{font-size:32px}.design-door div{flex:1}.design-door b,.design-door small{display:block}.design-door b{font-size:19px}.design-door small{margin-top:7px;line-height:1.6}.design-layout{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(400px,1.3fr);gap:28px;margin-top:20px}.design-stage{background:#fff;border:1px solid #e4eadb;border-radius:28px;padding:22px;align-self:start;position:sticky;top:20px}.design-preview{background:radial-gradient(circle at 50% 35%,#fff,var(--pal-tone));border-radius:22px;text-align:center;padding:10px}.design-preview .pal-art{width:100%;max-height:350px}.design-preview .element-chip{display:inline-block;margin-bottom:16px}.design-tools{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.design-stage>label{display:block;margin-bottom:8px}.design-stage>.game-primary{width:100%;margin-top:18px}.design-pieces{background:#ffffffbc;padding:26px;border-radius:28px}.design-pieces h1{font-size:28px;margin:0}.design-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}.design-tabs button{min-height:76px;border:2px solid #e5ebdd;background:white;border-radius:16px;color:#5e6351;font-weight:700;cursor:pointer}.design-tabs span{display:block;font-size:27px;margin-bottom:6px}.design-tabs [aria-pressed=true],.design-piece[aria-pressed=true]{border-color:#7d9e63;background:#f0f6e4;box-shadow:0 3px 0 #b3c799}.design-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.design-piece{border:2px solid #e7ebdf;background:#fff;border-radius:20px;cursor:pointer;min-height:140px;color:#535f48;padding:10px;font-size:16px}.design-piece .pal-art{width:100%;height:135px}.design-piece b{display:block;padding:5px}.magic-piece span{display:block;font-size:45px}.magic-piece small{display:block}.design-colors{grid-column:1/-1}.design-palette{display:flex;flex-wrap:wrap;gap:12px;margin:14px 0 28px}.design-palette button{width:48px;height:48px;border:3px solid white;border-radius:50%;box-shadow:0 0 0 1px #cdd4c4;color:white;text-shadow:0 1px 3px #333;cursor:pointer;font-size:24px}.design-palette button[aria-pressed=true]{box-shadow:0 0 0 3px #78975e}.design-palette label{display:flex;align-items:center;gap:6px}.design-palette input{width:48px;height:48px;border:0;background:none;cursor:pointer}.design-tools button:disabled{opacity:.45;cursor:default}#remixPal{margin-top:14px}.design-layout button:focus-visible,.design-door:focus-visible{outline:4px solid #e3af53;outline-offset:3px}@media(max-width:1000px){.design-layout{grid-template-columns:1fr}.design-stage{position:static}.design-preview .pal-art{max-height:260px}}@media(max-width:480px){.design-pieces,.design-stage{padding:16px}.design-tabs{gap:5px}.design-tabs button{font-size:12px}.design-options{gap:8px}.design-piece .pal-art{height:105px}.design-door{padding:14px}.design-tools button{flex:1;padding:10px}}

.design-palette,.block-color-list{display:flex;flex-wrap:wrap;gap:8px;max-height:250px;overflow:auto;padding:6px}.design-palette button,.block-color-list button{min-width:36px;min-height:36px;border:2px solid white;box-shadow:0 0 0 1px #bac7b5}.design-palette button[aria-pressed="true"]{outline:3px solid #527934;outline-offset:1px}