.canonical-tool-head{max-width:920px;margin:0 auto var(--s-4);text-align:center}.canonical-tool-head .lead{max-width:760px;margin-inline:auto}.workspace-editor{padding-top:var(--s-3);max-width:1400px;min-height:60vh;margin:0 auto}.hidden{display:none!important}.workspace-landing{margin-top:var(--s-4)}.upload-zone{border:2px dashed var(--border);border-radius:var(--radius-2);background:linear-gradient(180deg, color-mix(in srgb, var(--panel) 88%, #16384b 12%), var(--panel));cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-height:280px;transition:all .2s;display:flex}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--b1);background:linear-gradient(180deg, color-mix(in srgb, var(--panel2) 78%, #1b5875 22%), var(--panel2));transform:translateY(-2px)}.upload-icon{margin-bottom:14px;font-size:48px}.upload-text{text-align:center}.upload-sub{margin-top:8px}.toolbar-nav{margin-bottom:20px}.back-link{color:var(--muted);align-items:center;gap:8px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text)}.arrow{font-size:1.2em;line-height:1}.center-msg{border:1px solid var(--border);background:var(--panel);text-align:center;border-radius:16px;padding:32px 18px}.editor-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.editor-kicker{text-transform:uppercase;letter-spacing:.12em;color:var(--b1);margin:0 0 8px;font-size:12px}.editor-copy p:last-child{max-width:760px;margin:10px 0 0}.editor-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn-ghost,.btn-primary,.btn-success{border:1px solid var(--border);cursor:pointer;border-radius:12px;padding:12px 18px;font-weight:600;text-decoration:none;transition:all .2s}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{background:var(--panel2);border-color:color-mix(in srgb, var(--border) 75%, var(--text) 25%)}.btn-primary{background:linear-gradient(135deg, var(--b1), #8ae8ff);color:#041217;border-color:#0000}.btn-primary:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.btn-primary:disabled{opacity:.65;cursor:progress;transform:none}.btn-success{color:#b7ffda;background:#16372a;border-color:#95ffca40}.btn-success:hover{background:#1d4636}.editor-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,360px);align-items:start;gap:22px;display:grid}.preview-panel,.control-panel{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:18px}.metric-row{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.metric-pill{border:1px solid var(--border);background:color-mix(in srgb, var(--panel2) 72%, transparent);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.metric-pill strong{color:var(--text)}.preview-stage{border:1px solid var(--border);background-color:#0000;background-image:linear-gradient(45deg,#ffffff08 25%,#0000 25%),linear-gradient(-45deg,#ffffff08 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff08 75%),linear-gradient(-45deg,#0000 75%,#ffffff08 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:16px;justify-content:center;align-items:center;min-height:420px;display:flex;overflow:hidden}.preview-stage img{object-fit:contain;user-select:none;max-width:100%;max-height:68vh;display:block}.crop-stage-wrap{padding:18px}.crop-stage{touch-action:none;max-width:100%;max-height:68vh;display:inline-block;position:relative}.crop-stage img{border-radius:12px;max-width:100%;max-height:68vh;display:block}.crop-box{cursor:move;border:2px solid #5dd6ff;border-radius:12px;position:absolute;box-shadow:0 0 0 9999px #01060b94}.crop-dimensions{color:#d9faff;white-space:nowrap;background:#07151deb;border:1px solid #5dd6ff42;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;top:-34px;left:0}.crop-handle{cursor:nwse-resize;background:#5dd6ff;border:2px solid #08202b;border-radius:50%;width:18px;height:18px;padding:0;position:absolute}.crop-handle.nw{top:-9px;left:-9px}.crop-handle.ne{cursor:nesw-resize;top:-9px;right:-9px}.crop-handle.sw{cursor:nesw-resize;bottom:-9px;left:-9px}.crop-handle.se{bottom:-9px;right:-9px}.helper-text{margin-top:12px}.control-panel{flex-direction:column;gap:14px;display:flex}.control-card{border:1px solid var(--border);background:color-mix(in srgb, var(--panel2) 72%, transparent);border-radius:14px;padding:14px}.field-label{color:var(--text);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.field-input{border:1px solid var(--border);width:100%;color:var(--text);background:#ffffff08;border-radius:10px;padding:10px 12px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.field-value{color:var(--b1);font-size:13px;font-weight:700}.checkbox-row{color:var(--muted);align-items:center;gap:10px;margin-top:12px;display:inline-flex}.checkbox-row input{accent-color:var(--b1)}.result-box{background:linear-gradient(#133326b3,#0b1b14eb);border:1px solid #95ffca33;border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding:18px;display:flex}.result-copy h3{margin:0 0 6px}.result-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.result-preview{object-fit:cover;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;width:96px;height:96px}@media (width<=980px){.editor-layout{grid-template-columns:1fr}.editor-header{flex-direction:column;align-items:stretch}}@media (width<=640px){.field-grid{grid-template-columns:1fr}.preview-stage{min-height:300px}.editor-actions{justify-content:stretch;width:100%}.editor-actions>*{text-align:center;flex:100%}}.transform-content[data-astro-cid-pj4uzjv4]{padding-top:var(--s-5);padding-bottom:var(--s-7)}.transform-content[data-astro-cid-pj4uzjv4] article[data-astro-cid-pj4uzjv4]{max-width:880px;margin:0 auto;line-height:1.75}.transform-content[data-astro-cid-pj4uzjv4] p[data-astro-cid-pj4uzjv4]{color:var(--muted)}