.workspace{width:min(1120px,calc(100vw - 48px));padding:26px}.workspace-subtitle{display:block;margin-top:5px;font-size:12px;color:var(--text-3)}
.workspace-columns{grid-template-columns:minmax(0,1fr) 310px;gap:24px}.inspector-column{padding-left:24px}.workspace .seg-inline{max-width:360px;margin-bottom:16px}
.asset-toolbar{display:flex;flex-direction:column;gap:10px;margin:12px 0}.asset-toolbar input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--hairline);background:rgba(255,255,255,.045);color:var(--text);font:inherit;font-size:13px}.asset-toolbar input:focus{outline:1px solid var(--blue);border-color:var(--blue)}
.asset-filters{display:flex;gap:8px}.asset-filters select{flex:1;padding:9px 12px;font-size:12px;border:1px solid var(--hairline);border-radius:10px}
.asset-resource-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 16px}.asset-resource-bar>span{font-size:11px;color:var(--text-3)}.asset-resource-bar .resource-actions{margin:0;gap:12px}.asset-resource-bar .pill-btn{font-size:11px;padding:8px 10px}.asset-resource-bar .text-btn{font-size:11px}
#asset-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:0;max-height:52vh;padding:2px 9px 6px 2px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}
.asset-tile{padding:0;display:flex;flex-direction:column;min-width:0;text-align:left;border:1px solid var(--hairline);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.035);transition:border-color .15s,background .15s,transform .2s;cursor:pointer;color:var(--text)}.asset-tile:hover{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.065);transform:translateY(-2px)}.asset-tile.selected{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}
.checkerboard{background-color:#24242a;background-image:linear-gradient(45deg,#303037 25%,transparent 25%),linear-gradient(-45deg,#303037 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#303037 75%),linear-gradient(-45deg,transparent 75%,#303037 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0}
.asset-tile-preview{position:relative;aspect-ratio:1.25;display:grid;place-items:center;overflow:hidden}.asset-type-icon{width:28px;height:28px;opacity:.6}.preview-ready .asset-type-icon{display:none}.asset-thumbnail{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:9px}.asset-state{position:absolute;top:8px;right:8px;z-index:1;padding:4px 6px;border-radius:6px;font-size:9px;font-weight:600;background:rgba(20,20,24,.88);color:var(--text-2);backdrop-filter:blur(8px)}.asset-state.loaded{color:#87dfa5}.asset-state.failed{color:#ffb368}.asset-state.loading{color:#75b9ff}
.asset-tile-body{display:flex;flex-direction:column;gap:5px;padding:12px}.asset-tile-title{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-id{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--text-3);font-size:10px;overflow-wrap:anywhere}.asset-tile-meta{font-size:10px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#asset-inspector{max-height:66vh;overflow:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.asset-detail-preview{position:relative;width:100%;aspect-ratio:1;border:1px solid var(--hairline);border-radius:14px;display:grid;place-items:center;overflow:hidden;margin:10px 0 16px}.asset-detail-preview .asset-thumbnail{padding:12px}.asset-detail-heading h3{font-size:17px;line-height:1.4;margin:0 0 6px;overflow-wrap:anywhere}.asset-detail-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px}.asset-detail-tags .badge{font-size:9px;background:rgba(255,255,255,.07);color:var(--text-2)}.asset-facts{font-size:11px;color:var(--text-3);line-height:1.7;margin:10px 0}
.asset-detail-actions{display:flex;gap:10px;align-items:center;margin:14px 0 20px;flex-wrap:wrap}.asset-detail-actions .pill-btn{font-size:11px;padding:9px 11px}.asset-detail-actions .text-btn{font-size:11px;padding:6px 0;color:var(--blue);text-decoration:none}.asset-uses-heading{font-size:11px;font-weight:500;color:var(--text-3);margin:20px 0 8px}.asset-uses{display:flex;flex-direction:column;gap:6px}.asset-use{display:flex;flex-direction:column;gap:4px;align-items:flex-start;padding:10px 12px;border:1px solid var(--hairline);border-radius:10px;text-align:left;color:var(--text);background:rgba(255,255,255,.025);width:100%}.asset-use:hover{background:rgba(10,132,255,.08);border-color:rgba(10,132,255,.3)}.asset-use strong{font-size:11px;font-weight:500;overflow-wrap:anywhere}.asset-use span{font-size:10px;color:var(--text-3)}
.asset-preview-error{font-size:11px;color:var(--text-3);padding:16px;text-align:center;z-index:1}.asset-error-detail{color:var(--orange);font-size:11px;line-height:1.6;overflow-wrap:anywhere}.asset-empty{grid-column:1/-1;text-align:center;font-size:12px;color:var(--text-3);padding:40px 20px;line-height:1.6}
@media(max-width:900px){.workspace-columns{grid-template-columns:minmax(0,1fr) 265px}.workspace{padding:22px}.asset-resource-bar{align-items:flex-start;flex-direction:column}.workspace-columns{gap:18px}.inspector-column{padding-left:18px}}
@media(max-width:700px){.workspace{width:calc(100vw - 24px);padding:18px}.workspace-columns{grid-template-columns:1fr}.inspector-column{border-left:0;border-top:1px solid var(--hairline);padding:18px 0 0}#asset-list{max-height:40vh;grid-template-columns:repeat(2,minmax(0,1fr))}.asset-detail-preview{max-width:350px;margin-left:auto;margin-right:auto}#asset-inspector{max-height:none}.asset-resource-bar{flex-direction:row;align-items:center}.workspace-subtitle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.asset-tile{transition:none}.asset-tile:hover{transform:none}}