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