/* Workspace measurements and colors taken from the opened Asset Manager demo. */

body{background:var(--bg);color:var(--text);font-optical-sizing:auto}button,input,select,textarea{font-family:inherit}button{font-weight:500}button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--focus);outline-offset:2px}.primary{background:var(--accent);color:var(--white);border-radius:6px;font-weight:600}.primary:hover{background:var(--accent-hover);color:var(--white)}.secondary{background:#ffffff0f;border-color:var(--border);color:var(--text);border-radius:6px}.secondary:hover{background:#ffffff17}.muted{color:var(--text-secondary)}input,select,textarea{background:var(--field-bg);border-color:var(--border);color:var(--text)}.ui-icon{width:20px;height:20px}
.app-header{height:48px;padding:0 18px;gap:20px;background:var(--surface);border-color:var(--line)}.app-header .brand{gap:10px}.app-header .brand-mark{width:26px;height:26px}.app-header .brand-caption{font-size:16px;font-weight:600;letter-spacing:-.3px;color:var(--text)}.workspace-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.header-divider{height:20px;background:var(--border)}.header-private{font-size:12px;color:var(--muted)}.header-api{font-size:12px;color:var(--text-secondary)}.account-avatar{background:var(--line);border:0;color:var(--gray-200);width:28px;height:28px}.account-dropdown{background:var(--field-bg);border-color:var(--border)}.account-dropdown button{font-size:13px}.header-api:hover{color:var(--white)}
.sidebar{background:var(--surface);padding:16px 8px 20px;border-color:var(--line);top:48px;bottom:var(--status)}.sidebar-create{padding:0 8px 16px;border-bottom:1px solid var(--line);margin:0 -8px 12px}.sidebar-create .primary{padding:7px 12px;width:100%;justify-content:flex-start;background:transparent;color:var(--text);font-weight:500;font-size:14px}.sidebar-create .primary:hover{background:var(--surface-hover)}.sidebar-create .ui-icon{width:22px;height:22px;color:var(--text-secondary)}.library-navigation{margin-bottom:20px}.nav-item{padding:8px;min-height:36px;font-size:13px;gap:10px;color:var(--text-secondary);border-radius:6px;font-weight:400}.nav-item .ui-icon{width:18px;height:18px;color:var(--muted)}.nav-item.active{background:var(--line);color:var(--text)}.nav-item.active .ui-icon{color:var(--gray-200)}.nav-item:hover{background:var(--surface-hover);color:var(--text)}.sidebar-heading{padding:0 8px;margin-bottom:6px}.sidebar-heading h3{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600;color:var(--text-secondary)}.sidebar-heading .ui-icon{color:var(--gray-500);width:15px;height:15px}.sidebar-section{margin-top:23px}.sidebar-note{font-size:12px;line-height:1.6;color:var(--gray-500);padding:6px 8px}.sidebar-bottom{margin-top:auto;padding:18px 8px 0;color:var(--muted)}.sidebar-bottom p{font-size:12px}.sidebar-bottom .ui-icon{color:var(--muted)}
main{padding:calc(var(--header) + 18px) 16px 112px;margin-left:var(--sidebar);margin-right:var(--inspector);min-height:100dvh}.catalog-heading{margin-bottom:14px;align-items:center;gap:10px}.breadcrumb{font-size:12px;color:var(--text-secondary);margin:0 0 10px}.catalog-heading h1{font-size:20px;letter-spacing:-.3px;font-weight:600;margin:0}.catalog-heading h1>span{font-size:12px;background:var(--field-bg);border:1px solid var(--border);color:var(--text-secondary);padding:2px 6px;border-radius:4px}.space-tabs{gap:24px;margin:0 0 12px;border-color:var(--line)}.space-tabs button{font-size:13px;color:var(--text-secondary);padding:0 0 10px;font-weight:500;gap:7px}.space-tabs button.active{color:var(--text);border-color:var(--accent)}.space-tabs .ui-icon{width:16px;height:16px}.space-description{font-size:12px;color:var(--gray-500)}.global-search{height:32px;padding:0 10px;border-radius:6px;background:var(--field-bg);border:1px solid var(--border)}.global-search input{font-size:13px;color:var(--text)}.global-search input::placeholder{color:var(--muted)}.global-search .ui-icon{width:19px;height:19px;color:var(--gray-500)}.global-search kbd{font-size:12px;background:var(--line);border:0;color:var(--text-secondary)}.global-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.toolbar{margin:8px 0 0;padding:0;border:0;min-height:28px;gap:8px}.toolbar-filters{display:flex;flex-wrap:wrap;gap:6px;width:100%}.select-control{border:1px solid var(--border);border-radius:20px;padding:0 6px;display:flex;background:transparent;min-width:0}.select-control select{font-size:12px;font-weight:500;height:28px;padding:3px 3px;border:0;border-radius:20px;background:transparent;color:var(--text);max-width:175px}.type-control{order:-2}.toolbar-filters .select-control:not(.type-control){order:-1}.filter-button{font-size:12px;padding:3px 7px;height:28px;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text);gap:5px}.filter-button:hover{background:var(--field-bg)}.filter-button .ui-icon{width:17px;height:17px}.filter-count{background:var(--accent);color:var(--white);font-size:12px}.advanced-filters{margin-top:10px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:6px;gap:12px}.advanced-filters label{font-size:12px;color:var(--text-secondary)}.advanced-filters input{height:32px;font-size:12px}.active-filters{margin-top:8px;gap:6px}.active-filters:empty{display:none}.filter-chip{font-size:12px;background:var(--field-bg);color:var(--text-secondary);border:1px solid var(--border);border-radius:4px}.catalog-meta{margin:12px 0;font-size:12px;color:var(--muted)}.catalog-hint{font-size:12px}.catalog-footer{position:fixed;left:calc(var(--sidebar) + 16px);right:calc(var(--inspector) + 16px);bottom:calc(var(--status) + 12px);z-index:22;display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 14px;background:var(--surface-hover);border:1px solid var(--border);border-radius:8px;box-shadow:0 5px 18px #0003}.sort-caption{font-size:12px;color:var(--text-secondary)}.catalog-footer .toolbar-display{flex:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0}.sort-control{border:0;padding:0}.sort-control select{background:#ffffff10;border-radius:4px;height:26px;font-size:12px;max-width:210px}.view-switch{background:transparent;border:0;padding:0;gap:1px}.view-switch button{padding:3px;border-radius:3px;color:var(--text-secondary)}.view-switch button.selected{background:var(--blue-700);color:var(--link)}.view-switch .ui-icon{width:18px;height:18px}.signed-out .catalog-footer{display:none}
.selection-bar{display:flex;align-items:center;gap:8px;padding:4px 6px;margin:0 0 8px;background:var(--selection);border-radius:6px;color:var(--text);min-height:32px}.selection-bar strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;font-weight:600}.selection-bar .icon-button{width:23px;height:23px;border-radius:4px;border:1px solid var(--blue-700);color:var(--link)}.selection-bar .icon-button .ui-icon{width:14px;height:14px}.selection-bar .primary{font-size:12px;padding:4px 7px;min-height:24px;gap:5px}.selection-bar .primary .ui-icon{width:15px;height:15px}
.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(164px,180px));align-items:start;gap:14px}.asset-card-shell{border:1px solid transparent;border-radius:7px;background:var(--surface);overflow:hidden;box-shadow:0 2px 5px #0003}.asset-card-shell:hover{background:var(--surface-raised);border-color:var(--border-interactive);transform:none}.asset-card-shell.selected{border-color:var(--focus);box-shadow:0 0 0 1px var(--focus);background:var(--surface)}.asset-card{border-radius:6px;overflow:hidden;background:none}.asset-visual{aspect-ratio:1;height:auto;margin:1px;border-radius:6px;background:var(--field-bg)!important;overflow:hidden}.asset-symbol .ui-icon{color:var(--gray-500);width:48px;height:48px}.asset-visual img.preview-image{object-fit:cover}.type-badge{font-size:12px;padding:2px 5px;background:#191919d9;color:var(--gray-200);left:auto;right:7px;top:7px;border:0;border-radius:4px}.asset-visual>.payload-badge{font-size:12px;background:#191919c9;color:var(--gray-200);border-radius:3px;bottom:7px;right:7px}.asset-info{padding:10px 10px 11px}.card-title-row{gap:7px;align-items:center;min-width:0}.card-title-row>.ui-icon{width:15px;height:15px;display:block;color:var(--gray-500)}.card-title-row h3{font-size:13px;font-weight:500;line-height:20px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0;min-width:0}.asset-project{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:2px 0 8px 22px;line-height:16px}.card-bottom{font-size:12px;color:var(--text-secondary);gap:5px;border-top:1px solid var(--line);padding-top:7px}.card-bottom small{font-size:12px;color:var(--gray-500);white-space:nowrap}.card-update{opacity:0;width:24px;height:24px;top:8px;left:8px;right:auto;border:1px solid var(--border-interactive);background:#1a1a1ae8;color:var(--gray-200);border-radius:4px}.asset-card-shell:hover .card-update,.asset-card-shell:focus-within .card-update{opacity:1}.card-update .ui-icon{width:16px;height:16px}.list-heading{padding:9px 14px 9px 78px;border:0;background:var(--surface-raised);color:var(--muted);font-size:12px}.list.asset-grid{align-items:stretch;gap:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.list .asset-card-shell{border-radius:0;border:0;border-bottom:1px solid var(--line);box-shadow:none}.list .asset-card-shell.selected{background:var(--selection);box-shadow:inset 2px 0 var(--focus)}.list .asset-card{padding:9px 12px;gap:12px}.list .asset-visual{width:42px;height:42px;aspect-ratio:1;margin:0}.list .asset-info{padding:0}.list .asset-info h3{font-size:12px}.list .asset-project{margin:0}.list .card-bottom{border:0;padding:0}.list .card-title-row .ui-icon{display:none}.list .card-update{left:auto;right:8px;top:18px}.list .asset-symbol .ui-icon{width:24px;height:24px}
.asset-inspector{top:var(--header);bottom:var(--status);width:var(--inspector);background:var(--surface);border-color:var(--line);display:flex;flex-direction:column;overflow:hidden}.inspector-heading{position:static;flex-shrink:0;min-height:40px;height:40px;padding:0 8px 0 0;border-color:var(--line);background:var(--surface);gap:4px}.inspector-tabs{display:flex;flex:1;height:100%;min-width:0}.inspector-tabs button{flex:1;border-bottom:2px solid transparent;padding:10px 4px;font-size:13px;color:var(--gray-500);font-weight:500}.inspector-tabs button[aria-selected=true]{color:var(--text);border-color:var(--accent)}.inspector-tabs button:disabled{opacity:1;cursor:default}.inspector-heading>.icon-button{width:26px;height:26px;color:var(--text-secondary)}.inspector-heading>.icon-button .ui-icon{width:18px;height:18px}#inspectorBody{flex:1;min-height:0;overflow:hidden}.inspector-content{height:100%;padding:0;display:flex;flex-direction:column}.inspector-panel{padding:16px;overflow:auto;flex:1;min-height:0;scrollbar-width:thin}.inspector-content h2{font-size:18px;font-weight:600;letter-spacing:-.3px;margin:0 0 8px;line-height:1.45}.inspector-type{font-size:12px;color:var(--text-secondary);letter-spacing:0;text-transform:none;display:flex;align-items:center;gap:6px;margin:0 0 12px}.inspector-type .ui-icon{width:16px;height:16px;color:var(--gray-500)}.inspector-location{font-size:12px;color:var(--text-secondary);margin:0 0 12px}.inspector-version{display:inline-block;padding:3px 7px;margin:0 0 12px;border:1px solid var(--border);border-radius:6px;font-size:12px;color:var(--gray-200);background:#ffffff07}.inspector-section{margin-top:18px;padding-top:0;border:0}.inspector-section h3{font-size:12px;font-weight:500;color:var(--text-secondary);margin:0 0 8px}.inspector-description{font-size:12px;line-height:1.65;color:var(--text);margin:0 0 18px;max-height:145px}.inspector-properties{display:grid;grid-template-columns:95px minmax(0,1fr);gap:11px;font-size:12px;padding-top:5px}.inspector-properties dt{color:var(--muted)}.inspector-properties dd{color:var(--gray-200)}.inspector-section .tag{font-size:12px;padding:2px 7px;border:1px solid var(--border);border-radius:4px;background:#ffffff09;color:var(--gray-200)}.inspector-section .tag:hover{border-color:var(--gray-500)}.inspector-actions{margin:12px 0;gap:8px}.inspector-actions .primary{font-size:12px;padding:5px 8px;min-height:28px}.inspector-actions .secondary{padding:5px;min-width:29px}.inspector-open{font-size:12px;color:var(--link);background:transparent;border:0;border-radius:4px;padding:6px 0;text-align:left}.inspector-open:hover{background:transparent;color:var(--link)}.inspector-open .ui-icon{width:16px;height:16px}.inspector-file{background:var(--surface-raised);border:1px solid var(--line);border-radius:6px;padding:11px 10px;gap:10px;margin:10px 0}.inspector-file>div{min-width:0;flex:1}.inspector-file>.ui-icon{color:var(--text-secondary);width:20px;height:20px}.inspector-file strong{font-size:12px;font-weight:500;line-height:1.6}.inspector-file small{font-size:12px;color:var(--muted)}.inspector-file a{display:flex;align-items:center;color:var(--link)}.inspector-file a .ui-icon{width:18px;height:18px}.inspector-preview-region{flex-shrink:0;height:240px;max-height:42%;display:flex;flex-direction:column;border-top:1px solid var(--border);background:var(--surface-raised)}.preview-region-heading{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:5px 12px;font-size:12px;background:var(--field-bg);color:var(--gray-200)}.preview-region-heading button{font-size:12px;color:var(--gray-200);background:#ffffff0f;border-radius:4px;padding:3px 7px}.preview-region-heading button:hover{background:#ffffff20}.inspector-preview{height:auto;min-height:0;border:0;border-radius:0;margin:0;background:var(--bg);flex:1}.inspector-preview img{background:var(--bg);object-fit:contain;cursor:pointer}.inspector-preview>.ui-icon{color:var(--border-interactive);width:54px;height:54px}.inspector-preview .payload-badge{background:#181818d9;color:var(--text-secondary);font-size:12px}.inspector-audio{margin:8px 12px;width:calc(100% - 24px);height:32px;flex-shrink:0}.inspector-empty{height:100%;min-height:0;padding:30px 22px;color:var(--muted)}.inspector-empty-icon{width:60px;height:60px;transform:none;box-shadow:none;border:0;background:none;margin-bottom:10px}.inspector-empty-icon .ui-icon{transform:none;width:42px;height:42px;color:var(--gray-500)}.inspector-empty h2{font-size:14px;font-weight:500;color:var(--gray-200)}.inspector-empty p{font-size:12px;color:var(--gray-500);line-height:1.65}.workspace-status{height:var(--status);background:var(--surface);border-color:var(--line);color:var(--muted);font-size:12px}.workspace-status .status-dot{background:var(--accent)}.status-shortcut{font-size:12px}
.detail-dialog,dialog{background:var(--surface);border-color:var(--border);border-radius:8px}.detail-tabs{border-color:var(--line)}.detail-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--text)}.detail-summary h1{font-size:26px}.preview-workspace{background:var(--surface-raised);border-color:var(--line)}.tag{background:var(--field-bg);color:var(--gray-200);border-color:var(--border-interactive)}.login-panel{background:var(--surface)}.login-card h2{letter-spacing:-.6px}.login-card .primary{color:var(--white)}.login-copyright a{color:var(--text-secondary)}.empty-state{border-color:var(--line);background:transparent}.empty-state h3{color:var(--gray-200)}.empty-state p{color:var(--text-secondary)}.empty-icon{color:var(--gray-500)}
@media(min-width:1600px){:root{--inspector:400px;--sidebar:240px}.asset-grid{grid-template-columns:repeat(auto-fill,180px)}.inspector-preview{height:260px}}
@media(max-width:1250px){:root{--sidebar:208px;--inspector:320px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(155px,180px))}.catalog-hint,.space-description{display:none}.list .asset-info,.list-heading{grid-template-columns:minmax(100px,1.2fr) 1fr}.list .card-type,.list .asset-project,.list-heading>span:nth-child(2),.list-heading>span:nth-child(3){display:none}.sort-caption{display:none}.inspector-panel{padding:14px}.inspector-preview{height:185px}}
@media(max-width:1050px){main{margin-right:0}.catalog-footer{right:16px}.asset-inspector{display:none;width:360px;top:0;bottom:0}.inspector-visible .asset-inspector{display:flex}.inspector-heading{height:44px}.asset-grid{grid-template-columns:repeat(auto-fill,minmax(170px,180px))}.list .asset-info,.list-heading{grid-template-columns:minmax(120px,1.4fr) 1fr 1fr}.list .asset-project,.list-heading>span:nth-child(3){display:block}.inspector-panel{padding:16px}.inspector-preview{height:230px}}
@media(max-width:800px){:root{--sidebar:224px;--header:48px}.sidebar{top:48px;bottom:0}.app-header{padding:0 12px;gap:12px}.app-header .brand-caption{font-size:14px;letter-spacing:-.2px}.app-header .brand-mark{width:24px;height:24px}.header-divider,.workspace-label,.header-private{display:none}.header-api{font-size:12px}.account-avatar{width:26px;height:26px}main{margin:0;padding:64px 16px 110px}.catalog-footer{left:16px;right:16px}.catalog-heading h1{font-size:19px}.catalog-heading{margin-bottom:14px}.breadcrumb{font-size:12px}.space-tabs{gap:22px}.sort-caption{display:block}.card-update{opacity:1}.sidebar-create .primary{font-size:14px}.sidebar-backdrop:not([hidden]){top:48px}.catalog-meta{font-size:12px}}
@media(max-width:600px){.asset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.asset-info{padding:8px}.card-title-row h3{font-size:12px}.card-title-row>.ui-icon{display:block;width:14px;height:14px}.asset-project{font-size:12px;margin-left:21px}.card-bottom{font-size:12px}.card-bottom small{font-size:12px}.asset-visual{aspect-ratio:1}.type-badge{font-size:12px}.asset-symbol .ui-icon{width:40px;height:40px}.catalog-footer{min-height:44px;bottom:calc(var(--status) + 8px);left:10px;right:10px;padding:8px 10px;gap:7px}.sort-caption{font-size:12px}.sort-control select{font-size:12px;max-width:170px}.catalog-footer .toolbar-display{gap:6px}.view-switch .ui-icon{width:18px;height:18px}.toolbar-filters{gap:5px}.select-control select{font-size:12px;max-width:140px}.filter-button{font-size:12px}.global-search input{font-size:12px}.selection-bar .primary{font-size:12px}.selection-bar .primary .ui-icon{display:none}.selection-bar strong{font-size:12px}.inspector-visible .asset-inspector{width:min(360px,100%)}.list .asset-info,.list-heading{grid-template-columns:minmax(110px,1fr) 1fr}.list .asset-project,.list-heading>span:nth-child(3){display:none}.list .asset-card{gap:8px;padding:8px}.list-heading{padding-left:62px}.list .asset-visual{width:38px;height:38px}.list .card-title-row h3{font-size:12px}.workspace-status{font-size:12px}.workspace-status>span:first-child{display:none}.login-panel{background:var(--surface)}.login-monogram{margin-top:0}.header-api{font-size:12px}.account-menu{margin-left:0}.asset-inspector .inspector-properties{grid-template-columns:90px minmax(0,1fr)}}