.ct-tool[data-v-b3227fe3]{--ct-radius:10px;--ct-radius-btn:8px;background:#fff;border:1px solid color-mix(in srgb,var(--wn-text) 12%,transparent);border-radius:var(--ct-radius);box-shadow:inset 0 1px color-mix(in srgb,#fff 70%,transparent)}.ct-tool__layout[data-v-b3227fe3]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.85fr);min-height:28rem}.ct-tool__canvas-wrap[data-v-b3227fe3]{background:linear-gradient(180deg,#fafaf9,#f4f4f5);border-right:1px solid color-mix(in srgb,var(--wn-text) 10%,transparent);display:grid;gap:.65rem;grid-template-rows:1fr auto;padding:.85rem}.ct-tool__canvas[data-v-b3227fe3]{background:linear-gradient(90deg,color-mix(in srgb,var(--wn-text) 4%,transparent) 1px,transparent 1px),linear-gradient(color-mix(in srgb,var(--wn-text) 4%,transparent) 1px,transparent 1px),#fafaf9;background-size:24px 24px,24px 24px,auto;border:1px dashed color-mix(in srgb,var(--wn-text) 18%,transparent);border-radius:6px;min-height:22rem;overflow:hidden;position:relative}.ct-tool__canvas.has-image[data-v-b3227fe3]{background:#e4e4e7;border-style:solid}.ct-tool__canvas.is-dragging[data-v-b3227fe3]{border-color:var(--wn-primary);box-shadow:inset 0 0 0 1px var(--wn-primary)}.ct-tool__file[data-v-b3227fe3]{height:1px;opacity:0;pointer-events:none;position:absolute;width:1px}.ct-tool__empty[data-v-b3227fe3]{color:var(--wn-text-secondary);cursor:pointer;display:grid;gap:.45rem;min-height:22rem;padding:1.5rem;place-content:center;text-align:center}.ct-tool__empty-title[data-v-b3227fe3]{color:var(--wn-text);font-size:1.05rem;font-weight:600}.ct-tool__empty-hint[data-v-b3227fe3]{font-size:.88rem;line-height:1.45}.ct-tool__stage[data-v-b3227fe3]{cursor:crosshair;display:grid;height:100%;min-height:22rem;place-items:center;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.ct-tool__image[data-v-b3227fe3]{display:block;height:auto;max-height:26rem;max-width:100%;pointer-events:none;width:auto}.ct-tool__box[data-v-b3227fe3]{background:color-mix(in srgb,#2563eb 14%,transparent);border:2px solid #2563eb;box-shadow:0 0 0 1px color-mix(in srgb,#fff 55%,transparent);pointer-events:none;position:absolute}.ct-tool__box--draft[data-v-b3227fe3]{border-style:dashed}.ct-tool__panel[data-v-b3227fe3]{align-content:start;background:#fff;display:grid;gap:.9rem;padding:1rem 1rem 1.1rem}.ct-tool__field[data-v-b3227fe3]{display:grid;gap:.35rem}.ct-tool__field label[data-v-b3227fe3]{color:var(--wn-text);font-size:.82rem;font-weight:600}.ct-tool__field textarea[data-v-b3227fe3]{background:#fafaf9;border:1px solid color-mix(in srgb,var(--wn-text) 14%,transparent);border-radius:6px;color:var(--wn-text);font:inherit;line-height:1.45;min-height:4.5rem;padding:.65rem .75rem;resize:vertical;width:100%}.ct-tool__field textarea[data-v-b3227fe3]:focus{border-color:#2563eb;outline:2px solid color-mix(in srgb,#2563eb 35%,transparent);outline-offset:1px}.ct-tool__field-hint[data-v-b3227fe3]{color:var(--wn-text-muted);font-size:.78rem;margin:0}.ct-tool__meta[data-v-b3227fe3]{display:grid;gap:.25rem}.ct-tool__mono[data-v-b3227fe3]{color:var(--wn-text-muted);font-family:var(--font-mono);font-size:.75rem}.ct-tool__actions[data-v-b3227fe3]{display:grid;gap:.55rem}.ct-tool__actions--row[data-v-b3227fe3]{grid-template-columns:repeat(2,minmax(0,1fr))}.ct-tool__btn[data-v-b3227fe3]{align-items:center;border:1px solid transparent;border-radius:var(--ct-radius-btn);cursor:pointer;display:inline-flex;font:inherit;font-size:.92rem;font-weight:600;justify-content:center;min-height:2.5rem;padding:.55rem .9rem;text-align:center}.ct-tool__btn[data-v-b3227fe3]:disabled{cursor:not-allowed;opacity:.55}.ct-tool__btn--primary[data-v-b3227fe3]{background:#2563eb;color:#fff}.ct-tool__btn--primary[data-v-b3227fe3]:hover:not(:disabled){background:#1d4ed8}.ct-tool__btn--secondary[data-v-b3227fe3]{background:#fff;border-color:color-mix(in srgb,var(--wn-text) 16%,transparent);color:var(--wn-text)}.ct-tool__btn--ghost[data-v-b3227fe3]{background:transparent;border-color:color-mix(in srgb,var(--wn-text) 14%,transparent);color:var(--wn-text-secondary);font-weight:500}.ct-tool__status[data-v-b3227fe3]{color:var(--wn-text-secondary);font-size:.88rem;line-height:1.5;margin:0}.ct-tool__status.is-error[data-v-b3227fe3]{color:#b91c1c}.ct-tool__result[data-v-b3227fe3]{border-top:1px solid color-mix(in srgb,var(--wn-text) 10%,transparent);display:grid;gap:.55rem;padding-top:.35rem}@media(max-width:900px){.ct-tool__layout[data-v-b3227fe3]{grid-template-columns:1fr}.ct-tool__canvas-wrap[data-v-b3227fe3]{border-bottom:1px solid color-mix(in srgb,var(--wn-text) 10%,transparent);border-right:0}.ct-tool__canvas[data-v-b3227fe3],.ct-tool__empty[data-v-b3227fe3],.ct-tool__stage[data-v-b3227fe3]{min-height:16rem}}