/*
 * 模块价值：保留完整画布空间，把账户入口和临时保存状态收进紧凑导航与同页弹层。
 * 输入：guest-notice、product-dialog 和账户按钮；输出：沿用主题令牌的响应式表单。
 * 依赖：tokens/shell；没有业务状态、存储或网络副作用。键盘焦点沿用全局可见焦点。
 */
.product-account { color: var(--muted); font-size: .8rem; max-width: 12rem; overflow-wrap: anywhere; }
.guest-notice { padding: 6px var(--page-gutter); color: var(--muted); background: var(--soft); font-size: .83rem; border-bottom: 1px solid var(--line); }
.product-dialog { width: min(460px,calc(100vw - 32px)); max-height: calc(100dvh - 32px); overflow: auto; background: var(--surface); color: var(--ink); border: 1px solid var(--control-line); border-radius: 14px; padding: 24px; }
.product-dialog::backdrop { background: #142c2466; }
.product-dialog header { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.product-dialog h2 { font-size: 1.3rem; }
.product-dialog p { color: var(--muted); font-size: .88rem; }
.product-dialog form { display: grid; gap: 8px; margin-top: 16px; }
.product-dialog label { margin-top: 4px; font-weight: 550; font-size: .9rem; }
.product-dialog input,.product-dialog textarea { width: 100%; min-height: 44px; padding: 10px 12px; background: var(--paper); border: 1px solid var(--control-line); border-radius: 8px; }
.product-dialog .product-form-error { color: var(--danger); }
.product-form-error:empty { display: none; }
.product-auth-tabs { display: flex; gap: 8px; margin-bottom: 12px; }
.product-auth-tabs [aria-pressed=true] { background: var(--soft); color: var(--accent); text-decoration: underline; text-underline-offset: 4px; }
@media(max-width:720px){.product-account{max-width:9rem}.product-dialog{padding:16px}.guest-notice{padding:6px 16px}.header-options #product-save{padding:6px 10px;min-height:44px}.canvas-fullscreen .guest-notice{display:none}}