.pixel-workspace{max-width:1120px}.pixel-layout{grid-template-columns:minmax(0,.72fr) minmax(0,1fr);align-items:start}.pixel-controls,.pixel-output{min-width:0}.pixel-control-group{padding-bottom:18px;border-bottom:1px solid var(--border)}.pixel-control-group+.pixel-control-group{padding-top:18px}.pixel-control-group h3{margin:0 0 12px;color:#334155;font-size:.9rem}.pixel-controls .tool-field{margin:0 0 12px}.pixel-controls .tool-field:last-child{margin-bottom:0}.pixel-controls .tool-field input:not([type=range]),.pixel-controls .tool-field select{width:100%}.pixel-controls .tool-slider label{display:flex;justify-content:space-between;gap:12px;color:#334155;font-size:.88rem;font-weight:750}.pixel-controls .tool-slider input[type=range]{width:100%;accent-color:var(--primary);cursor:pointer}.pixel-controls .tool-toggle-row{margin-top:13px}.pixel-controls>.button{width:100%;margin-top:10px}.pixel-controls>.button:first-of-type{margin-top:20px}.pixel-stats{padding:12px 13px;border-radius:11px;background:var(--primary-light);color:#334155;font-size:.84rem;font-weight:700}.pixel-controls .tool-status{margin:12px 0 0}.pixel-drop{min-height:0!important;padding:22px 16px!important;border-radius:14px!important}.pixel-drop .upload-icon{width:48px;height:48px;margin-bottom:12px;border-radius:13px;font-size:1.45rem}.pixel-drop>strong{font-size:1rem!important}.pixel-drop>span:not(.upload-icon):not(.upload-button){margin:5px 0!important}.pixel-drop .upload-button{margin:5px 0 9px}.pixel-drop small{color:var(--text-secondary);overflow-wrap:anywhere}.pixel-output{justify-content:flex-start;align-items:stretch;text-align:left}.pixel-output .panel-heading{flex:none}.pixel-preview{display:grid;min-width:0;min-height:360px;width:100%;margin-top:4px;padding:20px;place-items:center;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#eef2f7}.pixel-preview canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated;background:#fff;box-shadow:0 5px 22px rgba(15,23,42,.12)}.pixel-empty-state{max-width:240px;text-align:center;color:var(--text-secondary)}.pixel-empty-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 14px;border-radius:15px;background:var(--primary-light);color:var(--primary);font-size:1.8rem;font-weight:800}.pixel-empty-state h3{margin:0 0 6px;color:var(--text-primary);font-size:1rem}.pixel-empty-state p{margin:0;font-size:.86rem}.pixel-controls>label:not(.pixel-drop){display:flex;min-width:0;flex-direction:column;gap:7px;margin:12px 0;color:#334155;font-size:.88rem;font-weight:750}.pixel-controls>label:has(input[type=checkbox]){flex-direction:row;align-items:center;gap:10px}.pixel-controls>label:has(input[type=checkbox]) input{width:18px;height:18px;margin:0;accent-color:var(--primary)}.pixel-controls>#legend{margin:12px 0;color:var(--text-secondary);font-size:.78rem;line-height:1.5}.pixel-controls>#color{width:100%}@media(max-width:820px){.pixel-layout,.craft-layout{grid-template-columns:1fr}.pixel-output{order:-1}.pixel-preview{min-height:280px}}@media(max-width:560px){.craft-layout{grid-template-columns:1fr}.pixel-preview{min-height:230px;padding:14px}.pixel-control-group{padding-bottom:15px}.pixel-control-group+.pixel-control-group{padding-top:15px}}