.image-page{max-width:1120px;margin:auto;padding:36px 24px 64px}.image-heading{margin-bottom:28px}.image-heading h1{font-size:var(--font-title);margin:10px 0}.image-heading>p{color:var(--sub)}.image-eyebrow{font-size:var(--font-sm);letter-spacing:.1em;margin-top:30px}.image-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:24px}.image-page .p-card{padding:26px}.image-page h2{font-size:var(--font-xl);margin:0 0 18px}.image-drop{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;min-height:210px;border:2px dashed var(--brand-border);background:var(--surface-soft);border-radius:var(--r-card);padding:24px;text-align:center;cursor:pointer}.image-drop-icon{font-size:var(--font-title);color:var(--brand)}.image-drop span:last-of-type{font-size:var(--font-sm);color:var(--sub)}.image-drop input{max-width:100%}.image-preview{display:block;max-width:100%;max-height:320px;object-fit:contain;margin:16px auto;border-radius:var(--r-sm);background:var(--surface-muted)}.image-preview[hidden],.image-page [hidden]{display:none}.image-settings label{display:block;font-size:var(--font-base);margin-bottom:8px}.image-settings input,.image-settings select{width:100%;min-height:42px;border:1px solid var(--line);border-radius:var(--r-xs);padding:8px;background:var(--card);color:var(--ink);font:inherit;margin:6px 0 12px}.image-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-settings details{margin:12px 0}.image-settings summary{cursor:pointer;color:var(--brand)}.image-settings #submit-image{width:100%;margin:14px 0;min-height:48px}.image-error{color:var(--danger);font-size:var(--font-base);overflow-wrap:anywhere}.image-page .note{color:var(--sub);font-size:var(--font-sm);line-height:1.8}.image-result,.image-history{margin-top:24px}.image-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.image-history-heading h2{margin:0}.image-task{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:14px 0}.image-task span{overflow-wrap:anywhere;min-width:0}.image-task button{flex-shrink:0}.image-page button:disabled{opacity:.55;cursor:not-allowed}.image-page :focus-visible{outline:2px solid var(--brand);outline-offset:3px}@media(max-width:720px){.image-page{padding:24px 16px 40px}.image-grid{grid-template-columns:1fr}.image-page .p-card{padding:20px}.image-heading h1{font-size:var(--font-title)}}
.image-grid>.p-card{min-width:0}.image-source #file-state{overflow-wrap:anywhere}@media(max-width:720px){.image-grid{grid-template-columns:minmax(0,1fr)}}
.image-task-copy{min-width:0;flex:1;overflow-wrap:anywhere}.image-task-copy .note{margin:4px 0}.image-task-copy [role=status]:empty{display:none}
.image-task-meta{display:flex;align-items:center;gap:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.image-task-separator{color:var(--sub);opacity:.5}.image-task-time{white-space:nowrap}.image-task-copy>span{font-weight:500}@media(max-width:720px){.image-task{flex-wrap:wrap;gap:8px}.image-task-copy{flex-basis:100%}.image-task-copy>span{display:block}.image-task-meta{gap:6px}.image-task-time{font-size:0}.image-task-time::after{content:attr(data-short);font-size:var(--font-sm)}}

.image-task-actions{display:flex;gap:8px;flex-shrink:0}@media(min-width:721px) and (max-width:1000px){.image-task{flex-wrap:wrap}.image-task-copy{flex-basis:100%}}
.image-settings input[type=range]{padding:0;border:0;accent-color:var(--brand);cursor:pointer;margin-bottom:0}.image-settings output{display:block;color:var(--brand);font-size:var(--font-sm);font-variant-numeric:tabular-nums;margin-bottom:12px}#watermark-preview-source{width:100%;min-height:42px;margin-top:8px;padding:8px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--card);color:var(--ink);font:inherit}#watermark-preview{max-height:480px}#watermark-preview-panel{margin:16px 0}
#watermark-preview{touch-action:none;user-select:none}.image-settings input[type=range]:disabled{cursor:not-allowed;opacity:.45}
.image-settings output{font-size:var(--font-base);font-weight:700;color:var(--brand-deep)}
.image-drop{position:relative}.image-drop input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.image-drop:focus-within{outline:2px solid var(--brand);outline-offset:3px}
.image-drop.is-dragging{border-style:solid;background:var(--brand-soft);outline:2px solid var(--brand);outline-offset:3px}.image-drop[aria-disabled=true]{opacity:.6;cursor:wait}.image-preview.is-transparent{background-color:var(--surface-muted);background-image:conic-gradient(var(--line) 25%,transparent 0 50%,var(--line) 0 75%,transparent 0);background-size:16px 16px}.image-preview.is-white{background:#fff}.image-compare{display:flex;gap:8px;flex-wrap:wrap}.image-compare [aria-pressed=true]{background:var(--brand);color:var(--card)}#result-preview{max-height:480px}#preview-state:empty{display:none}.image-task-actions{flex-wrap:wrap}@media(max-width:720px){.image-task-actions{max-width:100%}}


#watermark-mode{border:0;padding:0;margin:0 0 16px;display:flex;gap:24px}#watermark-mode legend{margin-bottom:8px}#watermark-mode label{display:flex;align-items:center;gap:8px;min-height:42px;margin:0;cursor:pointer}#watermark-mode input{width:18px;min-height:18px;height:18px;margin:0;padding:0;accent-color:var(--brand)}

#resize-panel{margin:20px 0}#resize-source{width:100%;min-height:42px;margin:8px 0 16px;padding:8px;border:1px solid var(--line);border-radius:var(--r-xs);background:var(--card);color:var(--ink);font:inherit}.resize-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0}.resize-toolbar strong{margin-right:auto}.resize-toolbar .p-btn{min-height:38px;padding:8px 12px}.resize-toolbar [aria-pressed=true]{background:var(--brand);color:var(--card)}#resize-canvas{display:block;max-width:100%;height:auto;margin:12px auto;touch-action:none;user-select:none;cursor:move}#resize-canvas,#resize-result{background-color:var(--surface-muted);background-image:conic-gradient(var(--line) 25%,transparent 0 50%,var(--line) 0 75%,transparent 0);background-size:16px 16px}.resize-result-wrap{display:flex;justify-content:center;align-items:center;min-height:100px;padding:12px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-soft)}#resize-result{display:block;max-width:100%;height:auto;max-height:200px;object-fit:contain}#resize-summary{font-variant-numeric:tabular-nums;color:var(--brand-deep);font-weight:600}.has-resize-image .image-drop{min-height:0;padding:12px;gap:6px}.has-resize-image .image-drop-icon,.has-resize-image .image-drop span:last-of-type{display:none}.has-resize-image .image-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}#resize-settings input[aria-invalid=true]{border-color:var(--danger)}@media(max-width:720px){.has-resize-image .image-grid{grid-template-columns:minmax(0,1fr)}#resize-result{max-height:260px}}
.image-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.image-title-row h1{min-width:0}.image-title-row [data-workbench-entry]{flex-shrink:0}.image-title-row .p-btn{white-space:nowrap}

.resize-source-scale{margin:12px 0}.resize-source-scale label,.resize-source-scale output{display:block}.resize-source-scale input{width:100%}.resize-source-scale output{color:var(--brand-deep);font-weight:600;font-variant-numeric:tabular-nums}

.image-recovery[hidden]{display:none}.image-recovery{margin-top:14px}.image-recovery .image-recover{width:100%;min-height:44px;background:#b45309;border:1px solid #92400e;color:#fff;font-weight:700}.image-recovery .image-recover:hover{background:#92400e}.image-recovery p{margin:8px 0 0;font-size:var(--font-sm);line-height:1.6;color:var(--ink)}