#editor-stage .canvas-container{position:absolute;top:0;left:0}.crop-frame{user-select:none;touch-action:none;cursor:crosshair;line-height:0;display:inline-block;position:relative}.crop-image{background:#f1f5f9;max-width:none;display:block}.crop-canvas-wrap{height:clamp(22rem,68vh,46rem)}.crop-canvas{overflow-anchor:none;background:#f1f5f9;border-radius:.75rem;place-items:center;height:100%;padding:1.25rem 1rem;display:grid;overflow:hidden}@media (width>=64rem){.crop-canvas-wrap{height:clamp(24rem,72vh,52rem)}}[data-crop-panel]:not(.hidden){flex-direction:column;display:flex}.crop-overlay{position:absolute;inset:0}.crop-shade{pointer-events:none;background:#0f172a8c;position:absolute}.crop-box{box-sizing:border-box;cursor:move;border:1.5px solid #fff;position:absolute;box-shadow:0 0 0 1px #0f172a73}.crop-box-label{color:#fff;white-space:nowrap;pointer-events:none;background:#0f172ad9;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;line-height:1.4;position:absolute;top:-1.65rem;left:50%;transform:translate(-50%)}.crop-handle{box-sizing:border-box;background:#fff;border:1px solid #0f172a8c;border-radius:2px;width:12px;height:12px;position:absolute}.crop-handle--nw{cursor:nwse-resize;top:-6px;left:-6px}.crop-handle--ne{cursor:nesw-resize;top:-6px;right:-6px}.crop-handle--sw{cursor:nesw-resize;bottom:-6px;left:-6px}.crop-handle--se{cursor:nwse-resize;bottom:-6px;right:-6px}.crop-handle--n{cursor:ns-resize;margin-left:-6px;top:-6px;left:50%}.crop-handle--s{cursor:ns-resize;margin-left:-6px;bottom:-6px;left:50%}.crop-handle--w{cursor:ew-resize;margin-top:-6px;top:50%;left:-6px}.crop-handle--e{cursor:ew-resize;margin-top:-6px;top:50%;right:-6px}.crop-guide{pointer-events:none;position:absolute;inset:0}.crop-guide-head{border:1px dashed #ffffffd9;border-radius:50%;width:62%;height:70%;position:absolute;top:7%;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #0f172a40}.crop-guide-eyes{border-top:1px dashed #ffffffd9;position:absolute;top:38%;left:8%;right:8%;box-shadow:0 1px #0f172a40}.crop-scope-badge{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe;border-radius:9999px;align-items:center;margin:0;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-flex}.crop-scope-badge.hidden{display:none}.crop-strip{gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.crop-thumb-item{flex:none;position:relative}.crop-thumb-remove{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #0f172a59;border-radius:9999px;place-items:center;width:18px;height:18px;padding:0;font-size:12px;line-height:1;display:grid;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 2px #0f172a40}.crop-thumb-remove:hover{color:#fff;background:#ef4444;border-color:#ef4444}.crop-thumb{cursor:pointer;background:#f1f5f9;border:2px solid #0000;border-radius:.5rem;width:4rem;height:3rem;display:block;overflow:hidden}.crop-thumb.is-active{border-color:var(--color-brand-500,#6366f1)}.crop-thumb img{object-fit:cover;width:100%;height:100%}.crop-thumb-placeholder{color:#94a3b8;place-items:center;width:100%;height:100%;font-size:.75rem;display:grid}[data-tool=rotate] .rotate-action{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-control);min-height:3.5rem;color:var(--color-text);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem .25rem;font-size:.6875rem;font-weight:600;line-height:1.15;display:flex}[data-tool=rotate] .rotate-action:hover{border-color:var(--color-brand-400);background-color:var(--color-brand-50);color:var(--color-brand-700)}[data-tool=rotate] .rotate-action:focus-visible{outline:2px solid var(--color-brand-600);outline-offset:2px}[data-tool=rotate] .rotate-action[aria-pressed=true]{border-color:var(--color-brand-600);background-color:var(--color-brand-600);color:#fff}[data-tool=rotate] #preview-import-grid img{object-fit:contain;transform:rotate(var(--rotate-deg,0deg)) scaleX(var(--flip-x,1)) scaleY(var(--flip-y,1)) scale(var(--rotate-scale,1));transition:transform var(--dur-base) var(--ease-standard)}[data-tool=watermark] .wm-tabs{border-radius:var(--radius-control);background-color:var(--color-brand-50,#f1f5f9);grid-template-columns:1fr 1fr;gap:.25rem;padding:.25rem;display:grid}[data-tool=watermark] .wm-tab{border-radius:calc(var(--radius-control) - 2px);color:var(--color-text-muted);cursor:pointer;background-color:#0000;border:0;padding:.45rem .5rem;font-size:.75rem;font-weight:600}[data-tool=watermark] .wm-tab[aria-selected=true]{color:var(--color-brand-700);background-color:#fff;box-shadow:0 1px 2px #0f172a14}[data-tool=watermark] .wm-card{border:1px solid var(--color-border,#e2e8f0);border-radius:var(--radius-control);color:var(--color-text);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard);background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.7rem .5rem;font-size:.75rem;font-weight:600;display:flex}[data-tool=watermark] .wm-card:hover{border-color:var(--color-brand-400)}[data-tool=watermark] .wm-card[aria-pressed=true]{border-color:var(--color-brand-600);background-color:var(--color-brand-50);color:var(--color-brand-700)}[data-tool=watermark] .wm-mode-btn{border-radius:calc(var(--radius-control) - 2px);color:var(--color-text-muted);cursor:pointer;background-color:#0000;border:0;padding:.45rem .4rem;font-size:.75rem;font-weight:600}[data-tool=watermark] .wm-mode-btn[aria-pressed=true]{color:var(--color-brand-700);background-color:#fff;box-shadow:0 1px 2px #0f172a14}[data-tool=watermark] .wm-position-grid{grid-template-columns:repeat(3,2.5rem);gap:.375rem;display:grid}[data-tool=watermark] .wm-anchor{border:1px solid var(--color-border,#e2e8f0);cursor:pointer;height:2.5rem;transition:border-color var(--dur-fast) var(--ease-standard);background-color:#fff;border-radius:.5rem;position:relative}[data-tool=watermark] .wm-anchor:after{content:"";background-color:var(--color-border-strong,#cbd5e1);border-radius:2px;width:.6rem;height:.32rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-tool=watermark] .wm-anchor[data-anchor^=top]:after{top:.45rem}[data-tool=watermark] .wm-anchor[data-anchor^=bottom]:after{top:calc(100% - .45rem)}[data-tool=watermark] .wm-anchor[data-anchor$=left]:after{left:.55rem}[data-tool=watermark] .wm-anchor[data-anchor$=right]:after{left:calc(100% - .55rem)}[data-tool=watermark] .wm-anchor[data-anchor$=center]:after{left:50%}[data-tool=watermark] .wm-anchor:hover{border-color:var(--color-brand-400)}[data-tool=watermark] .wm-anchor[aria-pressed=true]{border-color:var(--color-brand-600);background-color:var(--color-brand-50)}[data-tool=watermark] .wm-anchor[aria-pressed=true]:after{background-color:var(--color-brand-600)}[data-tool=watermark] .wm-color-dot{border:1px solid var(--color-border-strong,#cbd5e1);width:2rem;height:2rem;box-shadow:var(--shadow-card);cursor:pointer;-webkit-appearance:none;appearance:none;background-color:#0000;border-radius:9999px;padding:0}[data-tool=watermark] .wm-color-dot::-webkit-color-swatch-wrapper{border-radius:9999px;padding:0}[data-tool=watermark] .wm-color-dot::-webkit-color-swatch{border:0;border-radius:9999px}[data-tool=watermark] .wm-color-dot::-moz-color-swatch{border:0;border-radius:9999px}[data-tool=watermark] .wm-logo-drop{border:1px dashed var(--color-border-strong,#cbd5e1);border-radius:var(--radius-control);min-height:6.5rem;transition:border-color var(--dur-fast) var(--ease-standard);background-color:#fff;justify-content:center;align-items:center;padding:.75rem;display:flex;position:relative}[data-tool=watermark] .wm-logo-drop.is-filled{background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}[data-tool=watermark] .wm-logo-drop:hover{border-color:var(--color-brand-400)}[data-tool=watermark] .wm-logo-pick{width:100%;height:100%;color:var(--color-text-muted);cursor:pointer;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;font-size:.8125rem;display:flex}[data-tool=watermark] .wm-logo-icon{width:1.5rem;height:1.5rem;color:var(--color-brand-400)}[data-tool=watermark] .wm-logo-drop.is-filled .wm-logo-icon{display:none}[data-tool=watermark] .wm-logo-remove{border:1px solid var(--color-border,#e2e8f0);width:1.5rem;height:1.5rem;color:var(--color-text-muted);cursor:pointer;background-color:#fff;border-radius:9999px;font-size:.9rem;line-height:1;position:absolute;top:.4rem;right:.4rem}[data-tool=watermark] .wm-logo-remove:not(.hidden){place-items:center;display:grid}[data-tool=watermark] .wm-logo-remove:hover{color:#e11d48;border-color:#fda4af}[data-tool=watermark] #preview-import-grid canvas.wm-preview{z-index:20;cursor:move;touch-action:none;position:absolute}[data-tool=resize] .resize-frame{position:relative}[data-tool=resize] .resize-frame[data-pad=white]{background-color:#fff}.swatch-dot--transparent,[data-tool=resize] .resize-frame[data-pad=transparent]{background-color:#fff;background-image:linear-gradient(45deg,#e2e8f0 25%,#0000 25%),linear-gradient(-45deg,#e2e8f0 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e2e8f0 75%),linear-gradient(-45deg,#0000 75%,#e2e8f0 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}