.image-page .image-wrap{max-width:1280px;margin:auto;padding:0 32px;position:relative;z-index:1}.image-page:after{opacity:.09}.image-page [hidden]{display:none!important}.image-page .site-skip-link:not(:focus){visibility:hidden}.image-page .image-hero{padding:28px 0 27px}.image-page .image-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:var(--text-dim);margin-bottom:26px}.image-page .image-breadcrumb a{color:var(--text-dim);text-decoration:none}.image-kicker{display:flex;align-items:center;gap:8px;color:var(--accent2);font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1.5px;margin-bottom:12px}.image-kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.image-page .image-hero h1{font:650 clamp(32px,4.3vw,52px)/1.08 "Figtree",sans-serif;letter-spacing:-1.7px;margin:0 0 14px}.image-hero h1 span{color:var(--accent)}.image-description{max-width:720px;font-size:14px;line-height:1.8;color:var(--text-dim)}.image-tool-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.image-tool-nav a{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);padding:9px 12px;border-radius:7px;text-decoration:none;font-size:11px}.image-tool-nav a[aria-current]{color:var(--text);border-color:var(--accent);background:var(--surface2)}.image-tool-nav a:hover{color:var(--text);border-color:var(--accent)}.image-page .image-dropzone{display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--surface);border:1px dashed var(--border2);border-radius:13px;padding:23px 25px;margin-bottom:21px;transition:border-color .2s,background .2s}.image-dropzone.is-dragging{border-color:var(--accent);background:var(--surface2)}.image-drop-copy{display:flex;align-items:center;gap:16px}.image-upload-icon{display:grid;place-content:center;width:46px;height:46px;flex-shrink:0;background:var(--color-background-info);color:var(--accent);border:1px solid var(--border2);border-radius:11px}.image-upload-icon svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.5}.image-drop-copy h2{font-size:16px;font-weight:600;letter-spacing:-.2px;margin-bottom:6px}.image-drop-copy p{font-size:11px;line-height:1.7;color:var(--text-dim)}.image-upload-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.image-btn,.image-small-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 15px;border:1px solid var(--border2);border-radius:7px;background:var(--surface2);color:var(--text);font:600 12px Figtree,sans-serif;text-decoration:none;cursor:pointer}.image-btn-primary{background:#4b5ddd;border-color:#4b5ddd;color:#fff}.image-btn:hover:not(:disabled),.image-small-btn:hover:not(:disabled){border-color:var(--accent);filter:brightness(1.06)}.image-btn:disabled,.image-small-btn:disabled{opacity:.5;cursor:default}.image-btn-quiet{background:transparent;color:var(--text-dim)}.image-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7}.image-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.image-workspace{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.image-panel{min-width:0;border:1px solid var(--border);border-radius:13px;padding:23px;background:var(--surface)}.image-settings{margin:0;border:0;padding:0;min-width:0}.image-settings legend{font-size:15px;font-weight:650;padding:0;margin:0 0 22px}.image-field{display:block;min-width:0;margin-bottom:20px}.image-field>label,.image-field-label{display:block;color:var(--text);font-size:11px;font-weight:600;margin-bottom:8px}.image-field input:not([type=checkbox]):not([type=range]),.image-field select{min-height:42px;font-size:12px;border-radius:6px;background-color:var(--bg2);border-color:var(--border2)}.image-field input[type=range]{width:100%;accent-color:var(--accent);cursor:pointer}.image-page input:disabled,.image-page select:disabled{opacity:.55;cursor:default}.image-field input[type=color]{width:100%;padding:5px;background:var(--bg2);border:1px solid var(--border2);cursor:pointer}.image-help{color:var(--text-dim);font-size:10px;line-height:1.7;margin:7px 0 0}.image-presets{display:flex;flex-wrap:wrap;gap:6px;margin-top:9px}.image-presets button{padding:6px 8px;border:1px solid var(--border);border-radius:5px;font:500 10px Figtree,sans-serif;background:var(--bg2);color:var(--text-dim);cursor:pointer;min-height:30px}.image-presets button:hover{color:var(--text);border-color:var(--accent)}.image-check{display:flex;align-items:flex-start;gap:8px;margin:13px 0;color:var(--text-dim);font-size:11px;line-height:1.5;cursor:pointer}.image-check input{accent-color:var(--accent);width:15px;height:15px;flex-shrink:0;margin-top:1px}.image-fields-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.image-fields-row .image-field{margin-bottom:10px}.image-quality-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.image-quality-label label{font-size:11px;font-weight:600}.image-quality-label output{font:10px ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--accent)}.image-field-divider{margin-top:22px;padding-top:21px;border-top:1px solid var(--border)}.image-process{width:100%;margin-top:5px}.image-local-note{display:flex;align-items:center;gap:7px;justify-content:center;font-size:10px;color:var(--text-dim);margin-top:15px}.image-local-note svg{width:12px;height:12px;fill:none;stroke:var(--accent2);stroke-width:1.7}.image-results-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:17px}.image-results-head h2{font-size:15px;font-weight:650}.image-results-head h2 span{font-size:10px;color:var(--text-dim);font-weight:400;margin-left:8px}.image-results-actions{display:flex;gap:8px}.image-results-actions .image-btn{min-height:35px;padding:7px 11px;font-size:10px}.image-empty{text-align:center;border:1px dashed var(--border);border-radius:9px;padding:38px 15px;background:var(--bg2)}.image-empty-art{position:relative;width:100px;height:70px;margin:0 auto 23px;border:1px solid var(--border2);border-radius:8px;overflow:hidden;background:var(--surface2);transform:rotate(-5deg)}.image-empty-art:before{content:"";position:absolute;width:20px;height:20px;right:17px;top:12px;background:var(--accent4);border-radius:50%;opacity:.8}.image-empty-art:after{content:"";position:absolute;width:85px;height:85px;bottom:-50px;left:-10px;background:var(--accent);transform:rotate(45deg);box-shadow:42px -22px 0 var(--accent2);border-radius:8px;opacity:.7}.image-empty h3{font-size:15px;font-weight:500;margin-bottom:9px}.image-empty p{font-size:11px;line-height:1.8;max-width:310px;margin:auto;color:var(--text-dim)}.image-empty-formats{display:flex;justify-content:center;gap:8px;margin-top:20px}.image-empty-formats span{font:8px ui-monospace,SFMono-Regular,Consolas,monospace;padding:5px 7px;border:1px solid var(--border);border-radius:4px;color:var(--text-faint)}.image-file{display:flex;align-items:center;gap:13px;padding:13px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;margin-top:10px}.image-file.is-selected{border-color:var(--accent)}.image-thumb{object-fit:contain;width:64px;height:54px;flex-shrink:0;border-radius:5px;background:var(--surface2)}.image-thumb-pending{display:grid;place-content:center;color:var(--text-faint)}.image-file-info{min-width:0;flex:1}.image-file-info h3{font-size:12px;font-weight:600;overflow-wrap:anywhere;margin:0 0 5px}.image-file-info p{font-size:10px;line-height:1.65;color:var(--text-dim);overflow-wrap:anywhere}.image-file-info .image-file-success{color:var(--accent2)}.image-file-info .image-file-error{color:var(--accent3)}.image-file-actions{display:flex;align-items:center;flex-wrap:wrap;justify-content:end;gap:6px;max-width:210px}.image-small-btn{font-size:10px;padding:7px 9px;min-height:32px}.image-small-btn[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.image-download{color:var(--accent2)}.image-remove{border:0;background:transparent;color:var(--text-dim);font-size:20px;min-width:30px;min-height:32px;cursor:pointer}.image-remove:hover{color:var(--accent3)}.image-status{font-size:11px;color:var(--text-dim);line-height:1.8;margin-top:14px}.image-status:empty{display:none}.image-notice{font-size:12px;line-height:1.7;padding:12px 16px;margin-bottom:16px;border:1px solid var(--accent3);border-radius:7px;color:var(--text);background:var(--surface);overflow-wrap:anywhere}.image-progress-row{display:flex;align-items:center;gap:12px;margin-top:15px}.image-progress-row span{font-size:10px;color:var(--text-dim)}.image-progress-row progress{accent-color:var(--accent);width:100%;height:5px;flex:1}.image-progress-row .image-btn{min-height:30px;padding:6px 8px;font-size:10px}.image-preview{border-top:1px solid var(--border);margin-top:22px;padding-top:18px}.image-preview-tabs{display:flex;justify-content:center;gap:6px;margin-bottom:15px}.image-preview-figure{display:flex;align-items:center;justify-content:center;min-height:100px;max-height:320px;border:1px solid var(--border);border-radius:8px;padding:12px;background:repeating-conic-gradient(var(--bg2) 0% 25%,var(--surface2) 0% 50%) 50% / 16px 16px}.image-preview-figure img{display:block;object-fit:contain;max-width:100%;max-height:290px;width:auto;height:auto}.image-preview-caption{font-size:10px;text-align:center;color:var(--text-dim);margin-top:11px;line-height:1.7}.image-batch-summary{font-size:10px;color:var(--text-dim);line-height:1.7;padding-top:15px;margin-top:18px;border-top:1px solid var(--border)}.image-crop-editor{margin-top:23px;padding-top:20px;border-top:1px solid var(--border)}.image-crop-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.image-crop-head h3{font-size:13px;font-weight:600}.image-crop-stage{position:relative;width:100%;max-width:480px;margin:14px auto;overflow:hidden;touch-action:none;user-select:none;cursor:crosshair;border-radius:5px;background:var(--bg2)}.image-crop-stage>img{display:block;width:100%;height:100%;pointer-events:none}.image-crop-selection{position:absolute;border:2px solid #fff;outline:1px solid #080810;box-shadow:0 0 0 1000px #08081088;cursor:move}.image-crop-selection:before,.image-crop-selection:after{content:"";position:absolute;inset:33.333% 0;border-block:1px solid #fff6;pointer-events:none}.image-crop-selection:after{inset:0 33.333%;border:0;border-inline:1px solid #fff6}.image-crop-handle{position:absolute;width:16px;height:16px;background:#fff;border:2px solid #4b5ddd;border-radius:3px;z-index:1}.image-crop-handle[data-corner=nw]{left:-3px;top:-3px;cursor:nwse-resize}.image-crop-handle[data-corner=ne]{right:-3px;top:-3px;cursor:nesw-resize}.image-crop-handle[data-corner=sw]{left:-3px;bottom:-3px;cursor:nesw-resize}.image-crop-handle[data-corner=se]{right:-3px;bottom:-3px;cursor:nwse-resize}.image-crop-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.image-crop-fields .image-field{margin:0}.image-content{margin:36px 0 20px}.image-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.image-step{padding:23px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.image-step>span{color:var(--accent);font:10px ui-monospace,SFMono-Regular,Consolas,monospace}.image-step h3{font-size:14px;font-weight:600;margin:18px 0 9px}.image-step p,.image-content p,.image-content li{color:var(--text-dim);font-size:12px;line-height:1.85}.image-content>h2{font-size:23px;font-weight:600;letter-spacing:-.5px;margin:33px 0 18px}.image-explainer{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:25px 0;margin-top:10px}.image-explainer h2,.image-faq h2{font-size:20px;margin-bottom:14px;font-weight:600;letter-spacing:-.4px}.image-explainer ul{padding-left:18px}.image-content a{color:var(--accent)}.image-faq{border-top:1px solid var(--border);padding-top:26px}.image-faq details{padding:14px 0;border-bottom:1px solid var(--border)}.image-faq summary{font-size:13px;font-weight:500;cursor:pointer}.image-faq details p{margin-top:12px;max-width:850px}.image-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid var(--border);padding:25px 0;margin-top:36px;font-size:11px;color:var(--text-dim)}.image-footer nav{display:flex;flex-wrap:wrap;gap:18px}.image-footer a{color:var(--text-dim);text-decoration:none}.image-page :where(button,a,input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:950px){.image-workspace{grid-template-columns:260px minmax(0,1fr);gap:14px}.image-panel{padding:18px}.image-upload-actions{flex-direction:column;align-items:stretch}.image-file{flex-wrap:wrap}.image-file-actions{width:100%;max-width:none}}@media(max-width:760px){.image-page .image-wrap{padding-inline:18px}.image-page .image-hero{padding:22px 0}.image-page .image-hero h1{font-size:36px;letter-spacing:-1px}.image-breadcrumb{margin-bottom:20px}.image-description{font-size:13px}.image-workspace{grid-template-columns:minmax(0,1fr)}.image-page .image-dropzone{padding:20px;flex-direction:column;gap:18px;align-items:stretch}.image-drop-copy{gap:12px}.image-drop-copy h2{font-size:14px}.image-upload-actions{flex-direction:row}.image-upload-actions .image-btn{flex:1}.image-settings legend{margin-bottom:20px}.image-steps{gap:10px}.image-step{padding:18px}.image-explainer{gap:20px}.image-file{flex-wrap:nowrap}.image-file-actions{width:auto;max-width:160px}}@media(max-width:480px){.image-page .image-wrap{padding-inline:15px}.image-tool-nav{gap:6px}.image-tool-nav a{padding:8px 10px;font-size:10px}.image-upload-icon{display:none}.image-file{flex-wrap:wrap}.image-file-actions{width:100%;max-width:none;justify-content:start}.image-remove{margin-left:auto}.image-thumb{width:50px;height:44px}.image-crop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.image-steps,.image-explainer{grid-template-columns:minmax(0,1fr)}.image-step{display:grid;grid-template-columns:25px minmax(0,1fr);column-gap:12px}.image-step>span{grid-row:span 2;padding-top:2px}.image-step h3{margin:0 0 7px}.image-results-head{align-items:start}}
