.canvas-page{min-height:100vh;background:#f4efe7}.canvas-page .site-header nav{display:flex;gap:6px}.paint-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:20px;gap:20px;padding:24px clamp(18px,4vw,52px) 64px;max-width:1600px;margin:auto}.paint-layout>*{min-width:0}.studio-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.studio-steps button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border:1px solid #c7baa9;border-radius:8px;background:#fffdfa;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}.studio-steps button span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#eee6dc}.studio-steps button[aria-current=step]{border-color:var(--accent);background:#fff5e8;box-shadow:0 0 0 2px #f7931a33}.studio-steps button:disabled{cursor:not-allowed;opacity:.45}.studio-steps button[aria-current=step] span{background:var(--accent)}.studio-status{grid-column:1/-1;min-height:20px;margin:0;color:#665d53;font-size:13px}.studio-size{grid-column:1/-1;width:min(680px,100%);box-sizing:border-box;margin:32px auto;padding:clamp(22px,5vw,52px);border:1px solid #d8cfc3;border-radius:14px;background:#fffdfa;box-shadow:0 18px 55px #493d3018}.studio-size-workspace{position:relative;width:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;align-items:start}.studio-size-workspace:before{content:"";grid-column:2;grid-row:1/span 20;align-self:stretch;min-height:100%;border:1px solid #d8cfc3;border-radius:10px;background:#fffdfa;box-shadow:0 10px 30px #493d3014;pointer-events:none}.studio-size-workspace>:not(.studio-space-preview){position:relative;z-index:1;grid-column:2;margin-inline:18px}.studio-size-workspace>div:first-child{grid-row:1;margin-top:18px}.studio-size-workspace>.studio-view-modes{grid-row:2}.studio-size-workspace>.studio-heatmap-legend{grid-row:3}.studio-size-workspace>.studio-space-preview{grid-column:1;grid-row:1/span 20;align-self:start}.studio-size-workspace>.studio-presets{grid-row:4;grid-template-columns:1fr;margin-block:18px}.studio-size-workspace>.studio-dimensions{grid-row:5;grid-template-columns:1fr;align-items:stretch}.studio-size-workspace>.studio-dimensions>span{display:none}.studio-size-workspace>.form-hint{grid-row:6}.studio-size-workspace>.studio-pixel-count{grid-row:7}.studio-size-workspace>.studio-space-estimate{grid-row:8}.studio-size-workspace>.studio-size-reset{grid-row:9}.studio-size-workspace>.studio-space-continue{grid-row:10;width:auto;margin-bottom:0}.studio-size-workspace>.studio-space-continue+.form-hint{grid-row:11;margin-bottom:18px}.mobile-space-tray-summary{display:none}.mobile-space-tray-controls{position:relative;z-index:1;grid-column:2;grid-row:4/span 8;margin:0 18px 18px}.mobile-space-tray-controls .studio-presets{grid-template-columns:1fr;margin-block:18px}.mobile-space-tray-controls .studio-dimensions{grid-template-columns:1fr;align-items:stretch}.mobile-space-tray-controls .studio-dimensions>span{display:none}.studio-size h2{margin:4px 0 8px;font-size:clamp(26px,4vw,40px)}.studio-presets{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px;margin:24px 0}.studio-align button,.studio-nav>button,.studio-nudge button,.studio-presets button{min-height:44px;border:1px solid #c7baa9;border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-weight:800;cursor:pointer}.studio-presets button[aria-pressed=true]{border-color:var(--accent);background:#fff5e8}.studio-dimensions{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;grid-gap:12px;gap:12px}.studio-dimensions,.studio-space-estimate{position:relative;z-index:1}.studio-dimensions label{display:grid;grid-gap:6px;gap:6px;font-weight:800}.studio-dimensions input{width:100%;min-width:0;box-sizing:border-box;padding:12px;border:1px solid #bfb4a8;border-radius:7px;font:inherit}.studio-dimensions .studio-size-slider{min-height:44px;padding:0;border:0;accent-color:var(--accent);cursor:pointer}.studio-dimensions span{padding-bottom:12px;font-size:22px}.studio-pixel-count{display:block;margin:18px 0;font-size:20px}.studio-size-reset{padding:14px;border:1px solid #d49a35;border-radius:11px;background:#fff7e7}.studio-size-reset p{margin:6px 0 12px}.studio-size-reset>div{display:flex;flex-wrap:wrap;gap:8px}.studio-size-reset button{min-height:44px}.studio-space-continue{position:relative;z-index:3;display:block;width:100%;min-height:48px;margin-top:20px}.studio-space-preview .paint-zoom-surface{position:relative}.studio-space-preview .space-footprint-overlay{position:absolute;inset:0;pointer-events:none;background:transparent;box-shadow:none}.canvas-loading-overlay{position:absolute;inset:0;z-index:2;display:grid;place-items:center;box-sizing:border-box;padding:24px;pointer-events:none;color:#11110f;background-color:#fffaf1;background-image:linear-gradient(rgba(17,17,15,.065) 1px,transparent 0),linear-gradient(90deg,rgba(17,17,15,.065) 1px,transparent 0);background-size:24px 24px}.canvas-loading-overlay.leaving{opacity:0;transition:opacity .16s ease-out}.canvas-loading-content{display:grid;justify-items:center;grid-gap:12px;gap:12px;text-align:center;font-family:Arial,sans-serif}.canvas-loading-content strong{font-size:18px;font-weight:900;line-height:1;letter-spacing:-.02em}.canvas-loading-content>span:last-child{color:#5e584f;font-size:13px;font-weight:700;line-height:1.3}.canvas-loading-mark{width:48px;height:48px;display:grid;grid-template-columns:repeat(2,1fr);filter:drop-shadow(0 4px 0 rgba(17,17,15,.12))}.canvas-loading-mark i{background:#f6a018;animation:canvas-loading-assemble 1.8s steps(2) infinite both}.canvas-loading-mark i:nth-child(2),.canvas-loading-mark i:nth-child(3){background:#11110f}.canvas-loading-mark i:first-child{--loader-x:-8px;--loader-y:-8px}.canvas-loading-mark i:nth-child(2){--loader-x:8px;--loader-y:-8px;animation-delay:.12s}.canvas-loading-mark i:nth-child(3){--loader-x:-8px;--loader-y:8px;animation-delay:.24s}.canvas-loading-mark i:nth-child(4){--loader-x:8px;--loader-y:8px;animation-delay:.36s}@keyframes canvas-loading-assemble{0%,12%,94%,to{opacity:.25;transform:translate(var(--loader-x),var(--loader-y))}28%,78%{opacity:1;transform:translate(0)}}@media (max-width:480px){.canvas-loading-overlay{padding:16px;background-size:16px 16px}.canvas-loading-content{gap:9px}.canvas-loading-mark{width:36px;height:36px}.canvas-loading-content strong{font-size:15px}.canvas-loading-content>span:last-child{font-size:12px}}@media (prefers-reduced-motion:reduce){.canvas-loading-mark i{animation:none}.canvas-loading-overlay.leaving{transition:none}}.studio-footprint-card,.studio-slot-grid button{min-height:44px;border:1px solid #c7baa9;border-radius:8px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}.studio-footprint-card{width:100%;display:grid;grid-gap:6px;gap:6px;margin:20px 0;padding:16px;text-align:left}.studio-slot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:20px 0}.studio-slot-grid button{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:4px 12px;gap:4px 12px;align-items:center;padding:12px;text-align:left}.studio-slot-grid button[aria-checked=true]{border-color:var(--accent);background:#fff5e8;box-shadow:0 0 0 2px #f7931a33}.studio-slot-grid button:disabled{cursor:not-allowed;opacity:.62}.studio-slot-grid small,.studio-slot-grid strong{grid-column:2}.studio-slot-map{grid-row:1/4;position:relative;width:72px;aspect-ratio:1.5;overflow:hidden;border:1px solid #8d8173;border-radius:4px;background:repeating-linear-gradient(135deg,#eee6dc 0 5px,#fffdfa 5px 10px)}.studio-slot-map i{position:absolute;box-sizing:border-box;min-width:2px;min-height:2px;border:2px solid var(--accent);background:#f6a01855}.paint-workspace{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-gap:20px;gap:20px}.paint-workspace>*{min-width:0}.artboard-canvas{position:relative;z-index:2;image-rendering:pixelated}.studio-align{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-top:12px}.studio-nudge{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:6px;gap:6px;margin-top:8px}.studio-inherit-warning{padding:10px;border:1px solid #e2a14c;border-radius:7px;background:#fff7e9;color:#6e4308!important}.studio-nav{grid-column:1/-1;position:-webkit-sticky;position:sticky;bottom:12px;z-index:4;display:flex;justify-content:space-between;gap:12px;padding:10px;border:1px solid #d8cfc3;border-radius:10px;background:#fffdfaec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 30px #493d3022}.studio-nav.review{position:static}.studio-nav .primary-button{width:auto;border:0}.studio-nav .primary-button:disabled{cursor:not-allowed;opacity:.45}.paint-heading{grid-column:1/-1;display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid #d8cfc3;padding-bottom:18px}.paint-heading h1{font-size:clamp(28px,4vw,48px);margin:3px 0 0;letter-spacing:-.035em}.paint-live-status{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px}.paint-live-status span{width:8px;height:8px;border-radius:50%;background:#2f8f5b;box-shadow:0 0 0 4px #d8e9df}.paint-workspace{min-width:0}.studio-toolbar-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin:0 8px -5px;position:relative;z-index:2}.painter-canvas-shell{width:100%;min-width:0;box-sizing:border-box}.painter-canvas-shell>.studio-toolbar-row{margin:0 8px -5px}.pixel-editor-toolbar{display:flex;align-items:center;gap:8px;min-width:0;padding:5px;background:#fff;border:1px solid #d8ccbd;border-radius:9px;box-shadow:0 6px 16px #493d3025}.toolbar-group{display:flex;align-items:center;gap:2px}.toolbar-group:not(:last-child){padding-right:8px;border-right:1px solid #ded5ca}.pixel-editor-toolbar button{width:38px;height:38px;padding:0;border:0;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-size:20px;font-weight:800;cursor:pointer}.pixel-editor-toolbar button:hover{background:#fff2df}.pixel-editor-toolbar button[aria-pressed=true]{background:var(--accent);color:#fff;box-shadow:inset 0 0 0 2px var(--ink)}.pixel-editor-toolbar button[aria-pressed=true] .rectangle-tool-glyph{background:var(--rectangle-color,var(--accent));border-color:var(--ink)}.rectangle-tool-glyph{display:inline-block;width:18px;height:14px;border:2px solid;box-sizing:border-box;vertical-align:middle}.rectangle-dimension-badge{position:absolute;z-index:3;padding:4px 6px;border:1px solid var(--ink);border-radius:4px;background:#fff7e8;color:var(--ink);font-size:12px;font-weight:800;pointer-events:none;white-space:nowrap}.rectangle-preview{position:absolute;z-index:2;box-sizing:border-box;border:2px solid var(--accent);box-shadow:inset 0 0 0 1px var(--ink);pointer-events:none}.paint-image-overflow-preview{position:absolute;z-index:1;display:block;max-width:none;opacity:.35;image-rendering:pixelated;pointer-events:none}.paint-image-artboard-boundary{position:absolute;inset:0;z-index:4;box-sizing:border-box;border:3px solid var(--accent);box-shadow:inset 0 0 0 1px var(--ink),0 0 0 9999px rgba(17,17,15,.48);pointer-events:none}.paint-image-snap-guide{position:absolute;z-index:5;background:#1d64d6;pointer-events:none}.paint-image-snap-guide.vertical{top:0;bottom:0;width:1px}.paint-image-snap-guide.vertical.left{left:0}.paint-image-snap-guide.vertical.center{left:50%}.paint-image-snap-guide.vertical.right{right:0}.paint-image-snap-guide.horizontal{left:0;right:0;height:1px}.paint-image-snap-guide.horizontal.top{top:0}.paint-image-snap-guide.horizontal.center{top:50%}.paint-image-snap-guide.horizontal.bottom{bottom:0}.paint-image-transform-outline{position:absolute;z-index:3;box-sizing:border-box;border:2px solid #fff2df;box-shadow:0 0 0 2px var(--ink);pointer-events:none}.paint-image-resize-handle{position:absolute;width:44px;height:44px;padding:0;border:0;background:transparent;pointer-events:auto;touch-action:none}.paint-image-resize-handle:before{content:"";position:absolute;left:13px;top:13px;width:18px;height:18px;box-sizing:border-box;border:2px solid var(--ink);background:#fff2df}.paint-image-resize-handle.top-left{left:-22px;top:-22px;cursor:nwse-resize}.paint-image-resize-handle.top-right{right:-22px;top:-22px;cursor:nesw-resize}.paint-image-resize-handle.bottom-right{right:-22px;bottom:-22px;cursor:nwse-resize}.paint-image-resize-handle.bottom-left{left:-22px;bottom:-22px;cursor:nesw-resize}.paint-image-resize-handle:focus-visible:before{outline:3px solid #1d64d6;outline-offset:2px}.artboard-canvas.rectangle-tool{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='1' y='1' width='21' height='17' fill='none' stroke='%231b1714' stroke-width='2'/%3E%3C/svg%3E") 1 1,crosshair}.pixel-editor-toolbar button:focus-visible,.toolbar-import:focus-visible{outline:3px solid #1d64d6;outline-offset:2px}.pixel-editor-toolbar button:disabled{opacity:.35;cursor:not-allowed}.toolbar-import{display:grid;place-items:center;min-height:38px;padding:0 10px;border-radius:6px;font-weight:800;cursor:pointer;white-space:nowrap}.toolbar-import:hover{background:#fff2df}.studio-tool-status{flex:none;padding:9px 12px;border:1px solid #d8ccbd;border-radius:9px;background:#fff;box-shadow:0 6px 16px #493d3025;font:700 12px ui-monospace,monospace}.paint-stage{min-width:0;max-width:100%;box-sizing:border-box;height:clamp(360px,66vh,760px);min-height:0;display:block;overflow:auto;background:#d8cfc3;border:1px solid #c7baa9;border-radius:10px;box-shadow:inset 0 0 60px #bcae9d}.paint-zoom-surface{position:relative;flex:none;margin:24px auto;image-rendering:pixelated}.paint-stage canvas{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none;background:#fff;box-shadow:0 15px 40px #493d302e;cursor:crosshair}.paint-stage canvas.placement-drag-overlay{position:absolute;z-index:2;display:none;width:auto;height:auto;pointer-events:none;background:transparent;box-shadow:0 8px 20px #493d3040;outline:2px solid var(--accent);outline-offset:-1px}.paint-stage canvas.placement-move{cursor:move}.paint-stage canvas.placement-pan{cursor:-webkit-grab;cursor:grab}.paint-stage canvas.placement-pan.dragging{cursor:-webkit-grabbing;cursor:grabbing}@media (pointer:fine){.paint-stage canvas.draw-tool{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23231f20' stroke='%23fff' stroke-width='1.5' d='M4 20l1.4-5.2L16.8 3.4a2 2 0 012.8 2.8L8.2 17.6z'/%3E%3Cpath fill='%23f4b942' d='M6.2 15.5l2.3 2.3L5 19z'/%3E%3C/svg%3E") 4 20,crosshair}.paint-stage canvas.erase-tool{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23ef8ca2' stroke='%23fff' stroke-width='1.5' d='M4.2 15.6L14.8 5a2 2 0 012.8 0l2.4 2.4a2 2 0 010 2.8L10.2 20H6.8l-2.6-2.6a1.3 1.3 0 010-1.8z'/%3E%3Cpath fill='%23231f20' d='M13 17.2h5.8V19H11.2z'/%3E%3C/svg%3E") 5 19,crosshair}.paint-stage canvas.pan-tool{cursor:-webkit-grab;cursor:grab}.paint-stage canvas.pan-tool.dragging{cursor:-webkit-grabbing;cursor:grabbing}}.paint-stage canvas:focus-visible{outline:4px solid var(--accent);outline-offset:4px}.paint-panel-title h2:focus,.studio-size h2:focus{outline:3px solid var(--accent);outline-offset:4px}.paint-stage-footer{display:flex;justify-content:space-between;align-items:center;padding:10px 2px;color:#665d53;font-size:13px}.studio-space-estimate{display:block;margin-top:10px;padding:10px 12px;border:1px solid #b8d5c4;border-radius:8px;background:#f1faf4;color:#245d3d;font-size:13px;font-weight:700}.studio-space-estimate.unavailable{border-color:#e2b36d;background:#fff7e9;color:#7a4b08}.studio-space-preview{margin:0;min-width:0}.studio-space-preview .paint-stage{height:clamp(360px,66vh,760px)}.studio-space-preview .paint-stage canvas{cursor:move}.studio-space-preview figcaption{margin-top:8px;color:#665d53;font-size:13px}.studio-view-modes{display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;margin-bottom:10px}.studio-view-modes button{min-height:44px;border:1px solid #c9bcad;border-radius:6px;background:#fff;color:var(--ink);font:700 13px inherit;cursor:pointer}.studio-view-modes button[aria-pressed=true]{background:#fff1dc;box-shadow:inset 0 0 0 2px var(--accent)}.studio-view-modes button:focus-visible{outline:3px solid #1d64d6;outline-offset:2px}.studio-heatmap-legend{display:flex;align-items:center;gap:10px;min-height:44px;margin-bottom:10px;overflow-x:auto;color:#554b40;font-size:12px;white-space:nowrap}.studio-heatmap-legend span{display:inline-flex;align-items:center;gap:5px}.studio-heatmap-legend i{width:18px;height:18px;flex:none;border:1px solid #756b61;border-radius:3px}.studio-heatmap-legend i.protected{background:repeating-linear-gradient(45deg,#6b7280 0 3px,#d1d5db 3px 6px)}.studio-heatmap-legend i.band-0{background:#dcebff}.studio-heatmap-legend i.band-1{background:#b9d4ff}.studio-heatmap-legend i.band-2{background:#8bb2ff}.studio-heatmap-legend i.band-3{background:#667eea}.studio-heatmap-legend i.band-4{background:#5747c6}.studio-heatmap-legend i.band-5{background:#35206f}.review-footprint-crop{display:grid;grid-template-columns:minmax(0,240px) minmax(0,1fr);align-items:center;grid-gap:8px;gap:8px;margin:0}.review-footprint-crop canvas{width:auto;height:auto;max-width:100%;max-height:112px;border:1px solid var(--line);background:var(--page);image-rendering:pixelated;object-fit:contain}.review-footprint-crop figcaption{font-weight:700}.paint-tools{display:flex;flex-direction:column;gap:12px;align-self:start}.creation-mode-panel{position:relative}.creation-tabs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;margin-bottom:10px}.creation-dock button,.creation-draw-segment button,.creation-tabs button{min-height:44px;border:1px solid #c9bcad;border-radius:6px;background:#fff;color:var(--ink);font:700 13px inherit;cursor:pointer}.creation-dock button[aria-selected=true],.creation-draw-segment button[aria-pressed=true],.creation-tabs button[aria-selected=true]{background:var(--accent);box-shadow:inset 0 0 0 2px var(--ink)}.creation-fixed-size{margin:0 0 16px;font:700 12px ui-monospace,monospace;color:#665d53}.clear-artwork-action,.clear-artwork-confirm{min-height:44px;width:100%;border:1px solid #a53a2a;border-radius:6px;background:#fff;color:#8f2f22;font:750 13px inherit;cursor:pointer}.clear-artwork-action{margin:0 0 16px}.clear-artwork-action:disabled{opacity:.45;cursor:not-allowed}.clear-artwork-confirmation{margin:0 0 16px;padding:12px;border:1px solid #d9a69e;border-radius:8px;background:#fff4f1}.clear-artwork-confirmation p{margin:6px 0 10px;font-size:13px;line-height:1.45}.clear-artwork-confirmation-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.clear-artwork-confirmation-actions .paint-secondary-button{margin:0}.clear-artwork-confirm{background:#a53a2a;color:#fff}.clear-artwork-action:focus-visible,.clear-artwork-confirm:focus-visible{outline:3px solid #1d64d6;outline-offset:2px}.creation-mode-content h2:focus{outline:3px solid var(--accent);outline-offset:3px}.creation-draw-segment{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin-bottom:12px}.creation-dock,.creation-sheet-close{display:none}.saved-artwork-library{display:grid;grid-gap:12px;gap:12px}.saved-artwork-search{display:grid;grid-gap:5px;gap:5px;font-weight:700}.saved-artwork-search input{min-height:44px;padding:8px 10px;border:1px solid #c9bcad;border-radius:6px}.saved-artwork-status{padding:9px 11px;border-left:3px solid var(--accent);background:#fff4e8}.saved-artwork-grid{display:grid;grid-gap:10px;gap:10px;max-height:520px;margin:0;padding:0;overflow:auto;list-style:none}.saved-artwork-card{display:grid;grid-template-columns:72px minmax(0,1fr);grid-gap:6px 10px;gap:6px 10px;padding:10px;border:1px solid #d8cfc3;border-radius:8px;background:#fffdfa}.saved-artwork-card svg{grid-row:span 2;width:72px;height:72px;border:1px solid #d8cfc3;background:#fff;image-rendering:pixelated}.saved-artwork-card>span{color:var(--muted);font-size:12px}.saved-artwork-card form,.saved-artwork-card form label{display:grid;grid-gap:5px;gap:5px}.saved-artwork-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px}.saved-artwork-actions button,.saved-artwork-card form button{min-height:40px}.saved-artwork-delete-confirm{border-color:#a33222;color:#8d2418}.paint-panel{background:#fffdfa;border:1px solid #d8cfc3;border-radius:9px;padding:16px;box-shadow:0 4px 14px #493d300b}.paint-panel h2{font-size:15px;margin:0 0 12px}.paint-panel-title{display:flex;justify-content:space-between;align-items:center}.paint-panel-title code{font-size:12px;color:#6c6258}.paint-palette{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:7px;gap:7px}.paint-color-picker{display:grid;grid-template-columns:48px 1fr;grid-gap:8px;gap:8px;margin:0 0 12px}.paint-color-compact{display:grid;grid-template-columns:repeat(7,minmax(36px,1fr));grid-gap:7px;gap:7px;margin-bottom:10px}.paint-current-color{min-width:36px;min-height:36px;border:3px double #211a16;border-radius:7px}.paint-color-more>summary,.paint-image-adjustments>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-weight:800}.paint-color-more[open]>summary,.paint-image-adjustments[open]>summary{margin-bottom:8px}.paint-image-secondary-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.paint-image-secondary-actions button{min-height:44px;margin:0;border:1px solid #342b25;border-radius:6px;background:#fffaf2;font:inherit;font-weight:700}.paint-color-native{width:48px;height:42px;padding:2px;border:1px solid #bfb4a8;border-radius:6px;background:#fff;cursor:pointer}.paint-color-hex{min-width:0;padding:9px;border:1px solid #c9bcad;border-radius:6px;font:inherit;font-family:ui-monospace,monospace;text-transform:uppercase}.paint-color-button{aspect-ratio:1;border:2px solid #fff;border-radius:5px;cursor:pointer;box-shadow:0 0 0 1px #bfb4a8}.paint-color-button[aria-pressed=true]{box-shadow:0 0 0 3px var(--accent);transform:scale(1.08)}.paint-zoom{display:flex;align-items:center;gap:8px}.paint-zoom button{width:30px;height:28px;background:#fff;font-size:18px}.paint-text-import,.paint-zoom button{border:1px solid #c9bcad;border-radius:6px}.paint-text-import{box-sizing:border-box;width:100%;min-height:68px;padding:9px;resize:vertical}.ai-art-size{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin:12px 0 6px}.ai-art-size label{display:grid;grid-gap:5px;gap:5px;font-size:12px;font-weight:800}.ai-art-size input{min-width:0;padding:9px;border:1px solid var(--line,#dedbd1);font:inherit}.ai-placement-bounds{margin:0 0 10px;color:var(--muted);font-size:12px}.ai-prompt-copy{width:100%;margin-bottom:10px}.ai-paste-result{width:100%;min-height:44px}.ai-local-status{margin:10px 0;padding:10px;border-left:4px solid var(--accent-dark);border-radius:6px;background:#fff4e5;font-size:13px;line-height:1.45}.paint-repair-flow{margin-top:10px}.paint-import-errors{margin:0;padding:10px 10px 10px 30px;border-left:4px solid var(--accent-dark);border-radius:6px;background:#fff4e5;font-size:13px;line-height:1.45}.paint-repair-copy{background:var(--accent)}.paint-clear-input{display:block;margin:8px auto 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:12px;text-decoration:underline;cursor:pointer}.paint-clear-input:focus-visible,.paint-repair-copy:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.image-import,.paint-clear-button,.paint-secondary-button{display:block;box-sizing:border-box;width:100%;margin-top:8px;padding:9px 12px;text-align:center;border:1px solid #28231e;border-radius:6px;background:#fffdfa;color:#28231e;font-weight:750;cursor:pointer}.paint-image-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.paint-image-controls{margin-top:10px;padding-top:10px;border-top:1px solid #e5ddd3}.starting-art-image-transform-readout{margin:0 0 8px;font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;color:#332c27}.starting-art-image-transaction-actions,.starting-art-image-transform-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.starting-art-image-transaction-actions button,.starting-art-image-transform-actions button{min-height:44px;border:1px solid #342b25;border-radius:6px;padding:8px 12px;background:#fffaf2;color:#241d18;font-weight:700}.starting-art-image-confirm{background:#f7931a!important}.starting-art-image-cancel{color:#8b2f20!important}.starting-art-image-transform-outline{position:absolute;z-index:4;box-sizing:border-box;border:3px solid #f7931a;outline:1px solid #211a16;transform-origin:top left;cursor:-webkit-grab;cursor:grab;touch-action:none}.starting-art-image-transform-outline:active{cursor:-webkit-grabbing;cursor:grabbing}.starting-art-image-crop-mask{position:absolute;inset:0;z-index:3;box-sizing:border-box;border:3px solid #f7931a;box-shadow:inset 0 0 0 1px #211a16;pointer-events:none}.starting-art-image-snap-guide{position:absolute;z-index:5;background:#1d64d6;pointer-events:none}.starting-art-image-snap-guide.vertical{top:0;bottom:0;width:1px}.starting-art-image-snap-guide.vertical.left{left:0}.starting-art-image-snap-guide.vertical.center{left:50%}.starting-art-image-snap-guide.vertical.right{right:0}.starting-art-image-snap-guide.horizontal{left:0;right:0;height:1px}.starting-art-image-snap-guide.horizontal.top{top:0}.starting-art-image-snap-guide.horizontal.center{top:50%}.starting-art-image-snap-guide.horizontal.bottom{bottom:0}.starting-art-image-resize-handle{position:absolute;width:44px;height:44px;border:0;padding:0;background:transparent;touch-action:none}.starting-art-image-resize-handle:after{content:"";position:absolute;inset:13px;border:2px solid #211a16;border-radius:3px;background:#f7931a}.starting-art-image-resize-handle.top-left{left:-22px;top:-22px}.starting-art-image-resize-handle.top-right{right:-22px;top:-22px}.starting-art-image-resize-handle.bottom-right{right:-22px;bottom:-22px}.starting-art-image-resize-handle.bottom-left{left:-22px;bottom:-22px}.image-source-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.image-source-actions .image-import,.image-source-actions .paint-secondary-button{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0}.image-local-status{margin:10px 0;padding:10px;border-left:4px solid var(--accent-dark);border-radius:6px;background:#fff4e5;font-size:13px;line-height:1.45}.paint-image-sizing{display:grid;grid-template-columns:1fr 1fr;grid-gap:6px;gap:6px;margin:10px 0}.paint-image-sizing button{min-height:44px;border:1px solid #c9bcad;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-weight:750;cursor:pointer}.paint-image-sizing button[aria-pressed=true]{border-color:var(--accent);background:#fff8ee;box-shadow:inset 0 0 0 1px var(--accent)}.paint-image-advanced{margin-top:10px}.paint-image-advanced summary{cursor:pointer;font-weight:750}.paint-image-advanced label{display:grid;grid-gap:6px;gap:6px;margin-top:8px;font-size:12px;font-weight:750}.paint-image-quantization{min-height:44px;border:1px solid #c9bcad;border-radius:6px;background:#fff;padding:8px;font:inherit}.paint-image-modes{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;margin-bottom:8px}.paint-image-modes button{min-height:36px;border:1px solid #c9bcad;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-weight:750;cursor:pointer}.paint-image-modes button[aria-pressed=true]{border-color:var(--accent);background:#fff8ee;color:#9c4f00}.paint-aspect-toggle{width:100%;min-height:40px;margin:8px 0;border:1px solid #c9bcad;border-radius:6px;background:#fff;color:var(--ink);font:inherit;font-weight:750;cursor:pointer}.paint-aspect-toggle[aria-pressed=true]{border-color:var(--accent);background:#fff8ee;color:#9c4f00}.paint-workspace.pending-transform{grid-template-rows:auto 1fr}.paint-workspace.pending-transform>div:first-child{grid-row:1/3}.paint-workspace.pending-transform>.paint-layer-actions{grid-column:2;grid-row:1}.paint-workspace.pending-transform>.paint-tools{grid-column:2;grid-row:2}.paint-layer-actions{margin-top:12px;padding:12px;border:2px solid var(--ink);border-radius:8px;background:#fff8ee}.paint-layer-actions h2{margin:0 0 8px;font-size:15px}.paint-layer-actions h2:focus{outline:3px solid var(--accent);outline-offset:3px}.paint-layer-actions p{margin:0 0 8px;font-size:12px;color:var(--ink)}.paint-layer-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:8px;gap:8px;margin-top:8px}.paint-layer-buttons button{margin-top:0;min-height:44px}.studio-nav-explanation{grid-column:1/-1;color:#9c4f00;font-size:12px;font-weight:750;text-align:right}.paint-state{font-size:11px;font-weight:800;color:#73685e}.paint-state.quoted{color:#25704a}.paint-state.error{color:#a43c2e}.paint-selection p{margin:0 0 10px;color:#665d53;font-size:13px}.paint-position{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.paint-position label{font-size:12px;font-weight:800}.paint-position input{box-sizing:border-box;width:100%;margin-top:4px;padding:8px;border:1px solid #c9bcad;border-radius:6px}.paint-order{background:#27231f;color:#f8f2e9}.paint-order>div.paint-order-line{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #4a443e}.paint-order>div.paint-order-line strong{font-size:18px}.paint-minimum-status{margin:0;padding:10px;border:1px solid #f7931a;border-radius:6px;color:#f8f2e9}.paint-order .eyebrow{color:#f7931a}.paint-workspace.review-workspace{width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:start;max-width:1120px;margin-inline:auto}.paint-order.review-decision-card{display:grid;grid-gap:16px;gap:16px;padding:20px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:11px;box-shadow:0 8px 24px rgba(46,36,22,.08)}.review-decision-card .paint-panel-title h2,.review-decision-card>p{margin:0}.review-placement-facts{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;line-height:1.5}.review-edit-actions{display:flex;gap:8px;flex-wrap:wrap}.review-edit-actions button{min-height:44px}.review-decision-card .studio-inherit-warning{padding:6px}.review-decision-card .paint-policy-contract{gap:2px;padding:7px;font-size:12px}.review-decision-card .paint-policy-contract p,.review-decision-card .paint-policy-contract small{line-height:1.3}.review-decision-card .paint-order-line{align-items:end;padding:8px 0}.review-decision-card .paint-order-line span{display:grid;grid-gap:3px;gap:3px}.review-decision-card .paint-order-line small{color:var(--muted);font-weight:500}.review-decision-card .paint-order-line strong{font-size:30px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.paint-order.review-decision-card>div.paint-order-line{border-bottom-color:var(--line)}.review-decision-card .paint-minimum-status{color:var(--ink)}.review-decision-card .paint-quote-status{margin:0;min-height:0}.review-decision-card .paint-checkout{margin-top:0;padding:12px}.paint-public-details{border-top:1px solid var(--line);padding-top:8px}.paint-public-details-done,.paint-public-details-sheet-header{display:none}.paint-public-details-summary{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:800;text-align:left;cursor:pointer}.paint-public-details-summary small{color:var(--muted);font-weight:500}.paint-public-details-summary[aria-expanded=true]{margin-bottom:8px}.paint-public-details-chevron{font-size:20px;transition:transform .15s ease}.paint-public-details-summary[aria-expanded=true] .paint-public-details-chevron{transform:rotate(180deg)}.review-trust-rail{display:flex;align-items:center;gap:16px;margin:16px auto 0;padding:14px 16px;max-width:1120px;border:1px solid var(--line);border-radius:11px;background:var(--surface)}.review-trust-facts{display:flex;flex:1 1;gap:12px;flex-wrap:wrap;color:var(--muted)}.review-trust-facts span{flex:1 1 180px}.review-trust-rail nav{display:flex;gap:12px}.paint-attribution-fields,.paint-policy-contract{display:grid;grid-gap:12px;gap:12px;padding:11px;border:1px solid var(--line);border-radius:8px;background:var(--page);color:var(--ink)}.paint-attribution-fields small,.paint-links-disabled,.paint-policy-contract p,.paint-policy-contract small{margin:0;line-height:1.45}.paint-policy-contract summary{min-height:44px;display:grid;align-content:center;grid-gap:2px;gap:2px;cursor:pointer}.paint-policy-contract summary small{color:var(--muted);font-weight:500}.paint-attribution-fields label{display:grid;grid-gap:5px;gap:5px;font-weight:700}.paint-attribution-fields label>span{font-size:.75rem;font-weight:500;color:var(--muted)}.paint-attribution-input,.paint-external-url-input,.paint-message-input{box-sizing:border-box;width:100%;padding:9px;border:1px solid var(--line);border-radius:6px;background:#fffdf7;color:var(--ink);font:inherit}.paint-message-input{min-height:76px;resize:vertical}.paint-quote-status{min-height:32px;font-size:12px;color:#cfc6bc}.paint-checkout{display:block;text-align:center;text-decoration:none}.paint-checkout.disabled{pointer-events:none;background:#5d5650;color:#aaa29a}.form-hint{color:#746b62;font-size:12px;line-height:1.45}.banner-paint-action{display:inline-block;margin:0 0 24px;padding:12px 18px;border-radius:7px;background:var(--accent);color:#191714!important;font-weight:850;text-decoration:none}@media (max-width:850px){.canvas-page{--creation-dock-nav-clearance:24px;--painter-visual-height:100dvh}.canvas-page>.public-context,.canvas-page>.public-nav{display:none}.paint-layout{grid-template-columns:1fr;min-height:var(--painter-visual-height);padding:10px 14px 32px}.paint-heading{min-height:52px;align-items:center;padding-bottom:6px}.paint-heading .eyebrow{display:none}.paint-heading h1{max-width:65vw;overflow:hidden;font-size:18px;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.paint-heading .paint-live-status{margin:0;font-size:11px}.studio-steps button{flex-direction:row;min-height:44px}.studio-status{min-height:0}.paint-layout:has(.paint-workspace.pending-transform){padding-bottom:0}.studio-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.studio-steps button{flex-direction:column;gap:2px;min-height:58px;padding:5px 2px;font-size:11px}.studio-presets{grid-template-columns:1fr 1fr}.studio-size-workspace{display:grid;grid-template-columns:1fr;grid-gap:14px;gap:14px}.studio-size-workspace:before{display:none}.studio-size-workspace>.studio-space-preview,.studio-size-workspace>:not(.studio-space-preview){grid-column:1;grid-row:auto;margin-inline:0}.studio-size-workspace>div:first-child{margin-top:0}.studio-size-workspace>.studio-presets{grid-template-columns:1fr 1fr;margin-block:12px}.studio-size-workspace>.studio-space-continue{margin-bottom:0}.studio-size-workspace>div:first-child{display:none}.studio-size-workspace>.studio-heatmap-legend,.studio-size-workspace>.studio-view-modes{margin-bottom:0}.studio-size-workspace>.studio-space-preview .paint-stage{height:clamp(180px,calc(var(--painter-visual-height) - 330px),500px)}.mobile-space-tray-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:8px;gap:8px;align-items:center;min-height:64px;width:100%;padding:10px 14px;border:1px solid #c7baa9;border-radius:12px 12px 0 0;background:#fffdfa;color:var(--ink);font:inherit;text-align:left;box-shadow:0 -8px 24px #493d3020}.mobile-space-tray-summary>span:last-child{color:#665d53;font-size:12px;font-weight:750;text-align:right}.mobile-space-tray-controls{grid-column:1;grid-row:auto;max-height:min(56dvh,480px);margin:0;padding:10px 12px calc(12px + env(safe-area-inset-bottom));overflow:auto;border:1px solid #c7baa9;border-top:0;border-radius:0 0 12px 12px;background:#fffdfa}.mobile-space-tray-compact .mobile-space-tray-summary{min-height:132px}.mobile-space-tray-collapsed .mobile-space-tray-controls,.mobile-space-tray-compact .mobile-space-tray-controls{display:none}@media (max-width:360px){.mobile-space-tray-collapsed .mobile-space-tray-summary{grid-template-columns:1fr;gap:2px;height:64px;min-height:64px;padding:6px 12px}.mobile-space-tray-collapsed .mobile-space-tray-summary>span{overflow:hidden;font-size:11px;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.mobile-space-tray-collapsed .mobile-space-tray-summary>span:last-child{font-size:11px;text-align:left}}.mobile-space-tray-controls .studio-presets{grid-template-columns:1fr 1fr;margin:0 0 10px}.mobile-space-tray-controls .studio-space-continue{position:static}.studio-space-continue{position:-webkit-sticky;position:sticky;bottom:12px;box-shadow:0 8px 24px #493d3033}.paint-workspace,.paint-workspace.review-workspace{grid-template-columns:1fr}.paint-workspace.review-workspace .paint-stage{height:clamp(220px,38dvh,360px)}.review-decision-card.motion-enter{animation:none;transform:none}.review-footprint-crop{grid-template-columns:minmax(0,1fr)}.review-footprint-crop canvas{justify-self:start}.paint-workspace.pending-transform>.paint-layer-actions,.paint-workspace.pending-transform>.paint-tools,.paint-workspace.pending-transform>div:first-child{grid-column:1;grid-row:auto}.paint-workspace.pending-transform>.paint-layer-actions{max-height:min(56dvh,480px);margin:0;padding-bottom:calc(12px + env(safe-area-inset-bottom));overflow:auto;scroll-margin-block:12px;border-radius:12px;box-shadow:0 -8px 24px #493d3020}.paint-panel,.paint-stage,.paint-tools,.paint-workspace{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.studio-nav{position:static;margin:12px 0;scroll-margin-bottom:12px}.studio-toolbar-row{align-items:flex-start;flex-direction:column;width:100%;min-width:0;margin-inline:0;overflow:hidden}.pixel-editor-toolbar{width:100%;max-width:100%;min-width:0;box-sizing:border-box;gap:4px}.pixel-editor-toolbar button{width:44px;min-width:44px;height:44px}.toolbar-import{min-height:44px}.studio-tool-status{align-self:flex-end;margin-top:-4px}.paint-heading{align-items:start}.paint-heading .paint-live-status{margin-top:8px}.paint-stage{height:clamp(320px,53svh,560px)}.paint-stage canvas{max-height:none}.paint-tools{position:relative;z-index:2}.creation-tools,.paint-workspace.pending-transform .creation-dock,.paint-workspace.pending-transform .creation-tools{display:none}.creation-tools.mobile-open{display:block;position:relative;z-index:2;inset:auto;width:100%;max-height:min(56dvh,480px);overflow:auto;border-radius:12px 12px 0 0;box-shadow:0 -8px 24px #493d3033}.creation-tools .creation-mode-panel{border-radius:12px 12px 0 0}.creation-tabs{display:none}.creation-sheet-close{display:block;position:absolute;top:10px;right:12px;min-height:44px;border:0;background:transparent;font-weight:800}.creation-mode-content .paint-panel-title,.creation-mode-content>h2{padding-right:64px}.creation-dock{display:grid;position:relative;z-index:3;inset:auto;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px;width:100%;padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-sizing:border-box;border:1px solid #d8cfc3;border-radius:0 0 9px 9px;background:#fffdfa;box-shadow:0 8px 28px #19171433}.toolbar-draw-tools{display:flex}.pixel-editor-toolbar{overflow:hidden}.pixel-editor-toolbar .toolbar-group:not(:last-child){padding-right:4px}.paint-palette{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px}.paint-color-button{min-width:44px;min-height:44px}.paint-color-compact{grid-template-columns:repeat(7,minmax(0,1fr))}.paint-current-color{min-width:44px;min-height:44px}.paint-clear-input,.paint-color-hex,.paint-color-native,.paint-image-advanced-toggle{min-height:44px;box-sizing:border-box}.paint-clear-input,.paint-image-advanced-toggle{display:flex;align-items:center;justify-content:center;padding:8px 12px}.creation-mode-content .paint-secondary-button,.creation-mode-content .primary-button{min-height:44px}.creation-fixed-size{width:-moz-fit-content;width:fit-content;max-width:calc(100% - 68px)}.paint-order{position:static;box-shadow:0 8px 28px #19171455}.painter-adaptive-tray{max-height:min(56dvh,480px);overflow:auto;padding-bottom:calc(18px + env(safe-area-inset-bottom));border-radius:12px;box-shadow:0 -8px 24px #493d3020}.painter-adaptive-tray .paint-position input{min-height:44px;box-sizing:border-box}.painter-adaptive-tray .studio-align,.painter-adaptive-tray .studio-nudge{grid-auto-rows:minmax(44px,auto)}.paint-public-details-sheet{position:fixed;z-index:20;left:0;right:0;bottom:0;max-height:min(72dvh,var(--painter-visual-height));padding:14px 14px calc(14px + env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;box-sizing:border-box;border:1px solid #c7baa9;border-radius:14px 14px 0 0;background:#fffdfa;box-shadow:0 -12px 40px #19171455}.paint-public-details-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.paint-public-details-cancel{min-height:44px;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:800}.paint-public-details-done{display:block;width:100%;min-height:48px;margin-top:12px}.paint-public-details.open:before{content:"";position:fixed;z-index:19;inset:0;background:#19171466}.paint-public-details-sheet .paint-attribution-fields{border:0;padding:8px 0 0;background:transparent}.review-trust-rail{align-items:flex-start;flex-direction:column;margin-inline:14px}.review-trust-facts{display:grid;grid-gap:8px;gap:8px}.paint-attribution-fields,.paint-policy-contract{display:grid;grid-template-columns:minmax(0,1fr)}.paint-order .paint-quote-status{min-height:0}.paint-checkout{padding:14px}.paint-heading h1{font-size:30px}}@media (max-width:360px){.studio-slot-grid{grid-template-columns:1fr}.pixel-editor-toolbar{flex-wrap:nowrap;gap:2px;padding:2px}.pixel-editor-toolbar .toolbar-group{gap:1px}.pixel-editor-toolbar .toolbar-group:not(:last-child){padding-right:0}}@media (max-width:850px) and (max-height:559px){.paint-layout{gap:4px;padding:4px 8px 8px}.paint-heading,.paint-stage-footer,.studio-status,.studio-tool-status{display:none}.studio-steps button{min-height:40px;padding:2px}.studio-toolbar-row{margin-bottom:-3px}.paint-stage{height:180px}.studio-steps button{font-size:0}.studio-steps button span{font-size:12px}.studio-size-workspace>.studio-space-preview .paint-stage{height:max(180px,calc(var(--painter-visual-height) - 278px))}.mobile-space-tray-expanded .mobile-space-tray-controls{max-height:70dvh}}@media (prefers-reduced-motion:reduce){.mobile-space-tray-controls,.mobile-space-tray-summary,.paint-public-details-sheet{scroll-behavior:auto;transition:none}}.paint-quote-recovery{display:grid;grid-gap:.65rem;gap:.65rem;padding:1rem;border:2px solid var(--accent);border-radius:14px;background:#fff7e8}.paint-quote-recovery>small{color:#9a3d12;font-weight:800;letter-spacing:.08em}.paint-quote-recovery h3,.paint-quote-recovery p{margin:0}.paint-quote-recovery-actions{display:flex;flex-wrap:wrap;gap:.65rem}.paint-quote-recovery button{min-height:44px}