.pixel-workspace{border:1px solid #dce4ef;border-radius:14px;background:white;overflow:hidden;box-shadow:0 10px 36px #2a416407}.pixel-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px}.pixel-main{min-width:0}.pixel-workspace .command-bar{align-items:center}.pixel-workspace #file-info{font-size:13px;color:#697d98;max-width:58%;overflow-wrap:anywhere}.comparison{display:grid;grid-template-columns:1fr 1fr}.comparison>section{min-width:0}.comparison>section+section{border-left:1px solid var(--line)}.comparison .panel-title{justify-content:space-between}.image-stage{height:385px;position:relative;overflow:auto;background-color:#f7f9fc;background-image:conic-gradient(#e9edf4 25%,transparent 0 50%,#e9edf4 0 75%,transparent 0);background-size:20px 20px;display:grid;place-items:center;padding:18px}#source-canvas{max-width:100%;max-height:345px;object-fit:contain;image-rendering:auto}#result-wrap{position:relative;line-height:0;flex:none;margin:auto}#result-canvas{display:block;image-rendering:pixelated;max-width:none}#pixel-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#21354d40 1px,transparent 1px),linear-gradient(to bottom,#21354d40 1px,transparent 1px);border-right:1px solid #21354d40;border-bottom:1px solid #21354d40}#empty-source,#empty-result{text-align:center;color:#7d8ca5;padding:10px}#empty-source p,#empty-result p{font-size:14px;margin:14px 0 0}.upload-icon{display:block}.pixel-empty{font-size:46px;color:#9aaed2}#drop-target.dragging{outline:3px dashed #4269e3;outline-offset:-5px}.result-view{padding:13px 18px;display:flex;align-items:center;gap:16px;flex-wrap:wrap;border-top:1px solid var(--line)}.result-view>label{display:flex;align-items:center;gap:8px;font-size:14px}.result-view .check{margin:0}#result-status{flex-basis:100%;font-size:13px;line-height:1.6;color:#9a6225}.palette-panel{padding:16px 18px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.palette-panel h2{font-size:14px}#palette-count{font-size:13px;color:#72839b}#palette{display:flex;flex-wrap:wrap;gap:5px;flex-basis:100%;min-height:28px}.palette-swatch{width:23px;height:23px;border-radius:5px;border:1px solid #23344f25}.pixel-main>.footnote{margin:0;padding:0 18px 18px}.pixel-settings{border-left:1px solid var(--line)}.pixel-settings>section{padding:18px;border-bottom:1px solid var(--line)}.pixel-settings>section:last-child{border:0}.pixel-settings h2{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:16px}.pixel-settings .footnote{font-size:13px;margin:10px 0 0}.preset-row,.resolution-row{display:flex;gap:6px;flex-wrap:wrap}.preset-row button{flex:1;padding:8px 9px;font-size:14px}.resolution-row button{padding:8px 9px;font-size:14px;flex:1 0 40%}.pixel-settings select{width:100%;font-size:15px;min-height:40px}.sampling-label{display:block;font-size:14px;margin:14px 0 5px}.pixel-settings .full{margin-top:18px}.pixel-settings .size-fields>span{flex:none}#pixel-error{color:#aa4141;font-size:13px;margin:10px 0 0}.pixel-export{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:18px;background:#fafbfe;border-top:1px solid var(--line)}.pixel-export>div{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pixel-export label{display:flex;align-items:center;gap:8px;font-size:14px}.pixel-export select{font-size:15px;min-height:40px}#download-size{font-size:13px;color:#6e819b}.pixel-export button{font-size:14px}#pixel-busy{width:240px;text-align:center;padding:30px}#pixel-busy p{font-size:15px;margin:14px 0}.pixel-artmark{display:grid;grid-template-columns:repeat(2,22px);gap:5px;transform:rotate(-8deg);margin:0 30px}.pixel-artmark i{width:22px;height:22px;background:#8fa7ed}.pixel-artmark i:nth-child(2){background:#d8e1fa}.pixel-artmark i:nth-child(3){background:#c2d0f3}.pixel-artmark i:nth-child(4){background:#3a62d6}
@media(max-width:1120px){.pixel-layout{grid-template-columns:minmax(0,1fr) 300px}.comparison{grid-template-columns:1fr}.comparison>section+section{border-left:0;border-top:1px solid var(--line)}.image-stage{height:300px}#source-canvas{max-height:260px}.pixel-artmark{display:none}}
@media(max-width:760px){.pixel-layout{display:block}.comparison{grid-template-columns:1fr 1fr}.image-stage{height:235px;padding:12px}#source-canvas{max-height:205px}.comparison>section+section{border-top:0;border-left:1px solid var(--line)}.pixel-settings{border-left:0;border-top:1px solid var(--line)}.pixel-workspace #file-info{max-width:100%;font-size:12px}.comparison .panel-title{padding:12px;font-size:14px}.comparison .panel-title h2{font-size:14px}.pixel-export{padding:14px}.pixel-export button{min-height:44px}.pixel-export .continue-buttons{width:100%}.continue-buttons button{flex:1}.resolution-row button{flex:1 0 auto}.preset-row button{min-height:44px}.pixel-workspace .command-bar{padding:14px}.pixel-workspace .command-bar button{font-size:14px}}
@media(max-width:420px){.comparison{grid-template-columns:1fr}.comparison>section+section{border-left:0;border-top:1px solid var(--line)}.image-stage{height:250px}#source-canvas{max-height:220px}.continue-buttons button{flex-basis:100%}}
#result-stage{display:flex}#result-wrap{margin:auto;flex-shrink:0}#empty-result{margin:auto}