:root{--ink: #1a1a1a;--page-bg: #f4f4f4;--bg: #ffffff;--bg-dot: rgba(0,0,0,.08);--shadow-color: rgb(0 0 0 / .25);--accent: #2563eb;--accent-ink: #ffffff;--danger: #d32f2f;--muted: #6b6b6b;--line: #1a1a1a;--radius: 4px;--text-scale: 1;font-size:16px;--bounce-ease: cubic-bezier(.34, 1.56, .64, 1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-column-gap: var(--space-6);--space-section-gap: var(--space-6);--space-heading-to-body: var(--space-3);--space-element-gap: var(--space-4);--space-inline-xs: var(--space-1);--space-inline-sm: var(--space-2);--space-inline-md: var(--space-3);--space-inline-lg: var(--space-5);--z-dropdown: 950;--z-panel-float: 1100;--z-toast: 1300;--z-modal: 1400}*{box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,color .15s ease}html,body{margin:0;padding:0;background-color:var(--page-bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-tap-highlight-color:transparent;transition:background-color .15s ease,color .15s ease}textarea,select,input[type=text]{width:100%;background:var(--bg);border:2px solid var(--line);color:var(--ink);border-radius:var(--radius);padding:9px 10px;font-size:calc(14px * var(--text-scale));font-weight:600;font-family:inherit;outline:none}textarea{resize:vertical;min-height:48px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.03em}select:focus,textarea:focus,input:focus{outline:2px solid var(--accent);outline-offset:1px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23000000'><path d='M5 7l5 6 5-6z'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:30px}:root[data-theme=dark] select{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23ffffff'><path d='M5 7l5 6 5-6z'/></svg>")}input[type=range]{width:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:26px;background:transparent;cursor:pointer;position:relative;z-index:1}input[type=range]::-webkit-slider-runnable-track{height:10px;background:var(--bg);border:2px solid var(--line);border-radius:var(--radius)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;margin-top:-5px;background:var(--accent);border:2px solid var(--line);border-radius:50%;cursor:pointer;transition:width .15s var(--bounce-ease),height .15s var(--bounce-ease),margin-top .15s var(--bounce-ease)}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb{width:28px;height:28px;margin-top:-9px}input[type=range]::-moz-range-track{height:10px;background:var(--bg);border:2px solid var(--line);border-radius:var(--radius)}input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:2px solid var(--line);border-radius:50%;cursor:pointer;transition:width .15s var(--bounce-ease),height .15s var(--bounce-ease)}input[type=range]:hover::-moz-range-thumb,input[type=range]:focus::-moz-range-thumb,input[type=range]:active::-moz-range-thumb{width:24px;height:24px}.btn{background:var(--bg);border:2px solid var(--line);color:var(--ink);padding:var(--space-2) var(--space-4);border-radius:var(--radius);font-size:calc(13px * var(--text-scale));font-weight:700;line-height:1;cursor:pointer;box-shadow:4px 4px 0 0 var(--shadow-color);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transition:transform .2s var(--bounce-ease),box-shadow .2s var(--bounce-ease),background-color .15s ease,border-color .15s ease,color .15s ease}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 0 var(--shadow-color)}.btn:active:not(:disabled){transform:translate(1px,1px);box-shadow:2px 2px 0 0 var(--shadow-color)}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:4px 4px 0 0 var(--shadow-color)}.btn.active{background:var(--accent);color:var(--accent-ink)}.btn.primary,.btn.primary:hover{background:var(--ink);color:var(--bg)}.btn.block{width:100%}.btn-row{display:flex;gap:var(--space-inline-md);flex-wrap:wrap}.btn-row-fill>*{flex:1 1 140px}.icon-btn{display:flex;align-items:center;gap:var(--space-inline-xs);padding:8px 10px;line-height:1}.icon-btn .caret{font-size:calc(9px * var(--text-scale))}.segmented{display:flex;gap:var(--space-inline-sm);flex-wrap:wrap}.segmented button{flex:1;background:var(--bg);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);font-size:calc(12.5px * var(--text-scale));font-weight:700;padding:var(--space-2);line-height:1;cursor:pointer;box-shadow:3px 3px 0 0 var(--shadow-color);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform;transition:transform .2s var(--bounce-ease),box-shadow .2s var(--bounce-ease),background-color .15s ease,border-color .15s ease,color .15s ease}.segmented button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 0 var(--shadow-color)}.segmented button:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--shadow-color)}.segmented button.active{background:var(--accent);color:var(--accent-ink)}.seg-square{justify-content:flex-start}.seg-square button{flex:0 0 auto;width:76px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2)}.seg-square .seg-icon{display:flex;align-items:center;justify-content:center;width:calc(22px * var(--text-scale));height:calc(22px * var(--text-scale))}.seg-square .seg-icon svg{width:100%;height:100%}.seg-square .seg-label{font-size:calc(11px * var(--text-scale));line-height:1.2}.theme-toggle{flex-shrink:0}#themeSeg button,#textSizeDropdownBtn{padding:8px 10px;font-size:calc(13px * var(--text-scale));line-height:1}.theme-toggle button:disabled{opacity:.35;cursor:not-allowed}.dropdown{position:relative}.dropdown-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:950;width:max-content;max-width:92vw;background:var(--bg);border:2px solid var(--line);border-radius:var(--radius);box-shadow:6px 6px 0 0 var(--shadow-color);padding:14px}.dropdown-panel.open-upward{top:auto;bottom:calc(100% + 8px)}.palette-list{display:flex;flex-direction:column;gap:var(--space-inline-xs);margin-top:var(--space-2);min-width:168px}.palette-option{display:flex;align-items:center;gap:var(--space-inline-sm);width:100%;background:var(--bg);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);padding:6px 10px;font-size:calc(13px * var(--text-scale));font-weight:700;font-family:inherit;cursor:pointer;text-align:left}.palette-option.active{background:var(--accent);color:var(--accent-ink)}.palette-swatch{width:18px;height:18px;border-radius:3px;border:2px solid var(--line);flex-shrink:0}.column{border:2px solid var(--line);border-radius:var(--radius);background:var(--bg);box-shadow:6px 6px 0 0 var(--shadow-color);overflow:hidden;flex-shrink:0;transition:transform .2s var(--bounce-ease),box-shadow .2s var(--bounce-ease);backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform}.column:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 0 var(--shadow-color)}.column:has(.column-header:active){transform:translate(1px,1px);box-shadow:3px 3px 0 0 var(--shadow-color)}.column-header{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--bg);border:none;border-bottom:2px solid var(--line);padding:var(--space-4);font-size:calc(16px * var(--text-scale));font-weight:700;cursor:pointer;color:var(--ink);font-family:inherit}.column-header .chevron{transition:transform .15s ease;font-size:calc(14px * var(--text-scale))}.column.collapsed .chevron{transform:rotate(-90deg)}.column.collapsed .column-body{display:none}.column-body{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-section-gap);max-height:50vh;overflow-y:auto}.field-group{display:flex;flex-direction:column}.field-group>*+*{margin-top:var(--space-element-gap)}.field-group>.label+*{margin-top:var(--space-heading-to-body)}.label{font-size:calc(13px * var(--text-scale));color:var(--ink);font-weight:700}.hint{font-size:calc(11.5px * var(--text-scale));color:var(--muted);line-height:1.5}.slider-field{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.slider-field input[type=range]{width:100%}.slider-track-wrap{position:relative;width:100%}.slider-ticks{position:absolute;top:50%;left:0;right:0;height:0;transform:translateY(-50%);pointer-events:none;z-index:0}.slider-tick{position:absolute;top:50%;width:4px;height:14px;transform:translate(-50%,-50%);border-radius:2px;background:var(--accent);border:none;cursor:pointer;pointer-events:auto;padding:0}.slider-step-labels{position:relative;width:100%;height:20px;margin-top:var(--space-1)}.slider-step-label{position:absolute;top:0;transform:translate(-50%);background:none;border:none;font-family:inherit;font-size:calc(11.5px * var(--text-scale));font-weight:600;color:var(--muted);white-space:nowrap;cursor:pointer;padding:2px 3px}.slider-step-label.active{font-weight:900;font-size:calc(13px * var(--text-scale));color:var(--ink)}.slider-value-row{display:flex;align-items:center;justify-content:center;gap:6px;min-height:24px}.slider-value-text{font-size:calc(13px * var(--text-scale));font-weight:700;color:var(--ink);cursor:pointer;padding:2px 5px;border-radius:3px;transition:font-weight .1s ease,font-size .1s ease,background-color .1s ease}.slider-value-text:hover{background:var(--accent);color:var(--accent-ink)}.slider-field.dragging .slider-value-text{font-weight:900;font-size:calc(16px * var(--text-scale))}.slider-value-edit{width:74px!important;text-align:center;padding:3px 6px!important}.slider-edit-btn{background:none;border:none;cursor:pointer;font-size:calc(13px * var(--text-scale));color:var(--muted);padding:2px 5px;line-height:1}.slider-edit-btn:hover{color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable{position:absolute;top:-100px;left:var(--space-3);z-index:2000;background:var(--bg);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);padding:10px 16px;font-weight:700;font-size:calc(13px * var(--text-scale));text-decoration:none}.sr-only-focusable:focus{top:var(--space-3)}.toast-container{position:fixed;left:50%;bottom:var(--space-6);transform:translate(-50%);z-index:1300;display:flex;flex-direction:column-reverse;gap:var(--space-2);align-items:center;width:min(440px,92vw);pointer-events:none}.toast{pointer-events:auto;width:100%;background:var(--bg);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);box-shadow:4px 4px 0 0 var(--shadow-color);padding:12px 14px;display:flex;align-items:flex-start;gap:10px;font-size:calc(12.5px * var(--text-scale));font-weight:600;line-height:1.4;animation:toast-in .25s var(--bounce-ease);box-sizing:border-box}.toast.toast-warning{border-color:var(--danger);box-shadow:4px 4px 0 0 var(--danger)}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.toast .toast-close{flex-shrink:0;background:none;border:none;cursor:pointer;font-weight:800;color:var(--muted);padding:0 2px;font-size:calc(13px * var(--text-scale));line-height:1.4}.toast .toast-close:hover{color:var(--ink)}.toast .toast-action{flex-shrink:0;background:var(--accent);color:var(--accent-ink);border:2px solid var(--line);border-radius:var(--radius);cursor:pointer;font-weight:700;padding:3px 10px;font-size:calc(12px * var(--text-scale));line-height:1.4}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--space-5);z-index:1400}.confirm-dialog{background:var(--bg);border:2px solid var(--line);border-radius:var(--radius);box-shadow:8px 8px 0 0 var(--shadow-color);padding:var(--space-5);max-width:420px;width:100%;display:flex;flex-direction:column;gap:14px}.confirm-dialog h2{margin:0;font-size:calc(16px * var(--text-scale));font-weight:700;color:var(--ink)}.confirm-dialog p{margin:0;font-size:calc(12.5px * var(--text-scale));color:var(--muted);line-height:1.5}.confirm-dialog .btn-row{display:flex;gap:var(--space-2);flex-wrap:nowrap}.confirm-dialog .btn-row .btn{flex:1 1 0;min-width:0;white-space:normal;line-height:1.25;text-align:center;padding-left:var(--space-2);padding-right:var(--space-2)}.floating-panel{position:fixed;z-index:var(--z-panel-float);width:min(260px,88vw);background:var(--bg);border:2px solid var(--line);border-radius:var(--radius);box-shadow:8px 8px 0 0 var(--shadow-color);display:flex;flex-direction:column;overflow:hidden}.floating-panel.dragging{box-shadow:10px 10px 0 0 var(--shadow-color);transition:none}.floating-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--bg);border:none;border-bottom:2px solid var(--line);padding:var(--space-3) var(--space-4);font-size:calc(13px * var(--text-scale));font-weight:700;color:var(--ink);cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.floating-panel-header .chevron{transition:transform .15s ease;font-size:calc(14px * var(--text-scale))}.floating-panel.collapsed .chevron{transform:rotate(-90deg)}.floating-panel.collapsed .floating-panel-body{display:none}.floating-panel-body{padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);max-height:60vh;overflow-y:auto}.layer-list{display:flex;flex-direction:column;gap:var(--space-1)}.layer-item{display:flex;flex-direction:column;border:2px solid var(--line);border-radius:var(--radius);background:var(--bg);overflow:hidden}.layer-item:has(.layer-row.active){background:var(--accent);color:var(--accent-ink)}.layer-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);cursor:pointer}.layer-visibility-btn{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:calc(14px * var(--text-scale));color:inherit;padding:2px;line-height:1}.layer-thumb{flex-shrink:0;width:32px;height:32px;border:2px solid var(--line);border-radius:3px;background-image:linear-gradient(45deg,#808080 25%,transparent 25%),linear-gradient(-45deg,#808080 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#808080 75%),linear-gradient(-45deg,transparent 75%,#808080 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px}.layer-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:calc(12.5px * var(--text-scale));font-weight:600}.layer-name-edit{flex:1 1 auto;min-width:0;padding:3px 6px!important;font-size:calc(12.5px * var(--text-scale))!important}.layer-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.layer-action-btn{background:none;border:none;cursor:pointer;color:inherit;opacity:.75;font-size:calc(11px * var(--text-scale));padding:3px 4px;line-height:1}.layer-action-btn:hover{opacity:1}.layer-delete-btn:hover{color:var(--danger)}.layer-opacity-row{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2) var(--space-1)}.layer-opacity-icon{flex-shrink:0;font-size:calc(11px * var(--text-scale));opacity:.6}.layer-opacity-input{flex:1 1 auto;min-width:0}:root{--ink: #14121a;--page-bg: #f1eef7;--bg: rgba(255,255,255,.95);--bg-dot: rgba(20,18,26,.08);--shadow-color: rgb(20 18 26 / .28);--accent: #ff3ea5;--accent-ink: #ffffff;--danger: #e0393c;--muted: #6a6475;--line: #14121a;--grid-line-color: rgba(20,18,26,.35);--guide-color: #00b3ff;--canvas-fill: #ffffff}:root[data-theme=dark]{--ink: #f1eef7;--page-bg: #14121a;--bg: rgba(28,25,38,.95);--bg-dot: rgba(255,255,255,.08);--muted: #a79fc0;--line: #f1eef7;--accent: #37e6d1;--accent-ink: #0b1a18;--grid-line-color: rgba(241,238,247,.35);--canvas-fill: #201d29}html,body{height:100%}body{display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) var(--space-4);border-bottom:2px solid var(--line);background:var(--bg);flex-shrink:0}.topbar-brand{display:flex;align-items:center;gap:var(--space-2)}.brand-mark{width:20px;height:20px;border-radius:4px;background:linear-gradient(135deg,#ff3ea5 0,#ff3ea5 50%,#37e6d1 50%,#37e6d1);border:2px solid var(--line)}.brand-name{font-weight:900;letter-spacing:.04em;font-size:16px}.topbar-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.file-menu-panel{display:flex;flex-direction:column;gap:var(--space-1);min-width:140px}.workspace{flex:1 1 auto;display:flex;gap:var(--space-4);padding:var(--space-4);min-height:0;overflow:hidden}.canvas-column{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}:root{--pxlrt-ruler-size: 22px}.canvas-frame{position:relative;flex:1 1 auto;min-height:0;display:grid;grid-template-columns:var(--pxlrt-ruler-size) 1fr;grid-template-rows:var(--pxlrt-ruler-size) 1fr;background:var(--bg);border:2px solid var(--line);border-radius:var(--radius);overflow:hidden}.ruler-corner{grid-column:1;grid-row:1;background:var(--bg);border-right:2px solid var(--line);border-bottom:2px solid var(--line)}.ruler{display:block;background:var(--bg)}#rulerTop{grid-column:2;grid-row:1;border-bottom:2px solid var(--line)}#rulerLeft{grid-column:1;grid-row:2;border-right:2px solid var(--line)}.canvas-viewport{grid-column:2;grid-row:2;position:relative;overflow:auto;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,var(--bg-dot) 25%,transparent 25%),linear-gradient(-45deg,var(--bg-dot) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bg-dot) 75%),linear-gradient(-45deg,transparent 75%,var(--bg-dot) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.canvas-viewport.panning-ready{cursor:grab}.canvas-viewport.panning-ready:active{cursor:grabbing}.canvas-stack{position:relative;flex-shrink:0;box-shadow:0 0 0 2px var(--line),6px 6px 0 0 var(--shadow-color)}#display,#brushPreview,#gridOverlay,#guidesLayer,#selectionLayer{position:absolute;top:0;left:0;image-rendering:pixelated}#brushPreview,#gridOverlay,#guidesLayer,#selectionLayer{pointer-events:none}.canvas-toolbar{position:absolute;top:calc(var(--pxlrt-ruler-size) + var(--space-3));left:calc(var(--pxlrt-ruler-size) + var(--space-3));z-index:100;display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg);border:2px solid var(--line);border-radius:var(--radius);box-shadow:6px 6px 0 0 var(--shadow-color);padding:var(--space-3);max-width:200px}.canvas-status-bar{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.canvas-view-controls{display:flex;align-items:center;gap:var(--space-2);background:var(--bg);border:2px solid var(--line);border-radius:var(--radius);box-shadow:6px 6px 0 0 var(--shadow-color);padding:var(--space-2) var(--space-3)}.zoom-value-text{font-weight:700;font-size:calc(12.5px * var(--text-scale));min-width:42px;text-align:center}#canvasStats{text-align:center;margin:0}.minimap-wrap{position:absolute;bottom:var(--space-3);left:calc(var(--pxlrt-ruler-size) + var(--space-3));z-index:100;background:var(--bg);border:2px solid var(--line);border-radius:var(--radius);box-shadow:6px 6px 0 0 var(--shadow-color);overflow:hidden}.minimap-header{padding:5px 10px;font-size:calc(12.5px * var(--text-scale));font-weight:700;color:var(--ink);background:var(--bg);border-bottom:2px solid var(--line)}#minimapCanvas{display:block;cursor:grab;touch-action:none}#minimapCanvas:active{cursor:grabbing}.side-columns{flex:0 0 300px;width:300px;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-3);padding-right:2px}.resize-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-1);align-items:center;justify-items:center}.crop-preview{display:block;margin:0 auto;border:2px solid var(--line);border-radius:var(--radius);max-width:100%;cursor:grab;touch-action:none}.crop-preview:active{cursor:grabbing}#imageChooseLabel{display:block;text-align:center;cursor:pointer}.palette-swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(28px,1fr));gap:4px}.palette-swatch-btn{aspect-ratio:1;padding:0;border:2px solid var(--line);border-radius:3px;cursor:pointer;position:relative}.palette-swatch-btn.active{outline:2px solid var(--accent);outline-offset:1px}.palette-swatch-btn.editing:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border:2px solid var(--accent);border-radius:5px;pointer-events:none}.palette-edit-dialog{max-width:340px}.palette-edit-dialog .palette-swatch-grid{max-height:240px;overflow-y:auto;padding:2px}.palette-edit-controls{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.palette-swatch-input{flex-shrink:0;width:34px;height:34px;padding:0;border:2px solid var(--line);border-radius:3px;background:none;cursor:pointer}.palette-swatch-input::-webkit-color-swatch-wrapper{padding:2px}.palette-swatch-input::-webkit-color-swatch{border:none;border-radius:2px}.palette-edit-hex-input{flex:1 1 90px;min-width:0;font-family:monospace}#layersPanel{top:96px}#layersPanelToggle{color:inherit}.layer-guide-badge{margin-left:auto;flex-shrink:0;font-size:calc(10px * var(--text-scale));opacity:.7}.guide-transform-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.guide-transform-grid label{display:flex;flex-direction:column;gap:2px;font-size:calc(11px * var(--text-scale))}.guide-transform-grid input{width:100%}.toggle-btn.active{background:var(--accent);color:var(--accent-ink)}.preset-select-row{display:flex;gap:var(--space-2);align-items:center}.preset-select-row select{flex:1 1 auto;min-width:0}@media(max-width:900px){.workspace{flex-direction:column;overflow-y:auto;overflow-x:hidden}.canvas-column{min-height:360px}.side-columns{flex:1 1 auto;width:auto}.topbar-actions{justify-content:flex-end}}