/* Shared controls for the platform, account and administration. Editor is separate. */
:root{--control-radius:var(--ui-radius-control);--control-height:var(--ui-control-size);--field-radius:var(--ui-radius-field);--dialog-radius:var(--ui-radius-panel)}
:is(.btn,.button,button):not(.icon-button,.theme-toggle,.ai-send,.model-trigger,.picker-option,.picker-favorite,.nav-item,.profile,.attach-remove){font-family:var(--ui-font);border-radius:var(--control-radius)}
:is(.btn,.button){min-height:var(--control-height);max-width:100%;white-space:normal;overflow-wrap:anywhere;line-height:1.4}
:is(input,textarea,select){max-width:100%;min-width:0;scroll-margin-block:80px;font-family:var(--ui-font)}
:is(input,select):not([type=checkbox],[type=radio],[type=range],[type=file]){min-height:var(--control-height);border-radius:var(--field-radius)}
button:disabled,.btn:disabled{cursor:not-allowed}
[aria-busy=true] button:disabled{cursor:wait}
:is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
button:not(:disabled):hover,.btn:not(:disabled):hover{transition:background-color .12s ease-out}
summary{min-height:32px;align-content:center}
dialog{border-radius:var(--dialog-radius);max-width:calc(100vw - 24px);max-height:calc(var(--usable-height,100dvh) - 24px);overflow:auto;overscroll-behavior:contain}
dialog h2{overflow-wrap:anywhere}
:is(.table-wrap,.admin-table,.ai-price-table){overflow:auto;max-width:100%;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--ui-input-line) transparent}
:is(.table-wrap,.admin-table,.ai-price-table):focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}
.admin-table td,.admin-table th{font-variant-numeric:tabular-nums}
:is(.ai-notice,.error,.library-error,[role=alert]){overflow-wrap:anywhere;line-height:1.55}
.error:empty,[role=alert]:empty{display:none}
@media(max-width:900px),(pointer:coarse){
 :root{--control-height:44px}
 :is(.btn,.button,.icon-button,.theme-toggle,.ai-send,.picker-favorite,.nav-item,.composer-icon,.composer-menu>summary){min-height:44px;min-width:44px}
 input:not([type=checkbox],[type=radio],[type=range]),textarea,select{font-size:16px!important}
 .ai-composer textarea,.ai-media #media-prompt{font-size:16px!important}
 .admin-tabs button,.ai-text-button,.picker-option{min-height:44px}
 .session-list li{flex-wrap:wrap}.session-list li>div{min-width:0;flex:1 1 180px}
 .profile-heading>*{min-width:0}
}
@media(prefers-reduced-motion:reduce){button:not(:disabled):hover,.btn:not(:disabled):hover{transition:none}}

.info-tip-button{display:inline-grid;place-items:center;box-sizing:border-box;vertical-align:middle;flex:none;width:28px;min-width:28px;height:28px;min-height:28px;margin:0;border:0;border-radius:var(--ui-radius-control);padding:6px;background:transparent;color:var(--ui-muted);cursor:help}.info-tip-button>.ui-icon{display:block;width:16px;height:16px;stroke-width:1.8}.info-tip-button:hover,.info-tip-button[aria-expanded=true]{color:var(--ui-ink);background:var(--ui-hover)}.info-tip{position:fixed;z-index:2147483647;box-sizing:border-box;width:max-content;max-width:min(320px,calc(100vw - 16px));margin:0;padding:10px 12px;border:1px solid var(--ui-line,#ddd);border-radius:10px;background:var(--ui-page,#fff);color:var(--ui-ink,#111);box-shadow:0 8px 24px rgba(0,0,0,.14);font:400 12px/1.5 var(--ui-font);overflow-wrap:anywhere}.info-tip:popover-open{display:block}.info-tip:not(:popover-open){display:none}@media(max-width:900px),(pointer:coarse){.info-tip-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:8px}.info-tip{max-width:min(340px,calc(100vw - 16px));font-size:13px}}@media(prefers-reduced-motion:reduce){.info-tip{scroll-behavior:auto}}

.appearance-control{display:flex;align-items:center;gap:8px;color:var(--ui-muted);font-size:12px}.appearance-control select{width:auto;min-width:0;max-width:112px;padding:7px 10px;font-size:12px}.appearance-control>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.account-header-tools{display:flex;align-items:center;gap:20px}.account-header-tools>span{color:var(--ui-muted)}
@media(max-width:600px){.account-header-tools>span{display:none}.account-header-tools .appearance-control select{font-size:14px!important}body>header{padding-inline:18px}}

/* A single purchased-quota view in the account and its compact menu. */
.usage-summary{padding:18px 0 22px;max-width:540px}
.usage-summary-heading,.usage-summary-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.usage-summary-heading h3,.usage-summary-title{font-size:14px;font-weight:500;margin:0}
.usage-summary-heading strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums}
.usage-summary meter{display:block;appearance:none;width:100%;height:7px;margin:14px 0 10px;border:0;border-radius:8px;background:var(--ui-soft);overflow:hidden}
.usage-summary meter::-webkit-meter-bar{background:var(--ui-soft);border:0;border-radius:8px}
.usage-summary meter::-webkit-meter-optimum-value{background:var(--ui-ink);border-radius:8px}
.usage-summary meter::-moz-meter-bar{background:var(--ui-ink);border-radius:8px}
.usage-summary-caption,.usage-summary-expiry{font-size:12px;line-height:1.5;color:var(--ui-muted);font-variant-numeric:tabular-nums}
.usage-summary-expiry{margin:8px 0 0}
.account-settings .account-package-options,.account-settings .account-billing-details{margin:0;border-top:1px solid var(--ui-line);padding:0}
.account-settings .account-package-options>summary,.account-settings .account-billing-details>summary{padding:16px 0;min-height:44px;font-size:13px;font-weight:500;cursor:pointer}
.account-billing-details>div{padding-bottom:16px}
.account-billing-details .receipt-section,.account-billing-details .refund-section{margin-top:20px;padding-top:20px}

/* Finite shared variants: primary, secondary, quiet, danger and icon. */
:is(.ui-button,.button,.btn,.media-generate,.ai-send,.cp-button,.message-action){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--ui-control-size);padding:8px 12px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-control);background:var(--ui-field-surface);color:var(--ui-ink);font:500 14px/20px var(--ui-font);text-decoration:none;cursor:pointer;box-shadow:none;text-shadow:none}
:is(.ui-button,.button,.btn,.cp-button):not(:disabled):hover{background:var(--ui-hover)}
:is(.ui-button[data-variant=primary],.button.primary,.base-body .button:not(.secondary),.btn.primary,.btn.accent,.media-generate,.ai-send,.cp-primary,.message-action){border-color:transparent;background:var(--ui-primary);color:var(--ui-primary-ink)}
:is(.ui-button[data-variant=primary],.button.primary,.base-body .button:not(.secondary),.btn.primary,.btn.accent,.media-generate,.ai-send,.cp-primary,.message-action):hover:not(:disabled){background:var(--ui-primary-hover);color:var(--ui-primary-ink);filter:none;transform:none}
:is(.ui-button[data-variant=quiet],.btn.quiet){background:transparent;border-color:transparent;color:var(--ui-muted)}
:is(.ui-button[data-variant=danger],.cp-button[data-variant=danger],.btn.danger,.cp-danger){background:transparent;color:var(--ui-error);border-color:var(--ui-error)}
:is(.ui-button,.button,.btn,.media-generate,.ai-send,.cp-button):disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}
:is(.ui-button[data-size=large],.button){min-height:48px;padding:12px 24px;border-radius:12px}
:is(.ui-button[data-size=small],.btn.small){min-height:32px;padding:5px 10px;font-size:12px;line-height:18px}
.ai-send{display:grid;place-items:center;flex:none;width:var(--ui-control-size);height:var(--ui-control-size);padding:8px}
:is(.composer-icon,.voice-icon-button,.voice-favorite,.theme-toggle,.lut-motion-toggle){box-sizing:border-box;display:inline-grid;place-items:center;flex:none;min-width:var(--ui-control-size);width:var(--ui-control-size);min-height:var(--ui-control-size);height:var(--ui-control-size);padding:8px;border:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-muted);cursor:pointer}
:is(.composer-icon,.voice-icon-button,.voice-favorite,.theme-toggle,.lut-motion-toggle):is(:hover,:focus-visible){background:var(--glass-hover);color:var(--ui-ink)}
:is(.composer-icon,.voice-icon-button,.voice-favorite):disabled{opacity:.5;cursor:default}
:is(.composer-icon,.voice-icon-button,.voice-favorite)>.ui-icon{width:20px;height:20px}
@media(max-width:900px),(pointer:coarse){:is(.ui-button[data-size=small],.btn.small){min-height:44px}}

/* Compact utility actions share one language across chats and media. */
.action-icon{position:relative;display:inline-grid;place-items:center;flex:0 0 auto;width:var(--ui-control-size);min-width:var(--ui-control-size);height:var(--ui-control-size);min-height:var(--ui-control-size);padding:8px;border:0;border-radius:var(--ui-radius-control);background:transparent;color:var(--ui-muted);font:inherit;text-decoration:none;cursor:pointer;transition:background-color .18s ease,color .18s ease}
.action-icon .ui-icon{width:20px;height:20px;pointer-events:none}.action-icon:hover,.action-icon:focus-visible{background:var(--ui-soft);color:var(--ui-ink)}.action-icon:disabled{opacity:.38;cursor:default}.action-icon[aria-pressed=true]{color:var(--ui-ink);background:transparent}
[data-tooltip]{position:relative}[data-tooltip]::after{display:none;content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 8px);z-index:90;transform:translate(-50%,3px);width:max-content;max-width:min(220px,calc(100vw - 32px));padding:7px 10px;border:1px solid var(--ui-line);border-radius:8px;background:var(--ui-ink);color:var(--ui-page);box-shadow:0 4px 14px #0002;font:400 11px/1.35 var(--ui-font);white-space:normal;text-align:center;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,transform .15s ease,visibility .15s}
@media(hover:hover){[data-tooltip]:hover::after{display:block;opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:.3s}}[data-tooltip]:focus-visible::after{display:block;opacity:1;visibility:visible;transform:translate(-50%,0)}

@media(prefers-reduced-motion:reduce){.action-icon,[data-tooltip]::after{transition:none}}

/* A single search primitive, using the music library's quiet field material. */
body.site-surface .studio-search{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-width:0;min-height:42px;padding:0 12px;margin:0;border:1px solid var(--glass-field-edge);border-radius:var(--ui-radius-field);background:var(--glass-field);color:var(--ui-muted);transition:border-color .15s ease,background-color .15s ease}
body.site-surface .studio-search>.ui-icon{width:18px;height:18px;flex:none}
body.site-surface .studio-search input{display:block;flex:1;min-width:0;width:100%;height:40px;min-height:40px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--ui-ink);font:400 13px/1.3 var(--ui-font);outline:0}
body.site-surface .studio-search input::placeholder{color:var(--ui-muted);opacity:1}
body.site-surface .studio-search:focus-within{border-color:var(--glass-focus);background:var(--glass-control);outline:2px solid var(--ui-focus);outline-offset:2px}
body.site-surface .studio-search:has(input:disabled){opacity:.45}
.studio-browse-bar{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,30%);align-items:center;gap:16px;min-width:0;flex:none;margin:0 0 12px}
.studio-browse-bar:not(:has(nav)){display:block}.studio-browse-bar:not(:has(nav))>.studio-search{max-width:520px}
.studio-browse-bar :is(.photo-model-filters,.video-model-filters){display:flex;flex-wrap:nowrap;align-items:center;gap:6px;width:100%;min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--glass-divider) transparent;margin:0;padding:2px 0 5px;scroll-padding-inline:6px}
.studio-browse-bar nav>button{flex:none;white-space:nowrap;min-height:40px;gap:8px}
body.site-surface .photo-category-filters{display:flex;flex-wrap:nowrap;max-width:100%;min-width:0;width:100%;overflow-x:auto;overscroll-behavior-x:contain;gap:6px;scrollbar-width:thin;scrollbar-color:var(--glass-divider) transparent;padding:2px 0 5px}
body.site-surface .photo-filters{display:block;margin-bottom:12px}.photo-category-filters>button{flex:none;white-space:nowrap}
.music-library-search{max-width:520px}.voice-library .music-library-search{max-width:none;margin-bottom:12px}
@media(max-width:900px){.studio-browse-bar{gap:12px;grid-template-columns:minmax(0,1fr) minmax(150px,42%)}body.site-surface .studio-search input{font-size:16px}.studio-browse-bar nav>button,.photo-category-filters>button{min-height:44px}}
@media(prefers-reduced-motion:reduce){body.site-surface .studio-search{transition:none}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}