:root{--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--panel:#fff;--surface:#f7f7f8;--accent:#18181b;--success:#16835c;--font-sans:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}body{color:var(--ink);font-family:var(--font-sans);background:#fafafa;margin:0}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.utility{width:min(1120px,100% - 40px);margin:42px auto}.utility-intro{margin-bottom:22px}.utility-intro h1{letter-spacing:-.035em;margin:0 0 5px;font-size:24px;line-height:1.25}.utility-intro p{color:var(--muted);margin:0;font-size:13px}.workspace{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px #00000006}.workspace-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;min-height:68px;padding:10px 14px 10px 20px;display:flex}.workspace-title{font-size:12px;font-weight:600}.name-field{grid-template-columns:auto 150px auto;align-items:center;gap:9px;font-size:11px;font-weight:600;display:grid}.name-field input{border:1px solid var(--line);width:150px;height:32px;font:11px var(--font-mono);background:#fff;border-radius:6px;outline:none;padding:0 9px}.name-field input:focus{border-color:#a1a1aa;box-shadow:0 0 0 3px #18181b0f}.name-field small{color:var(--muted);font:9px var(--font-mono);font-weight:400}.platform-control{align-items:center;gap:10px;display:flex}.preset-tabs{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:3px;display:flex}.preset-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:7px 12px;font-size:11px;font-weight:580}.preset-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000014}.creator-grid{grid-template-columns:minmax(300px,.82fr) minmax(430px,1.18fr);display:grid}.upload-column{border-right:1px solid var(--line);padding:20px}.drop-zone{background:var(--surface);text-align:center;cursor:pointer;border:1px dashed #c9c9cf;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:22px;transition:border-color .15s,background .15s;display:flex}.drop-zone:hover,.drop-zone.dragging{background:#f3f3f4;border-color:#71717a}.drop-zone.has-file{cursor:default;justify-content:space-between}.upload-glyph{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.upload-glyph span{font-size:18px;line-height:1}.drop-zone h2{letter-spacing:-.01em;margin:14px 0 4px;font-size:14px}.drop-zone p{color:var(--muted);margin:0 0 14px;font-size:12px}.drop-zone>small{color:#a1a1aa;font-size:10px}.text-button{color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.preview-block{flex:1;align-content:center;place-items:center;gap:10px;width:100%;display:grid}.source-preview{aspect-ratio:1;border:1px solid var(--line);background-image:linear-gradient(45deg,#ececef 25%,#0000 25%),linear-gradient(-45deg,#ececef 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ececef 75%),linear-gradient(-45deg,#0000 75%,#ececef 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;place-items:center;width:min(100%,235px);display:grid;overflow:hidden}.source-preview,.mini-preview{clip-path:polygon(100% 50%,99.9% 69.75%,99.61% 76.01%,99.13% 80.49%,98.44% 84.05%,97.55% 87.01%,96.44% 89.52%,95.11% 91.68%,93.53% 93.53%,91.68% 95.11%,89.52% 96.44%,87.01% 97.55%,84.05% 98.44%,80.49% 99.13%,76.01% 99.61%,69.75% 99.9%,50% 100%,30.25% 99.9%,23.99% 99.61%,19.51% 99.13%,15.95% 98.44%,12.99% 97.55%,10.48% 96.44%,8.32% 95.11%,6.47% 93.53%,4.89% 91.68%,3.56% 89.52%,2.45% 87.01%,1.56% 84.05%,.87% 80.49%,.39% 76.01%,.1% 69.75%,0 50%,.1% 30.25%,.39% 23.99%,.87% 19.51%,1.56% 15.95%,2.45% 12.99%,3.56% 10.48%,4.89% 8.32%,6.47% 6.47%,8.32% 4.89%,10.48% 3.56%,12.99% 2.45%,15.95% 1.56%,19.51% .87%,23.99% .39%,30.25% .1%,50% 0,69.75% .1%,76.01% .39%,80.49% .87%,84.05% 1.56%,87.01% 2.45%,89.52% 3.56%,91.68% 4.89%,93.53% 6.47%,95.11% 8.32%,96.44% 10.48%,97.55% 12.99%,98.44% 15.95%,99.13% 19.51%,99.61% 23.99%,99.9% 30.25%)}.source-preview img{object-fit:cover;width:100%;height:100%}.mask-note{color:var(--muted);font-size:9px}.file-row{text-align:left;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;margin-top:14px;display:grid}.file-row div{gap:2px;display:grid;overflow:hidden}.file-row b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.file-row small{color:var(--success);font-size:10px}.file-badge{background:var(--ink);color:#fff;font:650 8px var(--font-mono);border-radius:4px;padding:6px 5px}.file-row button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#fff;border-radius:5px;width:25px;height:25px}.error{color:#b42318;margin:9px 2px 0;font-size:11px}.background-control{justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.background-control>div:first-child{gap:2px;display:grid}.background-control b{font-size:11px}.background-control small{color:var(--muted);font-size:9px}.background-actions{border:1px solid var(--line);border-radius:7px;align-items:center;padding:2px;display:flex}.background-actions button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:6px 8px;font-size:9px}.background-actions button.selected{color:var(--ink);background:var(--surface)}.background-actions button:disabled{opacity:.35;cursor:not-allowed}.color-picker{cursor:pointer;border:1px solid var(--line);border-radius:4px;width:22px;height:22px;margin-left:3px;position:relative;overflow:hidden}.color-picker input{opacity:0;position:absolute}.color-picker span{width:100%;height:100%;display:block}.output-column{flex-direction:column;min-width:0;display:flex}.output-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:57px;padding:10px 18px;display:flex}.output-heading>div{gap:3px;display:grid}.output-heading b{font-size:12px}.output-heading small{color:var(--muted);font-size:10px}.ready-pill{color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:5px 8px;font-size:9px}.size-list{scrollbar-color:#d4d4d8 transparent;max-height:383px;overflow:auto}.size-row{text-align:left;background:#fff;border:0;border-bottom:1px solid #eeeeef;grid-template-columns:32px minmax(140px,1fr) 90px 20px;align-items:center;gap:11px;width:100%;min-height:54px;padding:8px 18px;display:grid}.size-row:not(:disabled){cursor:pointer}.size-row:not(:disabled):hover{background:var(--surface)}.size-row:disabled{opacity:.48}.mini-preview{border:1px solid var(--line);background-color:var(--surface);place-items:center;width:32px;height:32px;display:grid;overflow:hidden}.mini-preview img{object-fit:cover;width:100%;height:100%}.mini-preview i{border:1px solid #a1a1aa;border-radius:3px;width:11px;height:11px}.slot-name{gap:2px;min-width:0;display:grid}.slot-name b{font-size:10px}.slot-name small,.pixel-size small{color:var(--muted);font-size:9px}.slot-name small{text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);overflow:hidden}.pixel-size{font:520 9px var(--font-mono);gap:2px;display:grid}.download-arrow{color:var(--muted);font-size:14px}.download-all{background:var(--accent);color:#fff;text-align:left;cursor:pointer;border:0;border-radius:8px;grid-template-rows:auto auto;grid-template-columns:1fr auto;width:calc(100% - 32px);min-height:54px;margin:16px;padding:11px 14px;display:grid}.download-all span{font-size:12px;font-weight:650}.download-all small{opacity:.6;margin-top:2px;font-size:9px}.download-all b{grid-area:1/2/3;align-self:center;font-size:16px}.download-all:disabled{opacity:.32;cursor:not-allowed}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=780px){.utility{width:min(100% - 24px,620px);margin-top:28px}.creator-grid{grid-template-columns:1fr}.upload-column{border-right:0;border-bottom:1px solid var(--line)}.drop-zone{min-height:280px}.name-field small{display:none}}@media (width<=480px){.workspace-head{flex-direction:column;align-items:stretch;gap:12px;padding:14px}.name-field{grid-template-columns:72px 1fr}.name-field input{width:100%}.platform-control{justify-content:space-between}.preset-tabs,.preset-tabs button{flex:1}.upload-column{padding:14px}.background-control{flex-direction:column;align-items:flex-start}.size-row{grid-template-columns:32px 1fr auto;padding-inline:13px}.pixel-size{display:none}}