.heading-icon[data-v-bd49107a]{--tool-color:#10b981}.tool-kicker[data-v-bd49107a]{color:var(--brand-500);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.125rem;font-size:.8125rem;font-weight:700}.tool-header h1[data-v-bd49107a]{margin:0;font-size:1.375rem;line-height:1.1}.tool-header p[data-v-bd49107a]{color:var(--text-secondary);max-width:36rem;margin:.25rem 0 0;font-size:.8125rem}.upload-card[data-v-bd49107a],.controls-card[data-v-bd49107a],.action-card[data-v-bd49107a]{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:.5rem;margin-bottom:.75rem;padding:.875rem}.upload-zone[data-v-bd49107a]{border:2px dashed color-mix(in srgb, var(--text-secondary) 40%, transparent);background:var(--bg-elevated);min-height:8rem;color:var(--text-secondary);text-align:center;cursor:pointer;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1.5rem 1rem;transition:border-color .2s,color .2s;display:flex}.upload-zone input[data-v-bd49107a]{display:none}.upload-zone strong[data-v-bd49107a]{color:var(--text-primary);font-size:.9375rem}.upload-zone span[data-v-bd49107a]{font-size:.8125rem}.upload-zone.drag-over[data-v-bd49107a],.upload-zone[data-v-bd49107a]:hover{border-color:var(--brand-500);color:var(--brand-500)}.upload-zone.has-image[data-v-bd49107a]{border-style:solid;border-color:#f59e0b}.controls-card[data-v-bd49107a]{grid-template-columns:1fr 1fr auto 1fr;align-items:end;gap:.75rem;display:grid}@media (width<=767px){.controls-card[data-v-bd49107a]{grid-template-columns:1fr 1fr}}.control-group[data-v-bd49107a]{flex-direction:column;gap:.375rem;display:flex}.control-group label[data-v-bd49107a]{color:var(--text-secondary);font-size:.875rem;font-weight:700}.origin-size[data-v-bd49107a]{font-family:var(--font-family-mono,monospace);color:var(--text-primary);background:var(--bg-elevated);border-radius:.5rem;padding:.4375rem .625rem;font-size:.8125rem;font-weight:600}.size-input-group[data-v-bd49107a]{align-items:center;gap:.5rem;display:flex}.size-input-group input[data-v-bd49107a]{border:1px solid var(--border-color);background:var(--bg-surface);width:100%;min-height:2.25rem;color:var(--text-primary);font-family:var(--font-family-mono,monospace);border-radius:.5rem;padding:.3125rem .625rem;font-size:.875rem}.percent-hint[data-v-bd49107a]{color:var(--text-secondary);white-space:nowrap;font-size:.875rem}.lock-control[data-v-bd49107a]{justify-content:center;align-items:flex-end;padding-bottom:.125rem;display:flex}.lock-btn[data-v-bd49107a]{border:1px solid var(--border-color);background:var(--bg-surface);width:2.25rem;height:2.25rem;color:var(--text-secondary);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:all .15s;display:flex}.lock-btn.locked[data-v-bd49107a]{border-color:var(--brand-500);color:var(--brand-500);background:color-mix(in srgb, var(--brand-500) 12%, transparent)}.lock-btn[data-v-bd49107a]:hover{border-color:var(--brand-500);color:var(--brand-500)}.mode-toggle[data-v-bd49107a]{background:var(--bg-elevated);border-radius:.5rem;grid-template-columns:1fr 1fr 1fr;padding:.25rem;display:grid}.mode-toggle button[data-v-bd49107a]{min-height:2rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.375rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s}.mode-toggle button.active[data-v-bd49107a]{background:var(--bg-surface);color:var(--text-primary);box-shadow:var(--shadow-1)}.controls-card input[type=range][data-v-bd49107a]{width:100%;accent-color:var(--brand-500)}.quick-actions[data-v-bd49107a]{flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.75rem;display:flex}.quick-label[data-v-bd49107a]{color:var(--text-secondary);font-size:.875rem;font-weight:600}.preset-btn[data-v-bd49107a]{border:1px solid var(--border-color);background:var(--bg-surface);min-height:1.75rem;color:var(--text-secondary);cursor:pointer;border-radius:.375rem;padding:.1875rem .5rem;font-size:.8125rem;font-weight:600;transition:all .15s}.preset-btn[data-v-bd49107a]:hover,.preset-btn.active[data-v-bd49107a]{border-color:var(--brand-500);color:var(--brand-500)}.preview-grid[data-v-bd49107a]{grid-template-columns:1fr;gap:.75rem;margin-bottom:.75rem;display:grid}@media (width>=900px){.preview-grid[data-v-bd49107a]{grid-template-columns:repeat(2,1fr)}}.preview-panel[data-v-bd49107a]{border:1px solid var(--border-color);background:var(--bg-surface);border-radius:.5rem;overflow:hidden}.panel-header[data-v-bd49107a]{border-bottom:1px solid var(--border-color);color:var(--text-primary);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:700;display:flex}.panel-badge[data-v-bd49107a]{background:var(--bg-elevated);color:var(--text-secondary);border-radius:999px;padding:.1875rem .4375rem;font-size:.8125rem;font-weight:600}.panel-badge.success[data-v-bd49107a]{color:#b45309;background:#f59e0b33}.canvas-frame[data-v-bd49107a]{aspect-ratio:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.canvas-frame img[data-v-bd49107a]{object-fit:contain;max-width:100%;max-height:100%}.empty-preview[data-v-bd49107a]{color:var(--text-secondary);font-size:.8125rem;position:absolute}.action-card[data-v-bd49107a]{flex-direction:column;gap:.75rem;display:flex}@media (width>=768px){.action-card[data-v-bd49107a]{flex-direction:row;justify-content:space-between;align-items:center}}.stats-bar[data-v-bd49107a]{color:var(--text-secondary);flex-wrap:wrap;gap:.375rem;font-size:.875rem;display:flex}.stats-bar span[data-v-bd49107a]{background:var(--bg-elevated);border-radius:999px;padding:.1875rem .5rem}.action-buttons[data-v-bd49107a]{flex-wrap:wrap;gap:.5rem;display:flex}