.image-hero{margin-bottom:48px}.image-hero h1{line-height:1.05}.image-description{color:var(--muted);margin:-12px 0 22px}.image-dropzone{min-height:240px}.image-queue{margin:20px 0 0;padding:0;list-style:none}.image-queue li{border:1px solid var(--line);border-radius:12px;align-items:center;gap:12px;min-width:0;min-height:72px;margin-top:8px;padding:10px;display:flex}.image-queue img{object-fit:cover;background:#edf2eb;border-radius:8px;flex:none;width:56px;height:56px}.image-settings{border:1px solid var(--line);background:#f9fbf7;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;padding:18px;display:grid}.image-settings label{min-width:0;font-size:12px;font-weight:800}.image-settings input:not([type=checkbox]):not([type=range]),.image-settings select{background:#fff;border:1px solid #aebbb2;border-radius:9px;width:100%;min-height:46px;margin-top:7px;padding:0 10px}.image-settings input[type=range]{width:100%;min-height:44px;accent-color:var(--green);display:block}.image-settings .check-row{margin:0}.image-actions{grid-template-columns:1fr auto;gap:10px;display:grid}.secondary-action,.zip-button{border:1px solid var(--line);min-height:52px;color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;margin-top:20px;padding:0 18px;font-weight:800}.mini-download{min-height:44px;color:var(--green);align-items:center;padding:0 10px;font-size:12px;font-weight:800;display:flex}.error-text{color:#8b2f24!important}.zip-button{justify-content:center;width:100%}.result-comparison{margin-top:24px}.result-comparison>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-comparison figure{border:1px solid var(--line);border-radius:12px;grid-template-columns:1fr 1fr;gap:8px;min-width:0;margin:0;padding:10px;display:grid}.result-comparison img{aspect-ratio:4/3;object-fit:contain;background:#edf2eb;width:100%}.result-comparison figcaption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:11px;overflow:hidden}.target-size-field{min-width:0;font-size:12px;font-weight:800}.target-size-control{grid-template-columns:minmax(0,1fr) 88px;gap:8px;display:grid}.target-size-control input,.target-size-control select{margin-top:7px}.target-notice{color:#284e3e;background:#f2f9f4;border:1px solid #b8d5c7;border-radius:14px;margin-top:16px;padding:16px}.target-notice p{margin:10px 0 7px;font-size:12px;font-weight:800}.target-notice div{flex-wrap:wrap;gap:8px;display:flex}.target-notice button{border:1px solid var(--green);min-height:44px;color:var(--green);cursor:pointer;background:#fff;border-radius:10px;padding:0 14px;font-weight:850}.completion-panel{background:#eef8f1;border:1px solid #98c4ad;border-radius:16px;margin:0 0 16px;padding:20px}.completion-panel h3{color:var(--green);margin:0;font-size:20px}.completion-panel p{color:#345547;margin:8px 0 0}.completion-panel .completion-metric{color:var(--ink);font-size:20px;font-weight:900}.result-primary-download{background:var(--green);color:#fff;text-align:center;border-radius:12px;justify-content:center;align-items:center;min-height:54px;margin-top:16px;padding:0 18px;font-size:15px;font-weight:900;text-decoration:none;display:flex}.image-dropzone.is-compact{text-align:left;grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:96px;padding:14px 18px}.image-dropzone.is-compact h3{margin:0;font-size:16px}.image-dropzone.is-compact .file-input{justify-self:end}.image-dropzone.is-compact .file-input::file-selector-button{min-height:44px;padding:0 16px;font-size:13px}.image-actions.is-complete{display:block}.rerun-action{background:#f4f6f2;width:100%;margin-top:16px}.result-queue .file-info small{line-height:1.45}@media (max-width:680px){.image-settings{grid-template-columns:1fr 1fr;padding:14px 12px}.image-queue li{flex-wrap:wrap}.image-queue .file-info{flex-basis:calc(100% - 68px)}.mini-download{margin-left:68px}.image-actions{grid-template-columns:1fr}.secondary-action{margin-top:0}.image-hero{margin-bottom:38px}.result-comparison>div{grid-template-columns:1fr}.result-comparison figure{padding:8px}.completion-panel{padding:17px 14px}.completion-panel .completion-metric{font-size:18px}.image-dropzone.is-compact{text-align:center;grid-template-columns:1fr;min-height:0;padding:12px}.image-dropzone.is-compact .file-input{justify-self:center}.target-size-control{grid-template-columns:minmax(0,1fr) 82px}.result-primary-download{min-height:54px}}@media (max-width:390px){.image-settings{grid-template-columns:1fr}.target-size-control{grid-template-columns:minmax(0,1fr) 82px}}.image-workspace.has-results>.workspace-heading,.image-workspace.has-results>.image-description{display:none}.crop-editor{margin-top:18px}.image-thumbnails{scroll-snap-type:x proximity;gap:10px;padding:4px 2px 10px;display:flex;overflow-x:auto}.image-thumb{scroll-snap-align:start;flex:0 0 126px;position:relative}.image-thumb>button:first-child{border:2px solid var(--line);width:100%;min-height:116px;color:var(--ink);cursor:pointer;text-align:left;background:#fff;border-radius:12px;gap:4px;padding:7px;display:grid}.image-thumb>button:first-child img{object-fit:cover;border-radius:7px;width:100%;height:66px}.image-thumb>button:first-child span{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:800;overflow:hidden}.image-thumb>button:first-child strong{color:var(--green);font-size:11px}.image-thumb.is-active>button:first-child{border-color:var(--green);background:#eef8f1;box-shadow:0 0 0 2px #12694e1f}.image-thumb-remove{color:#7b2e25;cursor:pointer;background:#fff;border:0;border-radius:50%;width:44px;height:44px;font-size:22px;position:absolute;top:-5px;right:-5px;box-shadow:0 1px 6px #00000029}.crop-editor-grid{grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:16px;margin-top:12px;display:grid}.crop-editor-grid h3{margin:0 0 8px;font-size:14px}.crop-selection-stage{touch-action:none;-webkit-user-select:none;user-select:none;background:#202622;border-radius:12px;line-height:0;position:relative;overflow:hidden}.crop-selection-stage>img{opacity:.52;width:100%;height:auto;display:block}.crop-box{cursor:move;touch-action:none;border:2px solid #b9ee45;position:absolute;box-shadow:0 0 0 9999px #00000047,inset 0 0 0 1px #0000008c}.crop-box:focus-visible{outline-offset:2px;outline:3px solid #fff}.crop-handle{touch-action:none;width:44px;height:44px;display:block;position:absolute}.crop-handle:after{content:"";background:#d7ff72;border:2px solid #173c2f;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.crop-handle.is-nw{cursor:nwse-resize;top:-22px;left:-22px}.crop-handle.is-n{cursor:ns-resize;top:-22px;left:calc(50% - 22px)}.crop-handle.is-ne{cursor:nesw-resize;top:-22px;right:-22px}.crop-handle.is-e{cursor:ew-resize;top:calc(50% - 22px);right:-22px}.crop-handle.is-se{cursor:nwse-resize;bottom:-22px;right:-22px}.crop-handle.is-s{cursor:ns-resize;bottom:-22px;left:calc(50% - 22px)}.crop-handle.is-sw{cursor:nesw-resize;bottom:-22px;left:-22px}.crop-handle.is-w{cursor:ew-resize;top:calc(50% - 22px);left:-22px}.crop-live>div{border:1px solid var(--line);background:#edf2eb;border-radius:12px;justify-content:center;align-items:center;min-height:220px;padding:12px;display:flex}.crop-live canvas{max-width:100%;max-height:420px;display:block}.crop-quick-settings{border:1px solid var(--line);background:#f9fbf7;border-radius:12px;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px;margin-top:14px;padding:14px;display:grid}.crop-quick-settings label{font-size:12px;font-weight:800}.crop-quick-settings select{background:#fff;border:1px solid #aebbb2;border-radius:9px;width:100%;min-height:46px;margin-top:6px;padding:0 10px}.crop-quick-settings .check-row{min-height:52px;margin:0}.crop-precision{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:12px}.crop-precision summary{cursor:pointer;align-items:center;min-height:48px;padding:0 15px;font-weight:850;display:flex}.crop-precision>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 14px 14px;display:grid}.crop-precision label{font-size:12px;font-weight:800}.crop-precision input{border:1px solid #aebbb2;border-radius:9px;width:100%;min-height:46px;margin-top:6px;padding:0 9px}@media (max-width:680px){.crop-editor-grid{grid-template-columns:1fr}.crop-live>div{min-height:180px}.crop-live canvas{max-height:300px}.crop-quick-settings,.crop-precision>div{grid-template-columns:1fr 1fr}.image-thumb{flex-basis:112px}.image-thumb>button:first-child{min-height:108px}}@media (max-width:390px){.crop-quick-settings,.crop-precision>div{grid-template-columns:1fr}}.image-edit-selector{margin-top:18px}.image-edit-preview{margin-top:10px}.image-edit-preview h3,.watermark-preview h3{margin:0 0 8px;font-size:14px}.image-edit-preview img{object-fit:contain;border:1px solid var(--line);background:#edf2eb;border-radius:12px;width:100%;max-height:360px;display:block}.apply-all-button{border:1px solid var(--green);min-height:46px;color:var(--green);cursor:pointer;background:#fff;border-radius:9px;align-self:end;padding:0 14px;font-weight:850}.apply-policy{color:#345547;background:#eef8f1;border-radius:10px;margin:4px 0 14px;padding:10px 12px;font-size:13px;font-weight:750}.watermark-preview>div{border:1px solid var(--line);background:#202622;border-radius:12px;justify-content:center;align-items:center;min-height:220px;padding:12px;display:flex}.watermark-preview canvas{max-width:100%;max-height:520px;display:block}.watermark-preview p{color:var(--muted);margin:8px 0 0;font-size:12px}.metadata-summary{border:1px solid var(--line);background:#f9fbf7;border-radius:14px;margin-top:14px;padding:16px}.metadata-summary.is-removed{background:#eef8f1;border-color:#98c4ad}.metadata-summary h3{color:var(--green);margin:0 0 10px;font-size:16px}.metadata-summary ul{margin:0;padding:0;list-style:none}.metadata-summary li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.metadata-summary li:first-child{border-top:0}.metadata-summary strong{color:var(--ink)}.metadata-summary p{color:var(--muted);margin:10px 0 0;font-size:12px}@media (max-width:680px){.watermark-preview>div{min-height:180px;padding:8px}.watermark-preview canvas{max-height:360px}.image-edit-preview img{max-height:300px}}.watermark-logo-control{min-width:0}.watermark-logo-control label{display:block}.watermark-logo-control input[type=file]{max-width:100%}.remove-watermark-image{color:#8b2f24;cursor:pointer;background:#fff;border:1px solid #9eb0a4;border-radius:9px;width:100%;min-height:44px;margin-top:8px;padding:8px 12px;font-weight:850}.image-guide{overflow-wrap:anywhere;max-width:880px;margin:56px auto 72px;padding:0 24px;font-size:1rem;line-height:1.8}.image-guide section,.image-guide nav{border-top:1px solid var(--line);padding:26px 0}.image-guide nav{display:block}.image-guide h2{letter-spacing:-.02em;margin:0 0 16px;font-size:1.35rem;line-height:1.4}.image-guide p{color:var(--muted);margin:0}.image-guide ol,.image-guide ul{margin:0;padding-left:1.4em}.image-guide li{color:var(--muted);margin:0 0 10px;padding-left:4px}.image-guide li:last-child{margin-bottom:0}.image-guide details{border-bottom:1px solid var(--line)}.image-guide summary{cursor:pointer;min-height:48px;padding:12px 0;font-weight:700;line-height:1.6}.image-guide details p{padding:0 0 18px}.image-guide a{min-height:44px;color:var(--green);text-underline-offset:4px;align-items:center;font-size:1rem;text-decoration:underline;display:inline-flex}:is(.image-guide summary:focus-visible,.image-guide a:focus-visible){outline:2px solid var(--green);outline-offset:4px}@media (max-width:680px){.image-guide{margin:36px auto 48px;padding:0 20px}.image-guide section,.image-guide nav{padding:22px 0}}