.artwork-editor{color:#ebdff5;min-width:0}.artwork-editor .artwork-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.artwork-editor .artwork-heading h3{margin:4px 0}.artwork-editor .artwork-help{font-size:12px;line-height:1.5;color:#d5c6df;margin:8px 0 12px}.artwork-editor .artwork-field{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:12px;color:#e3cbed}.artwork-editor .artwork-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:8px 0}.artwork-editor button,.artwork-editor select,.artwork-editor input{box-sizing:border-box;min-height:44px;min-width:44px;font:inherit;border:1px solid #8b709f;border-radius:6px;color:#f7eeff;background:#261c38;padding:7px}.artwork-editor select{width:100%;max-width:100%;font-size:13px}.artwork-editor .artwork-colour{display:flex;gap:5px;min-width:0}.artwork-editor input[type=color]{width:46px;flex:none;padding:3px}.artwork-editor input[type=text]{width:100%;min-width:0;font-family:ui-monospace,monospace;font-size:12px}.artwork-editor input[aria-invalid=true]{outline:2px solid #ff7990}.artwork-editor .artwork-view-tools{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:7px;align-items:end;margin-bottom:9px}.artwork-editor .artwork-check{flex-direction:row;align-items:center;min-height:44px;gap:5px;white-space:nowrap}.artwork-editor input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:20px;padding:0}.artwork-editor .artwork-stage{position:relative;width:100%;height:360px;min-height:180px;overflow:hidden;border:2px solid #796b9d;border-radius:6px;background:#192135;box-sizing:border-box;overscroll-behavior:contain;touch-action:none}.artwork-editor .artwork-canvas{display:block;width:100%;height:100%;max-width:none;max-height:none;image-rendering:pixelated;touch-action:none;cursor:crosshair;outline-offset:-3px}.artwork-editor .artwork-canvas.is-pan-tool{cursor:grab}.artwork-editor .artwork-canvas.is-panning{cursor:grabbing}.artwork-editor .artwork-status{font-size:12px;line-height:1.5;min-height:36px;color:#b9f5e4;overflow-wrap:anywhere;margin:8px 0}.artwork-editor .artwork-actions{display:flex;gap:7px;flex-wrap:wrap}.artwork-editor .artwork-actions button{flex:1;min-width:calc(50% - 4px)}.artwork-editor .artwork-palette{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}.artwork-editor .artwork-palette button{flex:1;padding:0;border:2px solid #bfaacc;max-width:56px}.artwork-editor :focus-visible{outline:3px solid #9ffff0;outline-offset:2px}.artwork-editor.is-expanded,.artwork-editor:fullscreen{position:fixed;inset:0;z-index:2147483000;display:flex;flex-direction:column;gap:0;margin:0!important;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-sizing:border-box;width:100%;height:100%;max-width:none!important;max-height:none!important;overflow:auto;background:#161224;box-shadow:0 0 0 100vmax #100c1be8}.artwork-editor.is-expanded .artwork-heading{flex:none}.artwork-editor.is-expanded .artwork-help{margin:5px 0 8px}.artwork-editor.is-expanded>.artwork-field{flex:none}.artwork-editor.is-expanded .artwork-controls{grid-template-columns:minmax(160px,1fr) minmax(160px,1fr);max-width:700px}.artwork-editor.is-expanded .artwork-view-tools{max-width:550px}.artwork-editor.is-expanded .artwork-stage{flex:1;min-height:180px;height:auto}.artwork-editor.is-expanded .artwork-status{min-height:18px;margin:5px 0}.artwork-editor.is-expanded .artwork-actions{max-width:500px}.artwork-editor.is-expanded .artwork-palette{display:none}.artwork-editor.is-expanded .artwork-palette button{width:44px;flex:none}@media(min-width:850px){.artwork-editor.is-expanded>.artwork-field{position:absolute;top:60px;right:18px;width:min(40%,550px)}.artwork-editor.is-expanded .artwork-controls{margin-top:0}.artwork-editor.is-expanded .artwork-view-tools{position:absolute;top:129px;right:18px;width:min(40%,550px)}}@media(max-width:600px){.artwork-editor.is-expanded .artwork-help{display:none}.artwork-editor.is-expanded .artwork-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:7px 0}.artwork-editor.is-expanded .artwork-palette{display:none}.artwork-editor.is-expanded .artwork-heading h3{font-size:15px}.artwork-editor.is-expanded .artwork-actions button{font-size:12px}.artwork-editor .artwork-stage{height:300px}.artwork-editor .artwork-view-tools{grid-template-columns:minmax(0,1fr) auto auto}.artwork-editor .artwork-view-tools button{font-size:12px}}@media(max-height:500px){.artwork-editor.is-expanded{padding:7px;display:grid;grid-template-columns:260px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;gap:5px 9px}.artwork-editor.is-expanded .artwork-heading{grid-column:1;grid-row:1}.artwork-editor.is-expanded .artwork-help,.artwork-editor.is-expanded .artwork-palette{display:none}.artwork-editor.is-expanded>.artwork-field{position:static;grid-column:1;grid-row:2;width:auto}.artwork-editor.is-expanded .artwork-controls{grid-column:1;grid-row:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:0}.artwork-editor.is-expanded .artwork-view-tools{position:static;grid-column:1;grid-row:4;width:auto;grid-template-columns:minmax(0,1fr) auto}.artwork-editor.is-expanded .artwork-view-tools .artwork-check{display:none}.artwork-editor.is-expanded .artwork-stage{grid-column:2;grid-row:1/5;height:100%;min-height:0}.artwork-editor.is-expanded .artwork-status{grid-column:2;grid-row:5}.artwork-editor.is-expanded .artwork-actions{grid-column:1;grid-row:5}.artwork-editor.is-expanded .artwork-heading h3{font-size:13px}.artwork-editor.is-expanded .artwork-heading button{font-size:11px}.artwork-editor.is-expanded .artwork-field{font-size:10px;gap:2px}}
/* Console forms normally stretch every input; colour and hex share one row. */
.artwork-editor .artwork-colour input[type=color],#assetStudio .artwork-editor .artwork-colour input[type=color],.room-dev-console .artwork-editor .artwork-colour input[type=color]{width:46px!important;min-width:46px;flex:0 0 46px}.artwork-editor .artwork-colour input[type=text],#assetStudio .artwork-editor .artwork-colour input[type=text],.room-dev-console .artwork-editor .artwork-colour input[type=text]{flex:1 1 0;width:0!important;min-width:0}