.dropzone[data-astro-cid-5ufo6xec]{display:block;border:2px dashed var(--color-border-soft);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-4);text-align:center;cursor:pointer;background:var(--color-surface-2);transition:border-color .15s ease,background .15s ease}.dropzone[data-astro-cid-5ufo6xec].is-drag{border-color:var(--color-primary);background:var(--color-primary-soft)}.dropzone-inner[data-astro-cid-5ufo6xec]{display:flex;flex-direction:column;gap:var(--space-1)}.error[data-astro-cid-5ufo6xec]{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger-border)}.editor[data-astro-cid-5ufo6xec]{margin-top:var(--space-4)}.workspace[data-astro-cid-5ufo6xec]{display:flex;justify-content:center;align-items:center;padding:var(--space-6);background:var(--color-canvas);border-radius:var(--radius-lg) var(--radius-lg) 0 0;overflow:hidden;min-height:220px}.stage[data-astro-cid-5ufo6xec]{position:relative;display:inline-block;max-width:100%;line-height:0;user-select:none;touch-action:none}.stage[data-astro-cid-5ufo6xec] img[data-astro-cid-5ufo6xec]{display:block;max-width:100%;max-height:min(60vh,480px);width:auto;height:auto}.crop-box[data-astro-cid-5ufo6xec]{position:absolute;border:1.5px solid #fff;box-shadow:0 0 0 1px #0006,0 0 0 9999px #0000008c;cursor:move;box-sizing:border-box}.grid-line[data-astro-cid-5ufo6xec]{position:absolute;background:#ffffff73;pointer-events:none}.grid-v1[data-astro-cid-5ufo6xec],.grid-v2[data-astro-cid-5ufo6xec]{top:0;bottom:0;width:1px}.grid-v1[data-astro-cid-5ufo6xec]{left:33.333%}.grid-v2[data-astro-cid-5ufo6xec]{left:66.666%}.grid-h1[data-astro-cid-5ufo6xec],.grid-h2[data-astro-cid-5ufo6xec]{left:0;right:0;height:1px}.grid-h1[data-astro-cid-5ufo6xec]{top:33.333%}.grid-h2[data-astro-cid-5ufo6xec]{top:66.666%}.handle[data-astro-cid-5ufo6xec]{position:absolute;width:22px;height:22px;background:#fff;border:2px solid var(--color-primary);border-radius:50%;box-shadow:var(--shadow-sm)}.handle-se[data-astro-cid-5ufo6xec]{right:-12px;bottom:-12px;cursor:nwse-resize}.handle[data-astro-cid-5ufo6xec]:before{content:"";position:absolute;inset:-12px}.controls[data-astro-cid-5ufo6xec]{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-surface)}.controls[data-astro-cid-5ufo6xec] .row[data-astro-cid-5ufo6xec]{display:flex;gap:var(--space-3);flex-wrap:wrap}.controls[data-astro-cid-5ufo6xec] fieldset[data-astro-cid-5ufo6xec]{margin:0}.controls[data-astro-cid-5ufo6xec] label[data-astro-cid-5ufo6xec]{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;flex:1;min-width:100px}@media(min-width:720px){.controls[data-astro-cid-5ufo6xec]{flex-direction:row;align-items:stretch;flex-wrap:wrap}.controls[data-astro-cid-5ufo6xec] .control-group[data-astro-cid-5ufo6xec]{flex:1}.controls[data-astro-cid-5ufo6xec] .row[data-astro-cid-5ufo6xec]{flex-wrap:nowrap}.controls[data-astro-cid-5ufo6xec] .btn[data-astro-cid-5ufo6xec]{align-self:flex-end;flex-shrink:0}}@media(max-width:640px){.controls[data-astro-cid-5ufo6xec] .btn[data-astro-cid-5ufo6xec]{width:100%}}.result[data-astro-cid-5ufo6xec]{margin-top:var(--space-5);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:var(--shadow-sm)}.result[data-astro-cid-5ufo6xec] .done[data-astro-cid-5ufo6xec]{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:var(--color-success-bg);color:var(--color-success);font-size:var(--text-sm);margin-right:var(--space-1);vertical-align:2px}.result[data-astro-cid-5ufo6xec] img[data-astro-cid-5ufo6xec]{max-width:100%;max-height:320px;border:1px solid var(--color-border);border-radius:var(--radius);display:block;margin:var(--space-2) 0}@media(max-width:640px){.result[data-astro-cid-5ufo6xec] .btn[data-astro-cid-5ufo6xec]{width:100%}}