.editor-overlay{z-index:100;background:var(--ink);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.artwork-editor{background:var(--paper);border-radius:8px;width:min(1180px,100%);max-height:94dvh;overflow:auto}.artwork-editor>header,.artwork-editor>footer{justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex}.artwork-editor>header{border-bottom:1px solid var(--rule)}.artwork-editor h2{letter-spacing:-1px;margin:5px 0;font-size:28px}.artwork-editor header p{text-overflow:ellipsis;white-space:nowrap;max-width:65vw;color:var(--mute);font-size:13px;overflow:hidden}.editor-body{grid-template-columns:minmax(0,1fr) 350px;display:grid}.editor-canvas-area{background:var(--paper);flex-direction:column;min-width:0;padding:20px;display:flex}.editor-view-tools{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.editor-swatch{border:1px solid var(--rule);border-radius:8px;width:24px;height:24px}.editor-swatch.white,.editor-stage.white{background:var(--paper)}.editor-swatch.black,.editor-stage.black{background:var(--ink)}.editor-swatch.checker,.editor-stage.checker{background-color:var(--paper);background-image:linear-gradient(45deg, var(--rule) 25%, transparent 25%), linear-gradient(-45deg, var(--rule) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--rule) 75%), linear-gradient(-45deg, transparent 75%, var(--rule) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.editor-stage{border:1px solid var(--rule);border-radius:8px;justify-content:center;align-items:center;height:460px;padding:30px;display:flex;position:relative;overflow:auto}.editor-image{flex:none;justify-content:center;align-items:center;width:auto;max-width:100%;height:auto;max-height:100%;display:flex;position:relative}.editor-image img{-webkit-user-select:none;user-select:none;max-width:100%;max-height:400px;display:block}.editor-stage.zoomed .editor-image{width:850px;max-width:none;max-height:none}.editor-stage.zoomed .editor-image img{max-height:none}.editor-image.cropping{touch-action:none;cursor:crosshair}.editor-crop{border:2px solid var(--ink);background:var(--paper);pointer-events:none;position:absolute}.editor-working{background:var(--paper);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:30px;display:flex;position:absolute;inset:0}.editor-working p,.artwork-editor footer p{color:var(--mute);max-width:400px;font-size:13px}.editor-history{color:var(--mute);justify-content:space-between;align-items:center;gap:8px;padding-top:18px;font-size:12px;display:flex}.editor-controls{min-width:0;padding:22px}.editor-controls h3{margin:20px 0 12px;font-size:16px}.editor-note a{color:var(--mute);text-decoration:underline}.editor-ai-actions{gap:8px;display:grid}.editor-ai-actions .button{justify-content:flex-start;min-height:44px;font-size:13px}.editor-basic-tools{grid-template-columns:1fr 1fr;gap:8px;margin:15px 0;display:grid}.editor-basic-tools button{border:1px solid var(--rule);background:var(--paper);border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:48px;padding:12px 6px;font-size:12px;display:flex}.editor-basic-tools button:hover{background:var(--paper)}.artwork-editor button:disabled{opacity:.4;cursor:not-allowed}.editor-color{border-top:1px solid var(--rule);padding-top:14px;font-size:13px}.editor-color summary{cursor:pointer}.editor-color p{color:var(--mute);margin:10px 0;font-size:12px;line-height:1.5}.editor-color label{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.editor-resolution{background:var(--paper);border-radius:8px;margin-top:16px;padding:12px;font-size:12px;line-height:1.5}.editor-resolution.low{background:var(--paper)}.editor-resolution p{margin-top:4px}.editor-crop-controls{background:var(--paper);border-radius:8px;padding:12px;font-size:12px}.editor-crop-controls>strong{margin-bottom:12px;display:block}.editor-crop-controls label{flex-direction:column;gap:4px;width:50%;padding:0 5px 9px;display:inline-flex}.editor-crop-controls input{border:1px solid var(--rule);background:var(--paper);border-radius:8px;width:100%;padding:6px}.editor-crop-controls .button{width:100%;min-height:40px;font-size:12px}.artwork-editor>footer{border-top:1px solid var(--rule)}.edit-design-button{justify-content:center;width:100%;margin:12px 0 5px}@media (max-width:800px){.editor-overlay{padding:8px}.artwork-editor{border-radius:8px;max-height:98dvh}.artwork-editor>header,.artwork-editor>footer{gap:12px;padding:16px}.artwork-editor h2{font-size:24px}.editor-body{grid-template-columns:1fr}.editor-stage{height:310px;padding:20px}.editor-image img{max-height:270px}.editor-controls{padding:16px}.editor-canvas-area{padding:14px}.editor-history{font-size:12px}.artwork-editor>footer{background:var(--paper);flex-direction:column;align-items:stretch;position:sticky;bottom:0}.artwork-editor footer p{max-width:none}.artwork-editor footer .button{width:100%}.editor-view-tools .text-button{font-size:12px}}.artwork-editor{flex-direction:column;height:min(900px,94dvh);display:flex;position:relative;overflow:hidden}.artwork-editor>header,.artwork-editor>footer{flex-shrink:0}.editor-body{flex:1;min-height:0;overflow:hidden}.editor-controls{overflow:auto}.editor-canvas-area{min-height:0}.editor-stage{flex:1;height:auto;min-height:220px}.editor-image img{max-height:min(400px,45dvh)}@media (max-width:800px){.artwork-editor{height:98dvh}.editor-body{display:block;overflow:auto}.editor-controls{overflow:visible}.editor-stage{flex:none;height:300px}.editor-image img{max-height:260px}.artwork-editor>footer{position:static}.editor-canvas-area{min-height:350px}.editor-history{flex-wrap:wrap}}.brush-canvas{touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0}.brush-canvas:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.editor-brush-tools{border:1px solid var(--rule);border-radius:8px;gap:10px;margin:16px 0;padding:12px;display:grid}.editor-brush-tools label{gap:6px;font-size:12px;display:grid}.brush-modes{gap:8px;display:flex}.brush-modes button{border:1px solid var(--rule);border-radius:8px;padding:8px 12px}.brush-modes button[aria-pressed=true]{background:var(--paper)}.editor-working{pointer-events:none}.artwork-editor{background:var(--paper);border:1px solid var(--ink)}.artwork-editor h2{letter-spacing:-.01em;font-size:40px;line-height:.94}.editor-controls h3{font:600 13px/1.5 var(--body);text-transform:none;letter-spacing:.05em}.editor-canvas-area{background:var(--paper);border-right:1px solid var(--ink)}.editor-crop{border-color:var(--ink);background:#0b0b0c16}.editor-working{background:#f5f6f8ed}.editor-stage{outline:0}.editor-resolution,.editor-crop-controls,.editor-brush-panel{border:1px solid var(--rule)}.editor-basic-tools button:hover{background:var(--act-soft);color:var(--ink)}@media (max-width:760px){.artwork-editor h2{font-size:32px}.editor-body{grid-template-columns:1fr}.editor-canvas-area{border-right:0;border-bottom:1px solid var(--ink)}}.editor-swatch.neutral,.editor-stage.neutral{background:var(--rule)}.artwork-editor{font-family:var(--body);border-radius:16px}.artwork-editor h2{font-size:26px;line-height:1.2}.editor-stage,.editor-tool-group{border-radius:12px}.editor-tools{background:var(--soft)}.editor-overlay{background:#0b0b0cb3}.editor-apply.button{background:var(--act);color:var(--ink)}.editor-ai-actions button[data-guided=true]{outline:2px solid var(--act-text);outline-offset:2px}.crop-layer{touch-action:none;cursor:crosshair;z-index:2;position:absolute;inset:0}.crop-shade{pointer-events:none;position:absolute;inset:0;overflow:hidden}.crop-hole{position:absolute;box-shadow:0 0 0 9999px #0b0b0c99}.crop-box{cursor:move;touch-action:none;outline-offset:-.75px;outline:1.5px solid #fff;position:absolute;box-shadow:0 0 0 1px #0b0b0c80}.crop-box:focus-visible{outline-color:var(--act)}.crop-size{color:#fff;white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;background:#0b0b0cd1;border-radius:999px;margin-bottom:8px;padding:3px 9px;font-size:12px;font-weight:700;position:absolute;bottom:100%;left:0}.crop-size.inside{margin:0;top:10px;bottom:auto;left:10px}.crop-guide{pointer-events:none;background:#ffffff73;position:absolute}.crop-guide.v1,.crop-guide.v2{width:1px;top:0;bottom:0}.crop-guide.v1{left:33.333%}.crop-guide.v2{left:66.666%}.crop-guide.h1,.crop-guide.h2{height:1px;left:0;right:0}.crop-guide.h1{top:33.333%}.crop-guide.h2{top:66.666%}.crop-handle{z-index:1;touch-action:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:44px;height:44px;margin:-22px 0 0 -22px;padding:0;position:absolute}.crop-handle:after{content:"";filter:drop-shadow(0 0 1px #0b0b0cd9)drop-shadow(0 1px 3px #0b0b0c66);border:0 solid #fff;transition:transform .12s;position:absolute;top:50%;left:50%}.crop-handle:hover:after,.crop-handle:active:after{transform:scale(1.18)}.crop-handle.corner:after{width:22px;height:22px}.crop-handle[data-h=nw]:after{transform-origin:2px 2px;border-top-width:4px;border-left-width:4px;margin:-2px 0 0 -2px}.crop-handle[data-h=ne]:after{transform-origin:20px 2px;border-top-width:4px;border-right-width:4px;margin:-2px 0 0 -20px}.crop-handle[data-h=sw]:after{transform-origin:2px 20px;border-bottom-width:4px;border-left-width:4px;margin:-20px 0 0 -2px}.crop-handle[data-h=se]:after{transform-origin:20px 20px;border-bottom-width:4px;border-right-width:4px;margin:-20px 0 0 -20px}.crop-handle.edge:after{background:#fff;border-radius:3px;width:26px;height:5px;margin:-2.5px 0 0 -13px}.crop-handle[data-h=w]:after,.crop-handle[data-h=e]:after{width:5px;height:26px;margin:-13px 0 0 -2.5px}.crop-handle[data-h=nw],.crop-handle[data-h=se]{cursor:nwse-resize}.crop-handle[data-h=ne],.crop-handle[data-h=sw]{cursor:nesw-resize}.crop-handle[data-h=n],.crop-handle[data-h=s]{cursor:ns-resize}.crop-handle[data-h=w],.crop-handle[data-h=e]{cursor:ew-resize}.crop-handle:focus-visible:after{border-color:var(--act)}.crop-handle.edge:focus-visible:after{background:var(--act)}.crop-handle[data-h=nw]{top:0;left:0}.crop-handle[data-h=ne]{top:0;left:100%}.crop-handle[data-h=sw]{top:100%;left:0}.crop-handle[data-h=se]{top:100%;left:100%}.crop-handle[data-h=n]{top:0;left:50%}.crop-handle[data-h=s]{top:100%;left:50%}.crop-handle[data-h=w]{top:50%;left:0}.crop-handle[data-h=e]{top:50%;left:100%}.editor-crop-bar{border:1px solid var(--act);background:var(--act-soft);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-top:12px;padding:12px 14px;display:flex}.editor-crop-bar p{color:var(--mute);flex-direction:column;gap:2px;margin:0;font-size:13px;display:flex}.editor-crop-bar strong{color:var(--ink);font-size:15px}.editor-crop-bar>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-crop-bar .button{align-items:center;gap:6px;min-height:44px;display:inline-flex}.editor-check-panel{border:1px solid var(--rule);background:var(--paper);border-radius:10px;gap:10px;margin:14px 0;padding:14px;display:grid}.editor-check-panel.warn{border-color:var(--act);background:var(--act-soft)}.editor-check-panel.guided{box-shadow:0 0 0 3px var(--act)}.editor-check-panel strong{font-size:15px}.editor-check-panel p{margin:0;font-size:13.5px;line-height:1.45}.editor-check-panel label{gap:4px;font-size:13px;display:grid}.editor-crop-hint{margin:10px 0 0}.thin-stroke-overlay{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.artwork-editor .editor-image.cropping img{cursor:crosshair}@media (max-width:800px){.editor-crop-bar{z-index:3;position:sticky;bottom:0}.editor-crop-bar>div{width:100%}.editor-crop-bar .button{flex:1;justify-content:center}}.editor-fuse{gap:8px;margin:4px 0 8px;display:grid}.editor-fuse-swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.editor-fuse-swatches button,.editor-fuse-swatches input{border:2px solid var(--rule);cursor:pointer;border-radius:50%;width:32px;height:32px;padding:0}.editor-fuse-swatches button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 3px var(--act-soft)}.editor-stage-wrap{flex-direction:column;flex:1 0 auto;gap:8px;min-height:320px;display:flex;position:relative}.editor-stage.zoom-stage{flex:1;min-height:320px;padding:0;display:block;overflow:hidden}.editor-canvas-area{overflow:auto}.zoom-content>.editor-image{width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.editor-view-tools{flex-wrap:wrap}.editor-compare-toggle{align-items:center;gap:6px;display:inline-flex}.editor-compare-toggle[aria-pressed=true]{font-weight:800}.editor-compare-with{flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:13px;display:flex}.editor-compare-with .text-button[aria-pressed=true]{font-weight:800;text-decoration:underline}.editor-zoom-hint{text-align:center;color:var(--mute);margin:6px 0 0}@media (max-width:800px){.editor-stage.zoom-stage{flex:none;height:300px;min-height:300px}.editor-stage-wrap .compare-stage{min-height:280px}.editor-zoom-hint{display:none}}.editor-size{border:2px solid var(--ink);border-radius:8px;gap:10px;margin:0 0 18px;padding:14px;display:grid}.editor-size h4{align-items:center;gap:6px;margin:0;font-size:15px;display:flex}.editor-size-fields{align-items:center;gap:8px;display:flex}.editor-size-field{flex:1;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:700;display:flex}.editor-size-field input{border:1px solid var(--rule);width:100%;min-width:0;min-height:44px;font:inherit;text-align:right;font-variant-numeric:tabular-nums;border-radius:8px;padding:6px 10px;font-size:17px;font-weight:800}.editor-size-field input:focus-visible{outline:3px solid var(--act);outline-offset:1px}.editor-size-presets{flex-wrap:wrap;gap:6px;display:flex}.editor-size-presets button{border:1px solid var(--rule);min-height:34px;font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.editor-size-presets button small{color:var(--mute);font-weight:500}.editor-size-presets button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.editor-size-presets button[aria-pressed=true] small{color:inherit}.editor-size-note{margin:0}.editor-size-note.low{color:#b42318}
