*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #101020;--bg-surface: #181830;--bg-surface-hover: #222240;--border: #2a2a4a;--text: #e8e8f0;--text-secondary: #8888a8;--text-tertiary: #5a5a78;--accent: #57b4ad;--accent-hover: #6ec5bf;--accent-muted: rgba(87, 180, 173, .12);--accent-rgb: 87, 180, 173;--success: #22c55e;--success-muted: rgba(34, 197, 94, .12);--error: #f87171;--error-muted: rgba(248, 113, 113, .12);--warning: #fbbf24;--radius: 12px;--radius-sm: 8px;--bg-secondary: var(--bg-surface);--text-primary: var(--text);--surface: var(--bg-surface-hover)}html,body,#root{height:100%;width:100%;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}body{overflow:hidden}.agent-activity{display:flex;flex-direction:column;gap:2px;padding:8px 0}.activity-item{display:flex;align-items:flex-start;gap:10px;padding:6px 12px;border-radius:var(--radius-sm);font-size:13px;line-height:1.4;transition:background-color .15s ease;min-height:32px}.activity-item:hover{background-color:var(--bg-surface-hover)}.activity-icon-col{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.activity-icon{font-size:14px;line-height:1}.activity-content{flex:1;min-width:0}.activity-message{color:var(--text);display:block;word-break:break-word}.activity-message-muted{color:var(--text-secondary);font-style:italic}.activity-duration{font-size:11px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0;min-width:36px;text-align:right}.activity-check{color:var(--success);font-size:12px;font-weight:600;flex-shrink:0;min-width:36px;text-align:right}.activity-thinking .activity-message{color:var(--text-secondary);font-style:italic}.activity-phase{padding-top:8px;padding-bottom:8px}.activity-phase .activity-message{font-weight:500;color:var(--text)}.activity-tool.activity-running{background-color:var(--accent-muted)}.activity-tool.activity-error{opacity:.5}.activity-tool.activity-error .activity-message{color:var(--error);text-decoration:line-through;text-decoration-color:#f8717166}.activity-spinner{width:14px;height:14px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.activity-item{animation:fadeSlideIn .2s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.thinking-thread{width:100%;max-width:85%;border-radius:var(--radius-sm);border:1px solid var(--border);background-color:var(--bg-surface);overflow:hidden;transition:border-color .15s ease}.thinking-thread:hover{border-color:var(--text-tertiary)}.thinking-thread__toggle{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--text-secondary);font-size:12px;font-family:inherit;cursor:pointer;transition:color .15s ease;text-align:left}.thinking-thread__toggle:hover{color:var(--text)}.thinking-thread__chevron{font-size:14px;font-weight:600;width:12px;display:inline-flex;justify-content:center;transition:transform .15s ease;flex-shrink:0}.thinking-thread__chevron--open{transform:rotate(90deg)}.thinking-thread__summary{font-weight:500}.thinking-thread__body{border-top:1px solid var(--border);padding:4px 0;max-height:300px;overflow-y:auto;animation:fadeSlideIn .15s ease-out}.thinking-thread__step{display:flex;align-items:flex-start;gap:8px;padding:4px 12px 4px 20px;font-size:12px;line-height:1.4;min-height:26px}.thinking-thread__step--phase{padding-top:6px}.thinking-thread__step--phase .thinking-thread__step-message{font-weight:500;color:var(--text)}.thinking-thread__step-icon{font-size:12px;width:16px;text-align:center;flex-shrink:0;margin-top:1px}.thinking-thread__step-message{flex:1;min-width:0;color:var(--text-secondary);word-break:break-word}.thinking-thread__step-duration{font-size:10px;color:var(--text-tertiary);font-variant-numeric:tabular-nums;flex-shrink:0}.asset-preview{margin:6px 0 4px 28px;max-width:280px}.asset-preview--failed{font-size:11px;color:var(--text-tertiary);font-style:italic}.asset-preview__image{max-width:100%;border-radius:8px;display:block;opacity:0;transition:opacity .3s ease}.asset-preview__image--loaded{opacity:1}.asset-preview__audio{width:100%;max-width:280px;height:32px;border-radius:6px}.asset-preview__video{max-width:100%;border-radius:8px;display:block}.asset-preview__label{margin:4px 0 0;font-size:11px;color:var(--text-tertiary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.asset-preview__badge{display:inline-block;margin-top:4px;padding:1px 6px;font-size:10px;color:var(--text-secondary);background:var(--bg-secondary);border-radius:3px;letter-spacing:.02em}.asset-preview__refine{display:none;margin-top:4px;padding:2px 8px;font-size:11px;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:4px;cursor:pointer;transition:color .15s,border-color .15s}.asset-preview:hover .asset-preview__refine{display:inline-block}.asset-preview__refine:hover{color:var(--text-primary);border-color:var(--text-secondary)}.app-layout{height:100vh;display:flex;overflow:hidden}.chat-pane{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;border-right:1px solid var(--border);position:relative}.preview-pane{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;background-color:var(--bg)}.preview-pane__header{padding:16px 24px;border-bottom:1px solid var(--border);font-weight:600;font-size:15px}.preview-pane__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:16px}.chat-header{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:12px}.chat-header__back{color:var(--text-secondary);text-decoration:none;font-size:18px;padding:4px 8px;border-radius:6px;transition:background .1s,color .1s}.chat-header__back:hover{background:var(--bg-surface-hover);color:var(--text)}.chat-header__logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),#d7df27);display:flex;align-items:center;justify-content:center;font-size:16px}.chat-header__text{flex:1}.chat-header__title{font-weight:600;font-size:15px}.chat-header__sub{font-size:12px;color:var(--text-secondary)}.chat-header__status{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--accent);font-weight:500}.chat-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.chat-messages{flex:1;overflow-y:auto;padding:16px 24px}.chat-loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.chat-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--text-secondary)}.chat-bubble{margin-bottom:12px;display:flex}.chat-bubble--user{justify-content:flex-end}.chat-bubble--assistant{justify-content:flex-start}.chat-bubble__avatar{width:24px;height:24px;border-radius:6px;background:linear-gradient(135deg,var(--accent),#d7df27);display:flex;align-items:center;justify-content:center;font-size:11px;margin-right:10px;margin-top:2px;flex-shrink:0}.chat-bubble__body{max-width:85%;padding:8px 0;font-size:14px;line-height:1.6}.chat-bubble__body--user{max-width:75%;padding:10px 16px;border-radius:var(--radius);background-color:var(--accent);color:#fff;white-space:pre-wrap}.message-attachments{display:flex;gap:4px;margin-bottom:6px;flex-wrap:wrap}.message-attachments__thumb{width:48px;height:48px;object-fit:cover;border-radius:4px;opacity:.9}.chat-bubble__body p{margin:0 0 8px}.chat-bubble__body p:last-child{margin-bottom:0}.chat-bubble__body strong{font-weight:600;color:var(--text)}.chat-bubble__body em{font-style:italic;color:var(--text-secondary)}.chat-bubble__body code{background-color:var(--bg-surface-hover);padding:1px 5px;border-radius:4px;font-size:13px;font-family:SF Mono,Fira Code,monospace}.chat-bubble__body pre{background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;margin:8px 0;overflow-x:auto}.chat-bubble__body pre code{background:none;padding:0;font-size:13px}.chat-bubble__body a{color:var(--accent-hover);text-decoration:none}.chat-bubble__body a:hover{text-decoration:underline}.chat-bubble__body ul,.chat-bubble__body ol{margin:4px 0 8px;padding-left:20px}.chat-bubble__body li{margin-bottom:2px}.chat-bubble__body hr{border:none;border-top:1px solid var(--border);margin:12px 0}.chat-bubble__body h1,.chat-bubble__body h2,.chat-bubble__body h3{margin:12px 0 6px;font-weight:600}.chat-bubble__body h1{font-size:18px}.chat-bubble__body h2{font-size:16px}.chat-bubble__body h3{font-size:15px}.chat-bubble__body blockquote{border-left:3px solid var(--accent);margin:8px 0;padding:4px 12px;color:var(--text-secondary)}.sidebar{width:260px;flex-shrink:0;background-color:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;transition:width .2s ease}.sidebar--collapsed{width:48px}.sidebar__header{padding:12px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--border)}.sidebar__toggle{width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);font-size:16px;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar__toggle:hover{background-color:var(--bg-surface-hover);color:var(--text)}.sidebar__new-chat{flex:1;padding:6px 12px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:13px;font-family:inherit;cursor:pointer;border-radius:var(--radius-sm);text-align:left;transition:background-color .15s ease,border-color .15s ease}.sidebar__new-chat:hover{background-color:var(--bg-surface-hover);border-color:var(--text-tertiary)}.sidebar__list{flex:1;overflow-y:auto;padding:8px}.sidebar__empty{padding:16px 12px;font-size:13px;color:var(--text-tertiary);text-align:center}.sidebar__item{padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:background-color .15s ease;margin-bottom:2px}.sidebar__item:hover{background-color:var(--bg-surface-hover)}.sidebar__item--active,.sidebar__item--active:hover{background-color:var(--accent-muted)}.sidebar__item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar__item-title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sidebar__item-delete{width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary);font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;flex-shrink:0}.sidebar__item:hover .sidebar__item-delete{opacity:1}.sidebar__item-delete:hover{background-color:var(--error-muted);color:var(--error)}.sidebar__item-meta{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:11px;color:var(--text-tertiary)}.sidebar__badge{background-color:var(--bg-surface-hover);padding:1px 6px;border-radius:4px;font-size:10px;font-weight:500;color:var(--text-secondary)}.sidebar__scene-count{color:var(--text-tertiary)}.sidebar__time{color:var(--text-tertiary);margin-left:auto}.sidebar__archive-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 12px;margin-top:8px;border:none;border-top:1px solid var(--border);background:transparent;color:var(--text-tertiary);font-size:12px;font-family:inherit;cursor:pointer;transition:color .15s ease}.sidebar__archive-toggle:hover{color:var(--text-secondary)}.sidebar__archive-toggle-icon{font-size:10px;width:12px}.sidebar__item-restore{width:20px;height:20px;border:none;background:transparent;color:var(--text-tertiary);font-size:13px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease;flex-shrink:0}.sidebar__item:hover .sidebar__item-restore{opacity:1}.sidebar__item-restore:hover{background-color:var(--success-muted);color:var(--success)}.sidebar__footer{display:flex;flex-direction:column;gap:4px;padding:8px;border-top:1px solid var(--border);margin-top:auto}.sidebar--collapsed .sidebar__footer{align-items:center;padding:8px 4px}.sidebar__dashboard-link{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);text-decoration:none;transition:background .1s,color .1s}.sidebar__dashboard-link:hover{background:var(--bg-surface-hover);color:var(--text)}.sidebar--collapsed .sidebar__dashboard-link{justify-content:center;padding:8px}.sidebar__dashboard-icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar__user{display:flex;align-items:center;gap:10px;padding:4px 12px;min-width:0}.sidebar--collapsed .sidebar__user{justify-content:center;padding:4px}.sidebar__avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.sidebar__user-email{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sidebar__logout{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px 12px;font-size:12px;border-radius:var(--radius-sm);transition:background .1s,color .1s;text-align:left}.sidebar--collapsed .sidebar__logout{text-align:center;padding:6px}.sidebar__logout:hover{background:var(--bg-surface-hover);color:var(--text)}.ar-picker{display:flex;flex-direction:column;gap:8px;padding:16px 0 8px}.ar-picker--compact{padding:4px 24px;flex-direction:row;align-items:center}.ar-picker--locked{opacity:.5;pointer-events:none}.ar-picker__label{font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.ar-picker__options{display:flex;gap:8px}.ar-picker--compact .ar-picker__options{gap:4px}.ar-picker__card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;border:1px solid var(--border);background:var(--bg-surface);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s ease,background-color .15s ease;font-family:inherit;color:var(--text);min-width:80px}.ar-picker--compact .ar-picker__card{padding:6px 10px;min-width:auto;flex-direction:row;gap:4px}.ar-picker__card:hover:not(:disabled){border-color:var(--text-tertiary);background-color:var(--bg-surface-hover)}.ar-picker__card--selected,.ar-picker__card--selected:hover{border-color:var(--accent);background-color:var(--accent-muted)}.ar-picker__card:disabled{cursor:not-allowed}.ar-picker__preview{background-color:var(--text-tertiary);border-radius:3px;opacity:.4}.ar-picker__card--selected .ar-picker__preview{background-color:var(--accent);opacity:.8}.ar-picker__card-label{font-size:12px;font-weight:500}.ar-picker__card-ratio{font-size:11px;color:var(--text-secondary)}.video-card{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background-color:var(--bg-surface);cursor:pointer;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease;max-width:320px;font-family:inherit;color:var(--text);text-align:left;animation:fadeSlideIn .3s ease-out}.video-card:hover{border-color:var(--text-tertiary);background-color:var(--bg-surface-hover);box-shadow:0 2px 8px #0003}.video-card--active{border-color:var(--accent);background-color:var(--accent-muted)}.video-card--active:hover{border-color:var(--accent-hover);background-color:var(--accent-muted)}.video-card__thumb{width:48px;min-height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.video-card__info{flex:1;min-width:0}.video-card__title{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.video-card__meta{font-size:11px;color:var(--text-tertiary);margin-top:2px}.video-card__badge{font-size:10px;font-weight:600;color:var(--accent);background-color:var(--accent-muted);padding:2px 8px;border-radius:4px;flex-shrink:0;text-transform:uppercase;letter-spacing:.5px}.toast{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background-color:var(--bg-surface);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius);font-size:13px;color:var(--text);box-shadow:0 4px 12px #0000004d;animation:toastIn .2s ease-out;z-index:100}.toast--error{background-color:#3a1a1a;border-color:#6b2020;color:#f5a0a0;cursor:pointer}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.auth-layout{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;background:var(--bg)}.auth-header{position:fixed;top:0;left:0;right:0;height:56px;display:flex;align-items:center;padding:0 24px;background:var(--bg);border-bottom:1px solid var(--border);z-index:10}.auth-header__brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-size:17px;font-weight:600;transition:color .15s}.auth-header__brand:hover{color:var(--accent)}.auth-card{width:100%;max-width:420px;padding:40px 32px;margin-top:56px;align-self:center;flex:1;display:flex;flex-direction:column;justify-content:center;background:transparent}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form__title{font-size:22px;font-weight:600;color:var(--text);margin-bottom:4px}.auth-form__error{padding:10px 14px;background:var(--error-muted);border:1px solid rgba(248,113,113,.3);border-radius:var(--radius-sm);color:var(--error);font-size:13px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field__label{font-size:13px;font-weight:500;color:var(--text-secondary)}.auth-field__input{padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:14px;outline:none;transition:border-color .15s}.auth-field__input:focus{border-color:var(--accent)}.auth-field__hint{font-size:12px;color:var(--text-tertiary)}.auth-field__error{font-size:12px;color:var(--error)}.auth-form__submit{padding:12px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s;margin-top:4px}.auth-form__submit:hover:not(:disabled){background:var(--accent-hover)}.auth-form__submit:disabled{opacity:.6;cursor:not-allowed}.auth-form__text{font-size:14px;color:var(--text-secondary);line-height:1.5;text-align:center}.auth-form__footer{text-align:center;font-size:13px;color:var(--text-secondary)}.auth-form__legal{text-align:center;font-size:11px;color:var(--text-tertiary);margin-top:8px;line-height:1.5}.auth-form__link{color:var(--accent);text-decoration:none;font-weight:500}.auth-form__link:hover{text-decoration:underline}.auth-form__actions{display:flex;justify-content:flex-end;margin-top:-12px}.auth-form__forgot{font-size:13px}.auth-form__divider{display:flex;align-items:center;gap:12px;color:var(--text-tertiary);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.auth-form__divider:before,.auth-form__divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-form__alt-action{display:block;padding:12px;background:transparent;color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-align:center;text-decoration:none;cursor:pointer;transition:border-color .15s,background .15s}.auth-form__alt-action:hover{border-color:var(--accent);background:#6366f10d}.auth-loading{height:100%;width:100%;display:flex;align-items:center;justify-content:center}.dash-layout{display:flex;height:100%;width:100%}.dash-sidebar{width:240px;min-width:240px;height:100%;display:flex;flex-direction:column;background:var(--bg-surface);border-right:1px solid var(--border);padding:16px 12px;transition:width .2s ease,min-width .2s ease,padding .2s ease}.dash-sidebar--collapsed{width:64px;min-width:64px;padding:16px 8px}.dash-sidebar__header{display:flex;align-items:center;gap:10px;padding:4px 8px 20px}.dash-sidebar--collapsed .dash-sidebar__header{justify-content:center;gap:0;padding:4px 0 20px;flex-wrap:wrap}.dash-sidebar__collapse-btn{width:24px;height:24px;border:none;background:transparent;color:var(--text-tertiary);font-size:14px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-left:auto;flex-shrink:0;transition:background .1s,color .1s}.dash-sidebar--collapsed .dash-sidebar__collapse-btn{margin-left:0;margin-top:4px}.dash-sidebar__collapse-btn:hover{background:var(--bg-surface-hover);color:var(--text)}.dash-sidebar__logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;min-width:0}.dash-sidebar__logo-link:hover .dash-sidebar__brand{color:var(--accent)}.dash-sidebar__logo{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0}.dash-sidebar__brand{font-size:15px;font-weight:600;color:var(--text)}.dash-sidebar__cta{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;margin-bottom:16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.dash-sidebar--collapsed .dash-sidebar__cta{font-size:18px;padding:8px}.dash-sidebar__cta:hover{background:var(--accent-hover)}.dash-sidebar__nav{display:flex;flex-direction:column;gap:2px;flex:1}.dash-sidebar__link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);text-decoration:none;transition:background .1s,color .1s}.dash-sidebar__link:hover{background:var(--bg-surface-hover);color:var(--text)}.dash-sidebar__link--active{background:var(--accent-muted);color:var(--accent)}.dash-sidebar--collapsed .dash-sidebar__link{justify-content:center;padding:10px}.dash-sidebar__link-icon{font-size:16px;width:20px;text-align:center}.dash-sidebar__credits{display:flex;align-items:center;gap:8px;padding:10px 12px;margin:4px 8px;border-radius:var(--radius-sm);background:var(--accent-muted);text-decoration:none;transition:background .15s;cursor:pointer}.dash-sidebar__credits:hover{background:color-mix(in srgb,var(--accent) 18%,transparent)}.dash-sidebar__credits-icon{font-size:14px;flex-shrink:0}.dash-sidebar__credits-value{font-size:14px;font-weight:600;color:var(--accent);line-height:1}.dash-sidebar__credits-label{font-size:11px;color:var(--text-secondary);line-height:1}.dash-sidebar--collapsed .dash-sidebar__credits{justify-content:center;margin:4px auto;padding:8px}.dash-sidebar__footer{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 8px 0;border-top:1px solid var(--border);margin-top:8px}.dash-sidebar__legal{width:100%;display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-tertiary);padding-bottom:4px}.dash-sidebar__legal a{color:var(--text-tertiary);text-decoration:none;transition:color .15s}.dash-sidebar__legal a:hover{color:var(--accent)}.dash-sidebar--collapsed .dash-sidebar__footer{flex-direction:column;gap:4px;padding:8px 0 0}.dash-sidebar__user{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.dash-sidebar__avatar{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.dash-sidebar__user-info{min-width:0}.dash-sidebar__user-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-sidebar__user-email{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-sidebar__logout{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:6px;font-size:16px;border-radius:6px;transition:background .1s,color .1s}.dash-sidebar__logout:hover{background:var(--bg-surface-hover);color:var(--text)}.dash-content{flex:1;overflow-y:auto;padding:32px 40px}.dash-page{max-width:800px}.dash-page__header{margin-bottom:28px}.dash-page__title{font-size:24px;font-weight:600;color:var(--text);margin-bottom:6px}.dash-page__sub{font-size:14px;color:var(--text-secondary)}.dash-loading{display:flex;justify-content:center;padding:48px}.dash-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px}.dash-stat{padding:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.dash-stat__value{font-size:28px;font-weight:700;color:var(--text);margin-bottom:4px}.dash-stat__label{font-size:12px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.dash-section{margin-bottom:32px}.dash-section__title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:16px}.dash-history-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden}.dash-history-item{padding:14px 16px;background:var(--bg-surface)}.dash-history-item__prompt{font-size:14px;color:var(--text);margin-bottom:4px}.dash-history-item__meta{font-size:12px;color:var(--text-secondary)}.dash-history-item__time{margin-left:8px;color:var(--text-tertiary)}.dash-empty{text-align:center;padding:64px 20px}.dash-empty__icon{font-size:48px;opacity:.3;margin-bottom:16px}.dash-empty__title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:8px}.dash-empty__desc{font-size:14px;color:var(--text-secondary);max-width:380px;margin:0 auto 24px;line-height:1.6}.dash-empty__cta{padding:12px 28px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.dash-empty__cta:hover{background:var(--accent-hover)}.profile-form{display:flex;flex-direction:column;gap:16px;max-width:480px}.profile-form__actions{display:flex;gap:12px;padding-top:4px}.profile-form__actions .auth-form__submit{width:auto;padding:10px 24px}.profile-msg{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px}.profile-msg--success{background:var(--success-muted);border:1px solid rgba(34,197,94,.3);color:var(--success)}.profile-msg--error{background:var(--error-muted);border:1px solid rgba(248,113,113,.3);color:var(--error)}.profile-meta{font-size:12px;color:var(--text-tertiary)}.keys-create{margin-bottom:8px}.keys-create__form{display:flex;flex-direction:column;gap:12px;max-width:400px}.keys-create__actions{display:flex;gap:8px}.keys-create__actions .auth-form__submit{width:auto;padding:10px 20px}.keys-create__cancel{padding:10px 16px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer}.keys-create__cancel:hover{background:var(--bg-surface-hover)}.keys-created{padding:24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;text-align:center}.keys-created__icon{font-size:32px;margin-bottom:12px}.keys-created__title{font-size:18px;font-weight:600;color:var(--text);margin-bottom:8px}.keys-created__warning{font-size:13px;color:var(--warning);margin-bottom:16px}.keys-created__value{display:flex;align-items:center;gap:8px;justify-content:center;margin-bottom:16px}.keys-created__value code{padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text);word-break:break-all;max-width:420px}.keys-created__close{padding:10px 24px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer}.keys-copy-btn{padding:6px 12px;background:var(--bg-surface-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);font-size:12px;cursor:pointer;white-space:nowrap}.keys-copy-btn:hover{background:var(--accent-muted);color:var(--accent)}.keys-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden}.keys-item{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-surface)}.keys-item--revoked{opacity:.5}.keys-item__name{font-size:14px;font-weight:500;color:var(--text);margin-bottom:4px}.keys-item__meta{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-secondary)}.keys-item__preview{font-size:11px;padding:2px 6px;background:var(--bg);border-radius:4px;color:var(--text-tertiary)}.keys-item__tier{padding:2px 6px;background:var(--accent-muted);color:var(--accent);border-radius:4px;font-size:11px;font-weight:500}.keys-item__status{color:var(--error);font-size:11px}.keys-item__revoke{padding:6px 12px;background:none;border:1px solid var(--border);border-radius:6px;color:var(--error);font-size:12px;cursor:pointer;transition:background .1s}.keys-item__revoke:hover{background:var(--error-muted)}.keys-setup-toggle{background:none;border:none;color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;padding:8px 0}.keys-setup-toggle:hover{color:var(--text)}.keys-setup{margin-top:16px;display:flex;flex-direction:column;gap:24px}.keys-setup__section h3{font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}.keys-setup__section p{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.keys-setup__section p code{padding:2px 5px;background:var(--bg);border-radius:4px;font-size:12px}.keys-setup__code{padding:14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);overflow-x:auto;white-space:pre;line-height:1.5;margin-bottom:8px}.dev-page{max-width:860px}.dev-tabs{display:flex;gap:2px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:4px;margin-bottom:32px}.dev-tabs__btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.dev-tabs__btn:hover{color:var(--text);background:var(--bg-surface-hover)}.dev-tabs__btn--active{background:var(--accent-muted);color:var(--accent)}.dev-tabs__icon{font-size:14px}.dev-hero{margin-bottom:32px}.dev-hero__title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:8px}.dev-hero__desc{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:600px}.dev-steps{display:flex;flex-direction:column;gap:2px;margin-bottom:40px}.dev-step{display:flex;gap:16px;padding:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.dev-step__number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--accent-muted);color:var(--accent);border-radius:50%;font-size:13px;font-weight:700}.dev-step__body{flex:1;min-width:0}.dev-step__title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.dev-step__desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.dev-step__desc:last-child{margin-bottom:0}.dev-step__options{display:flex;gap:12px}.dev-step__option{flex:1;display:flex;gap:10px;align-items:flex-start;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.dev-step__option-icon{font-size:16px;margin-top:1px}.dev-step__option strong{display:block;font-size:13px;font-weight:600;color:var(--text);margin-bottom:2px}.dev-step__option-desc{display:block;font-size:12px;color:var(--text-tertiary)}.dev-link{color:var(--accent);text-decoration:none;font-weight:500}.dev-link:hover{color:var(--accent-hover);text-decoration:underline}.dev-section{margin-bottom:32px}.dev-section__title{font-size:16px;font-weight:600;color:var(--text);margin-bottom:10px}.dev-section__desc{font-size:13px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px}.dev-section__desc code{padding:2px 5px;background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;font-size:12px}.dev-section__note{font-size:12px;color:var(--text-tertiary);margin-top:8px}.dev-section__note code{padding:1px 4px;background:var(--bg-surface);border-radius:3px;font-size:11px}.dev-code{position:relative;margin-bottom:12px}.dev-code__pre{padding:14px 72px 14px 16px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);overflow-x:auto;white-space:pre;line-height:1.5;font-family:SF Mono,Fira Code,JetBrains Mono,monospace}.dev-code__copy{position:absolute;top:8px;right:8px;padding:4px 10px;background:var(--bg-surface-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-tertiary);font-size:11px;cursor:pointer;transition:all .15s}.dev-code__copy:hover{background:var(--accent-muted);color:var(--accent)}.dev-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:8px;margin-bottom:8px}.dev-tool-card{padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm)}.dev-tool-card__name{display:block;font-size:12px;font-weight:600;color:var(--accent);margin-bottom:4px;font-family:SF Mono,Fira Code,JetBrains Mono,monospace}.dev-tool-card__desc{font-size:12px;color:var(--text-secondary);line-height:1.4}.dev-endpoint{padding:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.dev-endpoint__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.dev-endpoint__method{padding:3px 8px;border-radius:4px;font-size:11px;font-weight:700;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.dev-endpoint__method--get{background:var(--success-muted);color:var(--success)}.dev-endpoint__method--post{background:var(--accent-muted);color:var(--accent)}.dev-endpoint__path{font-size:14px;font-weight:500;color:var(--text);font-family:SF Mono,Fira Code,JetBrains Mono,monospace}.dev-endpoint__desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px}.dev-endpoint__sub{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:16px;margin-bottom:8px}.dev-table{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:4px}.dev-table__row{display:grid;grid-template-columns:140px 80px 1fr;gap:1px}.dev-table__row--header{background:var(--bg-surface-hover)}.dev-table__row--header .dev-table__cell{font-weight:600;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.04em}.dev-table__cell{padding:8px 12px;font-size:13px;color:var(--text);border-bottom:1px solid var(--border)}.dev-table__cell code{padding:1px 5px;background:var(--bg);border-radius:3px;font-size:12px;color:var(--accent)}.dev-required{font-size:10px;color:var(--error);font-weight:500;margin-left:4px}.dev-badge{padding:2px 6px;background:var(--accent-muted);color:var(--accent);border-radius:4px;font-size:11px;font-weight:500}.dev-status{padding:2px 5px;background:var(--success-muted);color:var(--success);border-radius:3px;font-size:11px;font-weight:500;margin-left:4px}.bar-chart{position:relative;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 12px 8px}.bar-chart--empty{display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:13px}.bar-chart__bars{display:flex;align-items:flex-end;gap:2px;height:100%}.bar-chart__col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;position:relative;cursor:pointer}.bar-chart__bar{width:100%;max-width:28px;background:var(--accent);border-radius:3px 3px 0 0;opacity:.6;transition:opacity .15s}.bar-chart__bar--active{opacity:1}.bar-chart__tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:6px 10px;font-size:12px;color:var(--text);white-space:nowrap;z-index:10;box-shadow:0 4px 12px #00000040;pointer-events:none}.bar-chart__tooltip-date{font-weight:600;margin-bottom:2px}.usage-period{display:flex;gap:4px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.usage-period__btn{padding:5px 12px;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.usage-period__btn:hover{color:var(--text)}.usage-period__btn--active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #00000026}.usage-load-more{display:block;width:100%;margin-top:8px;padding:10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;cursor:pointer;transition:all .15s}.usage-load-more:hover{color:var(--text);border-color:var(--text-secondary)}.usage-load-more:disabled{opacity:.5;cursor:default}.dash-loading{display:flex;align-items:center;justify-content:center;padding:80px 0}.dash-history-item--clickable{cursor:pointer;transition:border-color .15s}.dash-history-item--clickable:hover{border-color:var(--accent)}.dash-history-item__meta{display:flex;gap:0;align-items:center;font-size:12px;color:var(--text-secondary);margin-top:4px}.dash-history-item__time{margin-left:auto;font-size:11px;opacity:.7}.chat-input-area{padding:12px 24px 20px;border-top:1px solid var(--border);background-color:var(--bg);position:relative}.chat-input-area.drag-active{outline:2px dashed var(--accent);outline-offset:-4px;border-radius:var(--radius)}.chat-input-row{display:flex;align-items:center;gap:12px;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:8px 16px}.attach-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color .15s,color .15s}.attach-btn:hover:not(:disabled){background-color:var(--bg-surface-hover);color:var(--text)}.attach-btn:disabled{opacity:.4;cursor:not-allowed}.attachment-strip{display:flex;gap:8px;padding:8px 0 4px;overflow-x:auto;scrollbar-width:thin}.attachment-item{position:relative;width:64px;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:4px}.attachment-thumb{width:48px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.attachment-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--bg-surface);border-radius:6px;border:1px solid var(--border)}.attachment-progress{position:absolute;top:0;left:8px;width:48px;height:48px;pointer-events:none}.attachment-ring{width:100%;height:100%}.attachment-error{position:absolute;top:-2px;right:6px;width:16px;height:16px;border-radius:50%;background:var(--error, #e53e3e);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.attachment-name{font-size:10px;color:var(--text-secondary);text-align:center;line-height:1.2;max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{position:absolute;top:-4px;right:4px;width:18px;height:18px;border-radius:50%;border:none;background:var(--bg);color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s;box-shadow:0 1px 3px #0003}.attachment-item:hover .attachment-remove{opacity:1}.attachment-item[data-status=error] .attachment-thumb,.attachment-item[data-status=error] .attachment-icon{border-color:var(--error, #e53e3e);opacity:.6}.drop-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--accent-rgb, 99, 102, 241),.08);border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--accent);font-weight:500;pointer-events:none}.billing-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;background:transparent;color:var(--text)}.billing-btn--primary{background:var(--accent);border-color:var(--accent);color:#fff}.billing-btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.billing-btn--secondary{background:var(--bg-surface);color:var(--text-secondary)}.billing-btn--secondary:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text)}.billing-btn--ghost{background:transparent;border-color:transparent;color:var(--text-secondary);padding:6px 12px}.billing-btn--ghost:hover{background:var(--bg-surface-hover);color:var(--text)}.billing-btn--danger{color:var(--error);border-color:#f871714d}.billing-btn--danger:hover{background:var(--error-muted)}.billing-btn--sm{padding:6px 12px;font-size:12px}.billing-btn:disabled{opacity:.5;cursor:not-allowed}.billing-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:capitalize}.billing-badge--success{background:var(--success-muted);color:var(--success)}.billing-badge--warning{background:#fbbf241f;color:var(--warning)}.billing-badge--accent{background:var(--accent-muted);color:var(--accent)}.billing-badge--neutral{background:var(--bg-surface-hover);color:var(--text-secondary)}.billing-info-grid{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px}.billing-info-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.billing-info-label{color:var(--text-secondary)}.billing-warn{color:var(--warning);font-size:12px}.billing-actions{display:flex;gap:8px;padding-top:8px}.billing-alert{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius);font-size:13px;margin-bottom:24px}.billing-alert--warning{background:#fbbf2414;border:1px solid rgba(251,191,36,.25);color:var(--warning)}.billing-alert--error{background:var(--error-muted);border:1px solid rgba(248,113,113,.3);color:var(--error)}.billing-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.billing-pack{padding:20px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);text-align:center;display:flex;flex-direction:column;gap:8px}.billing-pack__name{font-size:14px;font-weight:600;color:var(--text)}.billing-pack__credits{font-size:13px;color:var(--text-secondary)}.billing-pack__bonus{color:var(--success);font-size:11px;font-weight:600;margin-left:4px}.billing-pack__price{font-size:20px;font-weight:700;color:var(--text)}.billing-form{display:flex;flex-direction:column;gap:16px;max-width:400px}.billing-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer}.billing-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.billing-amount--positive{color:var(--success);font-weight:600}.billing-amount--negative{color:var(--error);font-weight:600}.billing-ledger__empty{font-size:13px;color:var(--text-tertiary);padding:16px 0}.billing-table{width:100%;border-collapse:collapse;font-size:13px}.billing-table th{text-align:left;padding:8px 12px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.billing-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text)}.billing-cycle-toggle{display:inline-flex;gap:4px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;padding:4px;margin-top:16px}.billing-cycle-btn{padding:6px 16px;font-size:13px;font-weight:500;border:none;border-radius:6px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.billing-cycle-btn--active{background:var(--accent);color:#fff}.billing-cycle-save{font-size:11px;font-weight:600;opacity:.85}.plan-card__billed-note{font-size:12px;color:var(--text-tertiary);margin-top:-4px;margin-bottom:4px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;max-width:900px;margin:0 auto}.plan-card{padding:24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;position:relative;transition:border-color .15s}.plan-card:hover{border-color:var(--text-tertiary)}.plan-card--current{border-color:var(--accent)}.plan-card--featured{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 4px 24px rgba(var(--accent-rgb),.15)}.plan-card__badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:3px 12px;border-radius:10px;font-size:11px;font-weight:600;white-space:nowrap}.plan-card__name{font-size:16px;font-weight:600;color:var(--text)}.plan-card__price{display:flex;align-items:baseline;gap:4px}.plan-card__amount{font-size:32px;font-weight:700;color:var(--text)}.plan-card__period{font-size:13px;color:var(--text-secondary)}.plan-card__credits{font-size:13px;color:var(--accent);font-weight:500}.plan-card__features{list-style:none;padding:0;display:flex;flex-direction:column;gap:6px;flex:1}.plan-card__feature{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary)}.plan-card__check{color:var(--success);font-size:12px;font-weight:700;flex-shrink:0}.plan-card__action{padding-top:8px}.plan-card__action .billing-btn{width:100%}.team-invite-form{display:flex;flex-direction:column;gap:12px}.team-invite-row{display:flex;gap:8px;align-items:center}.team-invite-row .auth-field__input{flex:1}.team-role-select{width:120px;flex-shrink:0}.team-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border-radius:var(--radius);overflow:hidden}.team-member{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--bg-surface)}.team-member__info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.team-member__avatar{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--accent-muted);color:var(--accent);border-radius:50%;font-size:14px;font-weight:600;flex-shrink:0}.team-member__avatar--pending{background:#fbbf241f;color:var(--warning)}.team-member__email{font-size:14px;font-weight:500;color:var(--text)}.team-member__you{font-size:11px;color:var(--text-tertiary);margin-left:6px;font-weight:400}.team-member__meta{font-size:12px;color:var(--text-secondary);margin-top:2px}.team-member__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.team-role-badge{padding:4px 10px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:12px;font-family:inherit;cursor:pointer}.team-limit-edit{display:flex;align-items:center;gap:4px}.team-limit-input{width:80px;padding:4px 8px!important;font-size:12px!important}.chat-header__menu,.preview-pane__close,.mobile-preview-fab{display:none}.mobile-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;-webkit-tap-highlight-color:transparent}.dash-mobile-header{display:none}@media(max-width:768px){.app-layout{height:100dvh;height:-webkit-fill-available;position:relative}.sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;z-index:1000;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.sidebar--collapsed{width:280px}.sidebar.sidebar--mobile-open{transform:translate(0)}.sidebar--collapsed .sidebar__new-chat,.sidebar--collapsed .sidebar__footer .sidebar__dashboard-link span,.sidebar--collapsed .sidebar__user-email{display:initial}.sidebar--collapsed .sidebar__footer{align-items:stretch;padding:8px}.sidebar--collapsed .sidebar__dashboard-link{justify-content:flex-start}.sidebar--collapsed .sidebar__logout{text-align:left;padding:6px 12px}.sidebar--collapsed .sidebar__user{justify-content:flex-start;padding:4px 12px}.mobile-backdrop{display:none}.mobile-backdrop--visible{display:block}.chat-pane{width:100%;height:100dvh;height:-webkit-fill-available;border-right:none}.chat-header{padding:10px 12px;gap:8px}.chat-header__menu{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:transparent;color:var(--text-secondary);font-size:20px;cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;-webkit-tap-highlight-color:transparent}.chat-header__menu:active{background:var(--bg-surface-hover)}.chat-header__logo{width:28px;height:28px;font-size:14px;border-radius:6px}.chat-header__sub{display:none}.chat-header__title{font-size:14px}.chat-header__back{padding:8px 10px;font-size:16px}.chat-messages{padding:10px}.chat-bubble{margin-bottom:8px}.chat-bubble__body{max-width:95%;font-size:14px;line-height:1.55}.chat-bubble__body--user{max-width:85%;padding:10px 14px;font-size:14px}.chat-bubble__avatar{width:22px;height:22px;font-size:10px;margin-right:8px;border-radius:5px}.chat-bubble__body h1{font-size:16px}.chat-bubble__body h2{font-size:15px}.chat-bubble__body h3{font-size:14px}.chat-bubble__body pre{padding:10px;font-size:12px}.chat-bubble__body code{font-size:12px}.chat-input-area{padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}.chat-input-row{padding:6px 10px;gap:8px;border-radius:var(--radius-sm)}.ar-picker__options{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.ar-picker__options::-webkit-scrollbar{display:none}.ar-picker__card{min-width:68px;padding:8px 10px;flex-shrink:0}.ar-picker--compact{padding:4px 10px}.thinking-thread{max-width:100%}.activity-item{padding:5px 8px;font-size:12px}.thinking-thread__step{padding:3px 8px 3px 14px;font-size:11px}.video-card{max-width:100%}.asset-preview{margin-left:12px;max-width:220px}.preview-pane{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto}.preview-pane.preview-pane--mobile-open{transform:translateY(0)}.preview-pane__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;position:sticky;top:0;background:var(--bg);z-index:1}.preview-pane__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-surface);color:var(--text-secondary);font-size:18px;cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}.preview-pane__close:active{background:var(--bg-surface-hover);color:var(--text)}.preview-pane__body{padding:16px}.mobile-preview-fab{display:flex;align-items:center;justify-content:center;gap:6px;position:fixed;bottom:calc(76px + env(safe-area-inset-bottom,0px));right:14px;z-index:100;padding:10px 18px;background:var(--accent);color:#fff;border:none;border-radius:24px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;box-shadow:0 4px 16px rgba(var(--accent-rgb),.35);-webkit-tap-highlight-color:transparent;animation:fadeSlideIn .3s ease-out}.mobile-preview-fab:active{background:var(--accent-hover)}.chat-empty{padding:0 16px;gap:12px}.toast{bottom:calc(68px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 32px);font-size:12px}.dash-layout{flex-direction:column}.dash-sidebar{position:fixed;left:0;top:0;bottom:0;width:280px;min-width:280px;z-index:1000;transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1)}.dash-sidebar--collapsed{width:280px;min-width:280px;padding:16px 12px}.dash-sidebar.dash-sidebar--mobile-open{transform:translate(0)}.dash-sidebar--collapsed .dash-sidebar__brand,.dash-sidebar--collapsed .dash-sidebar__user-info{display:initial}.dash-sidebar--collapsed .dash-sidebar__link{justify-content:flex-start;padding:9px 12px}.dash-sidebar--collapsed .dash-sidebar__cta{font-size:13px;padding:10px}.dash-sidebar--collapsed .dash-sidebar__credits{justify-content:flex-start;margin:4px 8px;padding:10px 12px}.dash-sidebar--collapsed .dash-sidebar__footer{flex-direction:row;gap:8px;padding:12px 8px 0}.dash-sidebar--collapsed .dash-sidebar__header{justify-content:flex-start;gap:10px;padding:4px 8px 20px;flex-wrap:nowrap}.dash-sidebar--collapsed .dash-sidebar__collapse-btn{margin-left:auto;margin-top:0}.dash-mobile-header{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10}.dash-mobile-header__menu{width:40px;height:40px;border:none;background:transparent;color:var(--text-secondary);font-size:20px;cursor:pointer;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.dash-mobile-header__menu:active{background:var(--bg-surface-hover);color:var(--text)}.dash-mobile-header__brand{font-size:15px;font-weight:600;color:var(--text)}.dash-content{padding:0 16px 20px;width:100%}.dash-page__title{font-size:20px}.dash-page__header{margin-bottom:20px}.dash-stats{grid-template-columns:1fr 1fr;gap:8px}.dash-stat{padding:14px}.dash-stat__value{font-size:22px}.dash-empty{padding:40px 16px}.auth-card{max-width:100%;padding:28px 20px}.auth-form__title{font-size:20px}.plans-grid{grid-template-columns:1fr}.plan-card{padding:20px}.plan-card__amount{font-size:28px}.team-member{flex-direction:column;align-items:flex-start;gap:8px}.team-member__actions{flex-wrap:wrap}.team-invite-row{flex-direction:column}.team-role-select{width:100%}.dev-tabs{flex-wrap:wrap}.dev-tabs__btn{flex:none;padding:8px 12px;font-size:12px}.dev-step{flex-direction:column;gap:10px}.dev-step__options{flex-direction:column}.dev-table__row{grid-template-columns:100px 60px 1fr}.dev-tool-grid{grid-template-columns:1fr}.dev-code__pre{font-size:11px;padding:10px 60px 10px 12px}.keys-item{flex-direction:column;align-items:flex-start;gap:8px}.keys-created__value{flex-direction:column}.keys-created__value code{max-width:100%;font-size:11px}.billing-packs{grid-template-columns:repeat(2,1fr)}.billing-table{font-size:12px}.billing-table th,.billing-table td{padding:8px 6px}.billing-alert{flex-direction:column;text-align:center;gap:8px}.billing-info-row{font-size:12px}.usage-period{flex-wrap:wrap}}