:root{color-scheme:light;font-family:Plus Jakarta Sans,Microsoft YaHei,PingFang SC,Segoe UI,system-ui,sans-serif;--bg: #f7f8f5;--surface: #ffffff;--surface-raised: #fbfcfe;--surface-soft: #eef2ec;--text: #0f172a;--muted: #687166;--border: #dde3d8;--border-strong: #c7d1c1;--primary: #14532d;--primary-dark: #0f3f25;--secondary: #3f6b4a;--accent: #16824b;--danger: #b42318;--warning-bg: #fff7ed;--warning-border: #fed7aa;--radius: 8px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 16px 40px rgba(15, 23, 42, .08)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#e5ebdfc7 0,#f7f8f500 18rem),var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}.site{min-height:100vh}.site-header{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:minmax(10rem,1fr) auto minmax(10rem,1fr);align-items:center;gap:1rem;border-bottom:1px solid var(--border);border-top:4px solid var(--secondary);background:#f7f8f5f0;padding:.875rem clamp(1rem,4vw,3rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{justify-self:center;color:var(--primary-dark);font-weight:800;letter-spacing:0;text-decoration:none;white-space:nowrap}.utility-shell{display:grid;gap:1rem}.utility-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;box-shadow:var(--shadow-sm)}.number-with-unit{display:flex;align-items:center;gap:.5rem}.number-with-unit input{min-width:0;flex:1}.number-with-unit span{color:var(--muted);font-weight:700}.segmented-actions{display:flex;flex-wrap:wrap;gap:.5rem}.utility-list{display:grid;gap:.75rem}.utility-row{display:grid;grid-template-columns:7rem minmax(0,1fr) minmax(180px,1fr);gap:1rem;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.75rem}.utility-row img{width:7rem;height:5rem;border-radius:var(--radius);background-color:var(--surface-soft);object-fit:contain}.utility-row strong,.utility-row span{display:block}.utility-row span{color:var(--muted);font-size:.9rem}.rotate-preview{transition:transform .16s ease}.rotate-output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.rotate-card{display:grid;gap:.9rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.85rem;box-shadow:var(--shadow-sm)}.rotate-preview-large{display:grid;min-height:260px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,#e5ebe1 25%,transparent 25%),linear-gradient(-45deg,#e5ebe1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5ebe1 75%),linear-gradient(-45deg,transparent 75%,#e5ebe1 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.rotate-preview-large img{display:block;max-width:100%;max-height:360px;object-fit:contain}.rotate-card-body{display:grid;gap:.65rem}.collage-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:1rem;align-items:start}.collage-stage{position:relative;display:grid;place-items:center;min-height:420px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,#edf2e8 25%,transparent 25%),linear-gradient(-45deg,#edf2e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf2e8 75%),linear-gradient(-45deg,transparent 75%,#edf2e8 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;padding:1rem;touch-action:none}.collage-preview-wrap,.picker-image-wrap{display:grid;place-items:center;min-height:320px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,#edf2e8 25%,transparent 25%),linear-gradient(-45deg,#edf2e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf2e8 75%),linear-gradient(-45deg,transparent 75%,#edf2e8 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;padding:1rem}.collage-canvas{max-width:100%;max-height:70vh;border-radius:var(--radius);box-shadow:var(--shadow-sm)}.collage-stage .collage-canvas{display:block;width:100%;height:100%}.collage-canvas-layer{position:relative;width:min(100%,860px);max-height:70vh}.collage-slot-button{position:absolute;display:grid;place-items:center;border:2px solid rgba(20,83,45,.78);border-radius:calc(var(--radius) - 2px);background:#14532d0f;color:#fff;cursor:pointer;font-weight:900;outline:none;padding:0;text-shadow:0 1px 3px rgba(15,23,42,.38);touch-action:none}.collage-slot-button.is-empty{border-style:dashed;background:#ffffff6b;color:var(--primary-dark);cursor:pointer;text-shadow:none}.collage-slot-button.is-selected{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a3d,inset 0 0 0 999px #16a34a12}.collage-slot-button:not(.is-empty){border-style:dashed;background:transparent;box-shadow:none}.collage-slot-button span{border-radius:999px;background:#0f3f25db;padding:.28rem .6rem;font-size:.82rem}.collage-slot-button.is-empty span{background:#ffffffe0}.collage-image-box{position:absolute;overflow:visible;border:2px solid rgba(4,120,87,.82);border-radius:calc(var(--radius) - 2px);cursor:move;touch-action:none}.collage-image-box img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.collage-image-box.is-selected{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a3d}.collage-image-label{position:absolute;left:50%;top:50%;border-radius:999px;background:#0f3f25db;color:#fff;font-size:.82rem;font-weight:900;padding:.28rem .6rem;text-shadow:0 1px 3px rgba(15,23,42,.38);transform:translate(-50%,-50%);pointer-events:none}.collage-resize-handle{position:absolute;z-index:2;width:.8rem;height:.8rem;border:2px solid #ffffff;border-radius:999px;background:#047857;box-shadow:0 1px 4px #0f172a47}.collage-resize-handle.top-left{top:-.45rem;left:-.45rem;cursor:nwse-resize}.collage-resize-handle.top-right{top:-.45rem;right:-.45rem;cursor:nesw-resize}.collage-resize-handle.bottom-left{bottom:-.45rem;left:-.45rem;cursor:nesw-resize}.collage-resize-handle.bottom-right{right:-.45rem;bottom:-.45rem;cursor:nwse-resize}.collage-controls{display:grid;gap:.85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem}.picker-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;align-items:stretch}.picker-action-card{display:flex;min-height:5rem;align-items:center;gap:.8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--primary-dark);padding:1rem;text-align:left;box-shadow:var(--shadow-sm)}.picker-action-card.is-primary{border-color:#04785747;background:#edf6ef}.picker-action-card span{display:grid;gap:.2rem}.picker-action-card small{color:var(--muted);font-size:.86rem;font-weight:600;line-height:1.45}.compact-field{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.85rem;box-shadow:var(--shadow-sm)}.picker-workbench{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:1rem;align-items:start}.retouch-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:1rem;align-items:start}.retouch-stage{position:relative;display:grid;min-height:520px;place-items:center;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,#edf2e8 25%,transparent 25%),linear-gradient(-45deg,#edf2e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf2e8 75%),linear-gradient(-45deg,transparent 75%,#edf2e8 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;padding:1rem;touch-action:none}.retouch-canvas{display:block;max-width:100%;max-height:72vh;border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm);cursor:crosshair;touch-action:none}.retouch-canvas.is-empty{display:none}.retouch-empty{color:var(--muted);font-weight:800;text-align:center}.retouch-controls{display:grid;gap:.85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;box-shadow:var(--shadow-sm)}.retouch-output-panel{display:grid;gap:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:#f8faf6;padding:.75rem}.retouch-output-panel .output-name-row{margin-top:0}.retouch-stats{grid-template-columns:1fr}.picker-panel,.picker-side,.color-board{display:grid;gap:1rem}.picker-panel,.color-board{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;box-shadow:var(--shadow-sm)}.picker-panel-header{display:flex;align-items:center;gap:.7rem}.picker-panel-header h2,.picker-panel-header p{margin:0}.picker-panel-header p{color:var(--muted);font-size:.92rem;line-height:1.5}.picker-image-stage{display:grid;place-items:center;min-height:420px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,#edf2e8 25%,transparent 25%),linear-gradient(-45deg,#edf2e8 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#edf2e8 75%),linear-gradient(-45deg,transparent 75%,#edf2e8 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;touch-action:none}.picker-image-wrap img{max-width:100%;max-height:70vh;cursor:crosshair}.picker-draggable-image{display:block;max-width:100%;max-height:70vh;cursor:crosshair;object-fit:contain;transform-origin:center;-webkit-user-select:none;user-select:none;will-change:transform}.picker-draggable-image:active{cursor:crosshair}.palette-panel{display:grid;grid-template-columns:minmax(180px,1fr) 2.5rem;gap:.75rem;align-items:stretch;width:100%;border:1px solid var(--border);border-radius:var(--radius);background:#555b52;padding:.75rem;box-shadow:0 14px 34px #0f172a2e}.palette-square{position:relative;height:220px;overflow:hidden;border:0;border-radius:calc(var(--radius) - 2px);background-image:linear-gradient(90deg,#fff,#fff0),linear-gradient(180deg,#0000,#000);cursor:crosshair;padding:0}.palette-square:before{position:absolute;inset:0;background:linear-gradient(90deg,#fff,#fff0),linear-gradient(180deg,#0000,#000);content:""}.palette-cursor{position:absolute;z-index:1;width:.7rem;height:.7rem;border:2px solid #ffffff;border-radius:999px;box-shadow:0 0 0 1px #0f172ab3;transform:translate(-50%,-50%)}.hue-slider{width:220px;height:2.5rem;align-self:center;appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:999px;transform:rotate(90deg);transform-origin:center}.preset-colors{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.5rem}.preset-color{width:100%;aspect-ratio:1;border:1px solid rgba(15,23,42,.16);border-radius:calc(var(--radius) - 2px);box-shadow:inset 0 0 0 1px #ffffff8c}.hue-slider::-webkit-slider-thumb{width:1rem;height:1rem;appearance:none;border:2px solid #ffffff;border-radius:999px;background:#ffffff29;box-shadow:0 1px 4px #0f172a59}.utility-empty{color:var(--muted);font-weight:700}.color-readout{display:grid;gap:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;box-shadow:var(--shadow-sm)}.color-swatch{height:7rem;border:1px solid var(--border);border-radius:var(--radius)}.picker-swatch-card{display:grid;gap:.55rem}.picker-swatch-card span{color:var(--muted);font-weight:800}.picker-swatch{height:5.5rem;border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 0 0 1px #ffffff8c}.dropper-preview{position:relative;width:5.5rem;height:5.5rem;margin:0 auto}.dropper-body{position:absolute;left:1.55rem;top:.6rem;width:1.4rem;height:3.2rem;border:2px solid var(--primary-dark);border-radius:999px 999px 10px 10px;background:#f8faf6;transform:rotate(42deg)}.dropper-body:before{position:absolute;left:50%;top:-.95rem;width:1.65rem;height:1.05rem;border:2px solid var(--primary-dark);border-radius:999px;background:var(--surface);content:"";transform:translate(-50%)}.dropper-tip{position:absolute;right:1rem;bottom:1rem;width:1.35rem;height:1.35rem;border:2px solid var(--primary-dark);clip-path:polygon(0 0,100% 45%,28% 100%);transform:rotate(42deg)}.color-readout span,.color-readout strong{display:block}.color-readout span{color:var(--muted);font-weight:700}.color-readout strong{margin:.25rem 0 .5rem}nav{display:flex;flex-wrap:wrap;grid-column:2;justify-content:center;gap:.25rem;border:1px solid var(--border);border-radius:999px;background:#ffffffdb;padding:.25rem;box-shadow:var(--shadow-sm)}nav a{border-radius:999px;color:var(--muted);padding:.5rem .85rem;font-size:.93rem;font-weight:700;text-decoration:none}nav a:hover,nav a.is-active{background:var(--secondary);color:#fff}main{width:min(1180px,calc(100% - 2rem));margin:0 auto}.hero,.page-intro{display:grid;gap:1.5rem;padding:clamp(2rem,6vw,4.25rem) 0 2.25rem}.hero{grid-template-columns:minmax(0,1fr) minmax(260px,360px);align-items:center;border-bottom:1px solid var(--border)}.eyebrow{margin:0 0 .65rem;color:var(--secondary);font-size:.9rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{margin-bottom:1rem;font-size:clamp(2.15rem,5vw,4rem);line-height:1.08;letter-spacing:0}h2{margin-bottom:.6rem;font-size:1.45rem}h3{margin-bottom:.45rem;font-size:1rem}.hero-copy>p:not(.eyebrow),.page-intro>p{max-width:760px;color:var(--muted);font-size:1.05rem;line-height:1.75}.hero-actions,.batch-actions,.row-actions{display:flex;flex-wrap:wrap;gap:.75rem}.primary-button,.secondary-button,.ghost-button,.text-button,.download-button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.45rem;border-radius:var(--radius);padding:.6rem .95rem;font-weight:700;cursor:pointer}.compact-button{min-height:2rem;padding:.35rem .65rem;font-size:.9rem}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 18px #0596692e}.secondary-button{border:1px solid var(--border);background:var(--surface);color:var(--primary-dark)}.download-button{border:1px solid #047857;background:#047857;color:#fff;box-shadow:0 8px 18px #0478572e}.ghost-button,.text-button{border:1px solid transparent;background:transparent;color:var(--muted)}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.text-button:hover,.download-button:hover{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.ghost-button:focus-visible,.text-button:focus-visible,.download-button:focus-visible,nav a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(22,130,75,.26);outline-offset:2px}.text-button{padding-left:0;padding-right:0}.tool-card-action{width:100%;margin-top:.25rem}.trust-panel{display:grid;gap:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;box-shadow:var(--shadow-md)}.trust-panel div{display:flex;align-items:center;gap:.65rem;color:var(--primary);font-weight:800}.tool-grid,.info-band,.notes-section,.tool-shell{padding:2rem 0}.section-heading p,.tool-card p,.field-group p,.empty-state p,.site-footer p,.notes-section p,.notes-section li{color:var(--muted);line-height:1.65}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.tool-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;box-shadow:var(--shadow-sm)}.tool-card:before{display:block;width:2.5rem;height:.25rem;margin-bottom:.9rem;border-radius:999px;background:var(--secondary);content:""}.tool-card:nth-child(2):before{background:var(--accent)}.tool-card:nth-child(3):before{background:#9a7b43}.tool-card:nth-child(4):before{background:#5f766d}.info-band,.empty-state,.drop-zone,.controls-panel,.image-card,.notes-section>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm)}.info-band{margin-bottom:2rem;padding:1.25rem}.tool-shell{display:grid;gap:1rem}.drop-zone{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:1rem;border-style:dashed;border-color:var(--border-strong);background:linear-gradient(180deg,#fff 0,#f2f5ef);padding:1.25rem}.drop-zone.is-dragging{border-color:var(--secondary);background:#eaf4ed}.drop-zone p,.drop-zone h2{margin-bottom:.2rem}.controls-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;padding:1rem;background:linear-gradient(180deg,#fff 0,#fafbf8)}.extended-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.field-group{display:grid;gap:.45rem}.field-group label,.checkbox-line{font-weight:800}.field-group input,.field-group select{width:100%;min-height:2.5rem;border:1px solid var(--border);border-radius:var(--radius);background:#fff;color:var(--text);padding:.45rem .65rem}.field-group input[type=range]{padding:0}.range-with-number{display:grid;grid-template-columns:minmax(0,1fr) 5.25rem;align-items:center;gap:.65rem}.range-with-number input[type=number]{text-align:center}.input-with-unit{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem}.checkbox-line{display:flex;align-items:center;gap:.5rem;align-self:start;padding-top:1.65rem;color:var(--primary-dark)}.inline-checkbox,.canvas-background-row{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.inline-checkbox{color:var(--primary-dark);font-weight:800}.inline-checkbox input{width:auto;min-height:auto}.alert,.notice{margin:0;border-radius:var(--radius);padding:.75rem .9rem;line-height:1.5}.alert{border:1px solid #e3aaaa;background:#fff0f0;color:var(--danger)}.notice{border:1px solid var(--warning-border);background:var(--warning-bg);color:#614700}.summary-bar{display:flex;flex-wrap:wrap;gap:.85rem;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:#edf5ee;padding:.85rem 1rem}.crop-workspace{display:grid;gap:1rem}.watermark-position-panel{display:grid;gap:.85rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;box-shadow:var(--shadow-sm)}.watermark-position-panel h2,.watermark-position-panel p{margin-bottom:.25rem}.watermark-position-panel p{color:var(--muted);line-height:1.6}.watermark-stage{position:relative;display:grid;min-height:320px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,#e5ebe1 25%,transparent 25%),linear-gradient(-45deg,#e5ebe1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5ebe1 75%),linear-gradient(-45deg,transparent 75%,#e5ebe1 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;touch-action:none}.watermark-edit-actions{display:flex;flex-wrap:wrap;gap:.65rem}.watermark-stage>img{display:block;width:100%;max-height:480px;object-fit:contain;-webkit-user-select:none;user-select:none}.watermark-stage-empty{color:var(--muted);font-weight:800}.watermark-dragger{position:absolute;display:inline-grid;min-width:2.5rem;min-height:2rem;place-items:center;border:2px solid rgba(4,120,87,.78);border-radius:var(--radius);background:#ffffff1f;padding:.35rem .55rem;color:#fff;cursor:move;font-weight:900;line-height:1.1;max-width:none;text-shadow:0 1px 2px rgba(0,0,0,.35);touch-action:none;transform:translate(-50%,-50%);white-space:nowrap}.watermark-instance{isolation:isolate}.watermark-instance.is-selected{border-color:#16a34a;box-shadow:0 0 0 3px #16a34a38}.watermark-resize-handle{position:absolute;z-index:2;width:.75rem;height:.75rem;border:2px solid #ffffff;border-radius:999px;background:#047857;box-shadow:0 1px 4px #0f172a47}.watermark-resize-handle.top-left{top:-.45rem;left:-.45rem;cursor:nwse-resize}.watermark-resize-handle.top-right{top:-.45rem;right:-.45rem;cursor:nesw-resize}.watermark-resize-handle.bottom-left{bottom:-.45rem;left:-.45rem;cursor:nesw-resize}.watermark-resize-handle.bottom-right{right:-.45rem;bottom:-.45rem;cursor:nwse-resize}.watermark-tile-layer{position:absolute;inset:0;pointer-events:none}.watermark-tile-copy{position:absolute;display:inline-grid;min-width:2.5rem;min-height:2rem;place-items:center;border-radius:var(--radius);color:#fff;font-weight:900;padding:.35rem .55rem;text-shadow:0 1px 2px rgba(0,0,0,.35);transform:translate(-50%,-50%) rotate(-18deg)}.watermark-dragger img,.watermark-tile-copy img{display:block;width:100%;height:auto;pointer-events:none;-webkit-user-select:none;user-select:none}.watermark-position-readout{display:flex;flex-wrap:wrap;gap:.75rem;color:var(--primary-dark);font-weight:800}.manual-crop-panel{display:grid;gap:.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:1rem;box-shadow:var(--shadow-sm)}.manual-crop-panel p{margin:0;color:var(--muted);line-height:1.6}.crop-size-panel{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:#f8faf6;padding:.75rem .85rem}.crop-size-panel strong{color:var(--primary-dark)}.crop-size-panel span{color:var(--muted);font-weight:700}.crop-stage{position:relative;display:grid;place-items:center;min-height:360px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,#e5ebe1 25%,transparent 25%),linear-gradient(-45deg,#e5ebe1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5ebe1 75%),linear-gradient(-45deg,transparent 75%,#e5ebe1 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;touch-action:none}.canvas-stage-wrap{display:grid;justify-items:center;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,#e5ebe1 25%,transparent 25%),linear-gradient(-45deg,#e5ebe1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5ebe1 75%),linear-gradient(-45deg,transparent 75%,#e5ebe1 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;padding:1rem}.canvas-stage{position:relative;width:min(100%,760px);min-height:220px;overflow:hidden;border:2px solid var(--primary);box-shadow:var(--shadow-sm);touch-action:none}.canvas-stage.is-transparent{background:linear-gradient(45deg,#dfe7dc 25%,transparent 25%),linear-gradient(-45deg,#dfe7dc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#dfe7dc 75%),linear-gradient(-45deg,transparent 75%,#dfe7dc 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.canvas-image-box{position:absolute;border:2px solid rgba(4,120,87,.86);cursor:move;touch-action:none}.canvas-image-box img{display:block;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;pointer-events:none}.crop-stage img{display:block;width:100%;max-height:560px;object-fit:contain;-webkit-user-select:none;user-select:none}.crop-box{position:absolute;display:grid;place-items:center;border:2px solid var(--primary);background:#16824b1f;color:#fff;cursor:move;touch-action:none}.crop-box:before{position:absolute;inset:-999px;z-index:-1;background:#00000059;content:""}.crop-box svg{border-radius:999px;background:#0f3f25eb;padding:.2rem;box-sizing:content-box}.crop-handle{position:absolute;width:18px;height:18px;border:2px solid #ffffff;border-radius:999px;background:var(--secondary)}.crop-handle.top-left{top:-10px;left:-10px;cursor:nwse-resize}.crop-handle.top{top:-10px;left:calc(50% - 9px);cursor:ns-resize}.crop-handle.top-right{top:-10px;right:-10px;cursor:nesw-resize}.crop-handle.right{top:calc(50% - 9px);right:-10px;cursor:ew-resize}.crop-handle.bottom{bottom:-10px;left:calc(50% - 9px);cursor:ns-resize}.crop-handle.bottom-left{bottom:-10px;left:-10px;cursor:nesw-resize}.crop-handle.left{top:calc(50% - 9px);left:-10px;cursor:ew-resize}.crop-handle.bottom-right{right:-10px;bottom:-10px;cursor:nwse-resize}.empty-state{padding:1.5rem;text-align:center}.image-list{display:grid;gap:1rem;margin:0;padding:0;list-style:none}.image-card{display:grid;grid-template-columns:180px minmax(0,1fr);gap:1rem;padding:1rem}.preview-frame{position:relative;display:grid;min-height:150px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(45deg,#e5ebe1 25%,transparent 25%),linear-gradient(-45deg,#e5ebe1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5ebe1 75%),linear-gradient(-45deg,transparent 75%,#e5ebe1 75%);background-color:#fff;background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;color:var(--muted)}.preview-frame-button{width:100%;padding:0;cursor:zoom-in}.preview-frame-button:hover{border-color:#04785773;box-shadow:inset 0 0 0 2px #0478571f}.preview-frame img{display:block;width:100%;height:100%;max-height:190px;object-fit:contain}.preview-badge{position:absolute;right:.55rem;bottom:.55rem;border-radius:999px;background:#047857eb;color:#fff;font-size:.78rem;font-weight:800;padding:.25rem .55rem}.image-details{display:grid;gap:.85rem}.status{margin-bottom:0;font-weight:800}.status-done{color:var(--accent)}.status-error{color:var(--danger)}.status-processing{color:#6a4f00}.hint{margin:.35rem 0 0;color:var(--muted)}.output-name{margin:.35rem 0 0;color:var(--primary-dark);font-size:.92rem;font-weight:700;overflow-wrap:anywhere}.output-name-row{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin:.35rem 0 0;color:var(--primary-dark);font-size:.92rem}.output-name-row strong{overflow-wrap:anywhere}.filename-edit{display:inline-flex;min-width:min(100%,320px);align-items:center;overflow:hidden;border:1px solid var(--border-strong);border-radius:calc(var(--radius) - 2px);background:#fff}.filename-edit input{min-width:8rem;flex:1;border:0;padding:.45rem .55rem;font:inherit}.filename-edit input:focus{outline:none}.filename-edit span{border-left:1px solid var(--border);padding:.45rem .55rem;color:var(--muted);background:#f5f8f4;font-weight:700}.preview-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1.25rem;background:#1419169e}.preview-dialog{display:grid;width:min(96vw,1120px);max-height:92vh;overflow:hidden;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);background:var(--surface);box-shadow:0 22px 60px #0f172a42}.preview-dialog-header,.preview-dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem}.preview-dialog-header{border-bottom:1px solid var(--border)}.preview-dialog-header div{display:grid;gap:.2rem}.preview-dialog-header span,.preview-dialog-actions p{margin:0;color:var(--muted);font-size:.9rem}.icon-button{display:inline-grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--border);border-radius:var(--radius);background:#f8faf6;color:var(--primary-dark);cursor:pointer}.preview-dialog-body{display:grid;min-height:280px;max-height:calc(92vh - 8.5rem);place-items:center;overflow:auto;background:linear-gradient(45deg,#e5ebe1 25%,transparent 25%),linear-gradient(-45deg,#e5ebe1 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5ebe1 75%),linear-gradient(-45deg,transparent 75%,#e5ebe1 75%);background-color:#fff;background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.preview-dialog-body img{display:block;max-width:100%;max-height:calc(92vh - 9.5rem);object-fit:contain}.preview-dialog-actions{border-top:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;margin:0}.stats-grid div{border-radius:var(--radius);background:#f8faf6;border:1px solid #edf1ea;padding:.65rem}.stats-grid dt{color:var(--muted);font-size:.82rem}.stats-grid dd{margin:.2rem 0 0;overflow-wrap:anywhere;font-weight:800}.notes-section{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.notes-section>div{padding:1.25rem}.faq-list{display:grid;gap:.6rem}details{border-top:1px solid var(--border);padding-top:.6rem}summary{cursor:pointer;font-weight:800}.site-footer{border-top:1px solid var(--border);padding:1.5rem;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:920px){.hero,.notes-section{grid-template-columns:1fr}.cards-grid,.controls-panel,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collage-workspace,.picker-workbench,.picker-action-grid{grid-template-columns:1fr}.utility-row{grid-template-columns:6rem minmax(0,1fr)}.utility-row>div:last-child{grid-column:1 / -1}}@media(max-width:640px){.site-header{align-items:flex-start;display:flex;flex-direction:column}nav{justify-content:flex-start;width:100%;overflow-x:auto;border-radius:var(--radius)}main{width:min(100% - 1rem,1180px)}.drop-zone,.controls-panel,.extended-panel,.cards-grid,.utility-grid,.picker-action-grid,.image-card{grid-template-columns:1fr}.drop-zone{text-align:left}.checkbox-line{padding-top:0}.preview-frame{min-height:220px}.preview-dialog-header,.preview-dialog-actions{align-items:flex-start}.preview-dialog-actions{flex-direction:column}}