@import url('/brand-tokens.css');
[hidden]{display:none!important}
.text-work,.work{align-items:start}
.preview,.result{min-width:0;min-height:0}
.ai-stage{position:relative;height:420px;border:1px solid var(--ui-border);border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 40% 25%,var(--ui-soft),var(--ui-muted))}
.ai-stage #empty,.preview .ai-stage #empty{height:100%;min-height:0;display:grid;place-items:center;align-content:center;text-align:center;padding:20px;color:var(--ui-muted)}
.ai-stage #empty span{font-size:4.5rem;line-height:1.3}
.ai-stage model-viewer,.preview .ai-stage model-viewer{display:block;width:100%;height:100%;background:transparent;border-radius:0}
.ai-stage img{width:100%;height:100%;object-fit:contain;background:var(--ui-soft)}
.viewer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:12px 0}
.viewer-toolbar button,.viewer-toolbar select{font:inherit;font-size:.85rem;min-height:38px;padding:7px 10px;background:#fff;border:1px solid var(--ui-border);border-radius:8px;color:var(--ui-ink);cursor:pointer}
.viewer-toolbar button[aria-pressed=true]{background:var(--ui-primary);color:white}
.viewer-toolbar label{display:flex;align-items:center;gap:6px;font-size:.85rem}
.viewer-toolbar input[type=color]{width:34px;height:34px;padding:1px;border:1px solid var(--ui-border);border-radius:7px}
.viewer-note{font-size:.84rem;color:var(--ui-muted);line-height:1.5}
#downloads{flex-wrap:wrap}
#generation-status,#notice{overflow-wrap:anywhere;line-height:1.5}
@media(min-width:1000px){.preview,.result{position:sticky;top:20px}}
@media(max-width:780px){.ai-stage{height:340px}}
.ai-task-status{padding:16px;margin:0 0 14px;border:1px solid var(--ui-border);border-radius:12px;background:var(--ui-canvas);color:var(--ui-ink);font:1rem/1.5 system-ui,sans-serif;overflow-wrap:anywhere}
.ai-task-status strong{display:block}.ai-task-status p{margin:8px 0;font-size:.9rem}.ai-task-status button{font:inherit;font-size:.9rem;padding:10px;border:1px solid var(--ui-muted);border-radius:8px;background:white;color:var(--ui-ink);cursor:pointer}.ai-task-status button:disabled{opacity:.6;cursor:wait}.ai-task-status[data-state=offline],.ai-task-status[data-state=unknown],.ai-task-status[data-state=save-error]{border-color:#ba8847;background:#fff8ed}
@media(max-width:600px){.viewer-toolbar{flex-wrap:wrap;gap:10px}.viewer-toolbar label{flex-wrap:wrap;max-width:100%}.viewer-toolbar button{min-height:44px}.viewer-toolbar select{max-width:100%}}