.ai-stage{position:relative;display:flex;justify-content:center;align-items:center;min-height:200px;overflow:hidden;border-radius:var(--radius-md);background-color:#fff;background-image:conic-gradient(#d4d6e2 25%,transparent 0 50%,#d4d6e2 0 75%,transparent 0);background-size:16px 16px}.ai-stage[hidden]{display:none}.ai-stage canvas{display:block;max-width:100%;max-height:70vh;width:auto;height:auto}.ai-stage canvas.is-editable{cursor:crosshair;touch-action:none}.ai-status{min-height:20px;font-size:13px;color:var(--text-secondary);text-align:center}.ai-progress{display:block;width:100%;height:6px;accent-color:var(--accent-1)}.ai-progress[hidden]{display:none}.ai-panel{display:flex;flex-direction:column;gap:var(--space-4)}.ai-panel[hidden]{display:none}.ai-hint{font-size:13px;color:var(--text-secondary);line-height:1.5}.ai-link{color:var(--text-accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}.tool-segment button:focus-visible{outline:2px solid var(--accent-1);outline-offset:1px}.tool-field .color-swatch-input{width:56px}@media(max-width:600px){.ai-stage{min-height:140px}}