:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f5;--panel:#fff;--text:#17202c;--muted:#5d6b7d;--line:#cfd7e3;--line-strong:#9aa8bb;--accent:#0f766e;--accent-strong:#0b5f59;--danger:#9f1239;--shadow:0 14px 36px #1f29372e;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;min-height:100%;color:var(--text);margin:0;overflow:hidden auto}button,input,select{font:inherit}.app{grid-template-columns:minmax(0,1fr) 336px;min-width:0;height:100vh;min-height:0;display:grid}.helpful-content{background:var(--panel);border-top:1px solid var(--line);padding:48px 24px 56px}.helpful-content-details{max-width:1040px;margin:0 auto}.helpful-content-details>summary{display:none}.helpful-content-inner{gap:26px;display:grid}.helpful-eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:760;line-height:1.2}.helpful-heading{gap:10px;display:grid}.helpful-content h2,.helpful-content h3,.helpful-content h4,.helpful-content p{margin:0}.helpful-content h2{color:var(--text);letter-spacing:0;font-size:28px;font-weight:780;line-height:1.12}.helpful-heading p{color:var(--muted);font-size:16px;line-height:1.55}.helpful-block{border-top:1px solid var(--line);gap:16px;padding-top:20px;display:grid}.helpful-block>h3{color:var(--text);letter-spacing:0;font-size:18px;font-weight:760;line-height:1.2}.helpful-workflows{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.helpful-workflow{gap:10px;min-width:0;display:grid}.helpful-workflow h4,.helpful-faq-item h4{color:var(--text);letter-spacing:0;font-size:15px;font-weight:760;line-height:1.3}.helpful-workflow p,.helpful-workflow li,.helpful-faq-item p{color:var(--muted);font-size:14px;line-height:1.5}.helpful-workflow ul{gap:5px;margin:0;padding-left:18px;display:grid}.helpful-faq{grid-template-columns:minmax(150px,220px) repeat(2,minmax(0,1fr));align-items:start}.helpful-faq>h3{grid-row:span 2}.helpful-faq-item{gap:6px;min-width:0;display:grid}.page-footer{background:var(--panel);border-top:1px solid var(--line);padding:18px 24px 22px}.page-footer-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1040px;margin:0 auto;display:flex}.page-footer-brand,.page-footer-label,.support-email{min-width:0;color:var(--muted);font-size:12px;font-weight:650;line-height:1.3}.page-footer-contact{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 7px;min-width:0;display:flex}.support-email{overflow-wrap:anywhere;text-decoration:underline;-webkit-text-decoration-color:var(--line-strong);text-decoration-color:var(--line-strong);text-underline-offset:2px}.support-email:hover{color:var(--accent);text-decoration-color:currentColor}.support-email:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #0f766e6b}.sidebar{z-index:2;background:var(--panel);border-left:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;padding:16px;display:flex;box-shadow:-1px 0 #fffc}.sidebar-main{gap:14px;display:grid}.product-summary{gap:4px;min-width:0;display:grid}.product-summary h1{color:var(--text);letter-spacing:0;margin:0;font-size:20px;font-weight:760;line-height:1.1}.product-summary p{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px;line-height:1.35}.dimension-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.utility-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.utility-control{min-width:0;position:relative}.position-row{display:none}.field{gap:5px;min-width:0;display:grid}.field label,.format-label{color:var(--muted);font-size:12px;font-weight:650;line-height:1}.field input{border:1px solid var(--line);width:100%;height:36px;color:var(--text);background:#fff;border-radius:6px;padding:0 9px}.field input:focus,.quality-control input[type=range]:focus-visible,.button:focus-visible,.file-button:focus-visible,.segment input:focus-visible+span,canvas:focus-visible{outline-offset:2px;outline:2px solid #0f766e6b}.file-button,.button{border:1px solid var(--line);height:36px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#fff;border-radius:6px;padding:0 12px}.file-button{justify-content:center;align-items:center;gap:7px;width:100%;display:inline-flex}.button:hover,.file-button:hover{border-color:var(--line-strong);background:#f8fafc}.button:disabled{color:#8c98a8;cursor:not-allowed;background:#f3f5f8;border-color:#d8dee8}.button.primary,.file-button.primary{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:700}.button.primary:hover:not(:disabled),.file-button.primary:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.button.primary:disabled{color:var(--muted);background:var(--bg);border-color:var(--line)}.button.icon{width:36px;padding:0;font-size:20px;font-weight:650;line-height:1}.utility-control .button{width:100%}.button.center-action{color:#0000;font-size:0;position:relative;overflow:hidden}.button.center-action:before,.button.center-action:after{color:var(--text);content:"";display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.button.center-action:before{border:2px solid;border-radius:50%;width:16px;height:16px}.button.center-action:after{background:currentColor;border-radius:50%;width:4px;height:4px}.source-size-reset-action{padding:0 8px;font-size:13px;font-weight:750}.utility-tooltip{z-index:10;width:min(240px,100vw - 32px);color:var(--muted);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);white-space:normal;overflow-wrap:normal;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.35;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.utility-control:last-child .utility-tooltip{left:auto;right:0;transform:none}.utility-tooltip[hidden]{display:none}.output-workflow,.crop-mode,.format{gap:5px;display:grid}.output-workflow[hidden],.crop-mode[hidden],.dimension-grid[hidden],.utility-row[hidden],.position-row[hidden],.output-size[hidden]{display:none}.quality-control{gap:6px;min-width:0;display:grid}.quality-control[hidden]{display:none}.quality-label-row{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.quality-value{min-width:4ch;color:var(--text);text-align:right;flex:none;font-size:12px;font-weight:760;line-height:1}.quality-control input[type=range]{width:100%;height:36px;accent-color:var(--accent);cursor:pointer;margin:0}.quality-control input[type=range]:disabled{cursor:default}.segments{border:1px solid var(--line);background:#fff;border-radius:6px;height:36px;display:flex;overflow:hidden}.segment{flex:1 1 0;display:flex;position:relative}.segment input{opacity:0;pointer-events:none;position:absolute;inset:0}.segment span{width:100%;min-width:0;color:var(--muted);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;padding:0 12px;line-height:1.15;display:flex}.crop-mode .segment span{white-space:pre-line;padding:0 10px;line-height:1}.segment+.segment span{border-left:1px solid var(--line)}.segment input:checked+span{color:#fff;background:#334155}.status{min-width:0;color:var(--text);text-align:left;white-space:normal;overflow-wrap:anywhere;font-size:14px;font-weight:650;line-height:1.3;position:relative}.status.has-source-image{overflow-wrap:normal;white-space:nowrap;align-items:baseline;display:flex}.status.error{color:var(--danger);font-weight:650}.status-file-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.status-file-name:focus-visible{outline-offset:2px;border-radius:3px;outline:2px solid #0f766e6b}.status-source-separator,.status-source-period{flex:none}.status-source-size{min-width:0;color:var(--accent);cursor:pointer;font:inherit;font-weight:750;line-height:inherit;text-underline-offset:2px;background:0 0;border:0;border-radius:3px;flex:none;padding:0;text-decoration:underline;display:inline}.status-source-size:hover{color:var(--accent-strong)}.status-source-size:focus-visible{outline-offset:2px;outline:2px solid #0f766e6b}.status-tooltip{z-index:10;width:min(320px,100vw - 32px);color:var(--muted);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);overflow-wrap:normal;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:500;line-height:1.35;position:absolute;top:calc(100% + 8px);left:0}.status-tooltip[hidden]{display:none}.sidebar-footer{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding-top:16px;display:grid;position:relative}.output-size{min-width:0;color:var(--text);grid-template-columns:max-content minmax(0,1fr);gap:3px 10px;font-size:14px;font-weight:500;line-height:1.3;display:grid}.output-summary{display:contents}.output-summary-line,.estimated-file-size{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.output-dimensions-line{grid-column:1/-1}.output-details-line{grid-column:1}.output-summary-label{color:var(--text);font-weight:750}.output-summary-value{color:var(--text);font-weight:500}.estimated-file-size{color:var(--text);font-size:inherit;font-weight:500;line-height:inherit;grid-column:2;align-items:center;gap:5px;display:inline-flex}.estimated-file-size[hidden]{display:none}.estimated-file-size-spinner{border:2px solid var(--line);border-top-color:var(--text);border-radius:999px;width:12px;height:12px;animation:.75s linear infinite estimated-file-size-spin}.estimated-file-size-spinner[hidden]{display:none}@keyframes estimated-file-size-spin{to{transform:rotate(360deg)}}.keyboard-hint{color:var(--muted);margin:0;font-size:13px;line-height:1.35}.sidebar-footer .button.primary{width:100%;height:42px}.footer-bottom{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;min-width:0;display:grid}.app-version{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;align-self:center;font-size:12px;font-weight:650;line-height:1.2;overflow:hidden}.workspace{background:linear-gradient(90deg, #64748b1c 1px, transparent 1px), linear-gradient(#64748b1c 1px, transparent 1px), var(--bg);background-size:26px 26px;justify-content:center;align-items:center;min-width:0;min-height:0;padding:16px;display:flex;position:relative;overflow:hidden}.canvas-shell{max-width:100%;max-height:100%;box-shadow:var(--shadow);background:#d7dee8;border-radius:8px;position:relative;overflow:hidden}.canvas-shell.allows-panel-scroll-access:after{background:var(--line-strong);width:4px;height:42px;box-shadow:0 0 0 1px var(--panel);content:"";opacity:.78;pointer-events:none;border-radius:999px;display:block;position:absolute;bottom:6px;right:6px}canvas{cursor:default;touch-action:none;border-radius:8px;max-width:100%;max-height:100%;display:block}canvas.has-source-image{cursor:grab}canvas.has-source-image.is-area-selection{cursor:crosshair}canvas.is-convert{cursor:default;touch-action:pan-y}canvas.is-dragging{cursor:grabbing}.source-intake-button,.source-drop-indicator{z-index:1;border-radius:8px;position:absolute}.source-intake-button{border:2px dashed var(--line-strong);min-width:0;min-height:0;color:var(--text);cursor:pointer;text-align:center;background:#ffffffe0;flex-direction:column;justify-content:center;align-items:center;padding:18px;display:flex;overflow:hidden}.source-intake-button[hidden],.source-drop-indicator[hidden]{display:none}.source-intake-button:hover,.source-intake-button:focus-visible,.canvas-shell.is-source-dragging .source-intake-button{border-color:var(--accent);background:#fffffff0;box-shadow:inset 0 0 0 3px #0f766e1f}.source-intake-button:focus-visible{outline-offset:3px;outline:2px solid #0f766e6b}.source-intake-primary{max-width:100%;color:var(--text);overflow-wrap:anywhere;font-size:18px;font-weight:760;line-height:1.2}.source-intake-formats{color:var(--muted);margin-top:6px;font-size:13px;font-weight:650;line-height:1.2}.source-intake-paste{min-width:0;max-width:100%;color:var(--muted);overflow-wrap:anywhere;justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:13px;line-height:1.2;display:inline-flex}.source-intake-paste kbd{background:var(--panel);flex:none;margin:0}.source-intake-button.is-compact{padding:12px}.source-intake-button.is-compact .source-intake-primary{font-size:15px}.source-intake-button.is-compact .source-intake-formats{margin-top:4px;font-size:12px}.source-intake-button.is-compact .source-intake-paste{margin-top:8px;font-size:12px}.source-intake-button.is-tiny{padding:8px}.source-intake-button.is-tiny .source-intake-formats,.source-intake-button.is-tiny .source-intake-paste{display:none}.source-drop-indicator{pointer-events:none;border:2px solid var(--accent);background:#0f766e1a;box-shadow:inset 0 0 0 3px #ffffff6b}.canvas-shell.is-source-error .source-intake-button,.canvas-shell.is-source-error .source-drop-indicator{border-color:var(--danger);background:#9f123914;box-shadow:inset 0 0 0 3px #9f12391f}.corner-actions{justify-content:flex-end;align-items:center;gap:10px;min-height:48px;display:flex;position:relative}.corner-action{width:48px;height:48px;color:var(--text);cursor:pointer;font:inherit;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.corner-action svg{width:25px;height:25px}.corner-action:focus-visible{outline-offset:2px;outline:2px solid #0f766e6b}.security-action{color:var(--accent)}.security-action svg path:first-child{fill:currentColor;stroke:currentColor}.security-action svg path:last-child{fill:none;stroke:var(--panel);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round}.help-action,.install-action,.language-action{border-color:var(--line);background:var(--panel)}.install-action[hidden]{display:none}.language-action{letter-spacing:0;font-size:13px;font-weight:750}.help-action:hover,.install-action:hover,.install-action:focus-visible,.install-action:active,.language-action:hover,.language-action:focus-visible,.language-action:active,.help-action[aria-expanded=true]{border-color:var(--line-strong)}.install-action svg,.help-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.corner-popover{width:min(340px,100vw - 32px);color:var(--text);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:14px;position:absolute;bottom:58px;right:0}.corner-popover[hidden]{display:none}.corner-popover h2{margin:0 0 8px;font-size:15px;line-height:1.2}.corner-popover p{color:var(--muted);margin:0;font-size:14px;line-height:1.4}.shortcut-list{gap:8px;margin:0;display:grid}.shortcut-list div{grid-template-columns:auto 1fr;align-items:center;gap:10px;display:grid}.shortcut-list div[hidden]{display:none}.shortcut-list dt,.shortcut-list dd{margin:0}.shortcut-list dt{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.shortcut-list dt kbd{margin-right:0}.shortcut-list dd{color:var(--muted);font-size:14px;line-height:1.3}.shortcut-list .mode-help-row{border-top:1px solid var(--line);align-items:start;padding-top:8px}.shortcut-list .mode-help-row dt{color:var(--text);font-size:13px;font-weight:700;line-height:1.25}.shortcut-list .mode-help-row dd{font-size:13px;line-height:1.35}.shortcut-plus{color:var(--muted);font-size:13px;line-height:1}kbd{border:1px solid var(--line);min-width:26px;height:26px;color:var(--text);background:var(--bg);font:inherit;border-radius:6px;justify-content:center;align-items:center;margin-right:4px;padding:0 7px;font-size:13px;line-height:1;display:inline-flex}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}@media (max-width:900px){html,body{height:auto;min-height:100%;overflow:hidden auto}body{min-height:100vh}.app{flex-direction:column;height:auto;min-height:100vh;display:flex}.workspace{flex:none;min-height:0;padding:8px}.sidebar{border-top:1px solid var(--line);border-left:0;flex:1 0 auto;padding:10px 12px 12px;box-shadow:0 -1px #fffc}.sidebar-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:8px 10px;display:grid}.product-summary{grid-column:1/-1}.product-summary h1{font-size:18px}.product-summary p{font-size:12px;line-height:1.25}.status{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:13px;line-height:1.2;overflow:hidden}.status:not(.error){display:none}.file-button,.output-workflow,.crop-mode,.dimension-grid,.quality-control{grid-column:1/-1}.dimension-grid,.utility-row,.position-row{gap:6px}.utility-row{grid-column:1;align-self:end}.format{grid-column:2;align-self:end}.sidebar-footer{gap:8px;margin-top:8px;padding-top:10px}.output-size,.keyboard-hint{font-size:13px;line-height:1.25}.sidebar-footer .button.primary{height:40px}.corner-actions{gap:8px;min-height:44px}.app-version{font-size:12px}.corner-action{border-radius:10px;width:44px;height:44px}.corner-action svg{width:23px;height:23px}.corner-popover{width:min(340px,100vw - 16px);bottom:52px}.helpful-content{padding:34px 16px 42px}.page-footer{padding:16px 16px 20px}.helpful-content-inner{gap:22px}.helpful-content h2{font-size:24px;line-height:1.16}.helpful-heading p{font-size:15px;line-height:1.5}.helpful-workflows,.helpful-faq{grid-template-columns:minmax(0,1fr);gap:18px}.helpful-faq>h3{grid-row:auto}}@media (max-width:640px){.workspace{padding:5px}.sidebar{padding:8px 8px 10px}.sidebar-main{grid-template-columns:minmax(0,1fr);gap:6px}.product-summary{display:none}.status{white-space:normal;grid-column:1}.status:not(.error){display:none}.field{gap:3px}.field label,.format-label{font-size:11px}.field input{padding:0 7px}.dimension-grid{grid-column:1;gap:5px}.utility-row{grid-column:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.position-row{grid-column:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.utility-row .button,.position-row .button{width:100%}.output-workflow,.crop-mode,.format,.quality-control{grid-column:1}.sidebar-footer{gap:6px;margin-top:6px;padding-top:8px}.output-size{font-size:13px;line-height:1.2;overflow:hidden}.output-summary-line,.estimated-file-size{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.keyboard-hint{display:none}.corner-actions{min-height:40px}.footer-bottom{gap:8px}.corner-action{width:40px;height:40px}.corner-action svg{width:22px;height:22px}.corner-popover{width:min(340px,100vw - 10px);padding:12px;bottom:48px}.helpful-content{background:var(--panel);border-top:1px solid var(--line);padding:8px 8px 12px}.helpful-content-details{max-width:none}.helpful-content-details>summary{border:1px solid var(--line);min-height:40px;color:var(--text);background:var(--panel);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:0 10px;font-size:13px;font-weight:700;line-height:1.2;list-style:none;display:flex}.helpful-content-details>summary::-webkit-details-marker{display:none}.helpful-content-details>summary:after{color:var(--muted);content:"+";flex:none;font-size:18px;font-weight:650;line-height:1}.helpful-content-details[open]>summary{border-color:var(--line-strong)}.helpful-content-details[open]>summary:after{content:"-"}.helpful-content-inner{gap:16px;padding:16px 2px 4px}.page-footer{padding:12px 10px 16px}.page-footer-inner{justify-content:start;gap:6px;display:grid}.page-footer-contact{justify-content:start}.helpful-eyebrow{display:none}.helpful-content h2{font-size:18px;line-height:1.2}.helpful-heading{gap:8px}.helpful-heading p,.helpful-workflow p,.helpful-workflow li,.helpful-faq-item p{font-size:13px;line-height:1.45}.helpful-block{gap:12px;padding-top:14px}.helpful-block>h3{font-size:15px}.helpful-workflows,.helpful-faq{gap:14px}.helpful-workflow{gap:8px}.helpful-workflow h4,.helpful-faq-item h4{font-size:14px}}@media (prefers-reduced-motion:reduce){.estimated-file-size-spinner{border-top-color:var(--line-strong);animation:none}}