/* V24 library: glass on the V23 base. Real pages inside the cards; controls stay opaque and legible. */
body.workspace-app .sidebar .logo{font-size:19px;letter-spacing:-.03em;white-space:nowrap}
body.workspace-app .lib-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:22px}
body.workspace-app .lib-head h1{font-size:clamp(26px,2.55vw,37px);line-height:1.14;letter-spacing:-.05em;margin:0 0 8px;max-width:760px}
body.workspace-app .lib-head p{margin:0;font-size:13px;max-width:640px;line-height:1.65}
.lib-journey{display:flex;flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;font-size:12px;color:#c6ccbd}
.lib-journey li{padding:7px 11px;background:#ffffff0a;border-radius:7px}
.lib-journey li[aria-current]{background:#dfc59c;color:#25261f;font-weight:600}
.lib-tools{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:18px}
body.workspace-app .lib-tools label{font-size:12px;color:#cdd3c3}
.lib-filters{display:flex;flex-wrap:wrap;gap:6px}
body.workspace-app .shell .lib-filters button{min-height:40px;padding:8px 13px;background:#ffffff0a;border:1px solid #e7ead227;color:#dfe3d5;font-size:12px;font-weight:500;border-radius:8px}
body.workspace-app .shell .lib-filters button[aria-pressed=true]{background:#dfc59c;color:#25261f;border-color:#dfc59c}
#lib-count{font-size:12px;color:#c6ccbd;padding-bottom:12px;white-space:nowrap}
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,370px),1fr));gap:18px}
.lib-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:14px;background:#232823c9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #fff6e01f,inset 0 0 0 1px #e8e4d91c}
.lib-card[hidden]{display:none}
body.workspace-app .shell .lib-open{display:block;position:relative;width:100%;padding:0;min-height:0;border:0;border-radius:0;background:#0c0f0d;color:#f3f0e8;text-align:left;overflow:hidden}
.lib-frame{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#0c0f0d}
.lib-frame.is-menu{aspect-ratio:4/3}
.lib-frame iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;pointer-events:none;background:#111}
.lib-frame>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.lib-tag{position:absolute;left:10px;top:10px;z-index:2;padding:5px 9px;font-size:11px;font-weight:600;border-radius:6px;background:#121613d9;color:#f3e7cf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.lib-tag.is-new{background:#dfc59c;color:#25261f}
.lib-hint{position:absolute;right:10px;bottom:10px;z-index:2;padding:7px 11px;font-size:12px;font-weight:600;border-radius:7px;background:#121613e0;color:#f3f0e8;opacity:0;transform:translateY(4px);transition:opacity .16s,transform .16s}
.lib-open:hover .lib-hint,.lib-open:focus-visible .lib-hint{opacity:1;transform:none}
@media(hover:none){.lib-hint{opacity:1;transform:none}}
.lib-info{display:flex;flex-direction:column;gap:6px;padding:15px 16px 16px;flex:1}
.lib-info small{font-size:12px;color:#d7c8a6}
body.workspace-app .shell .lib-info h2{font-size:23px;margin:0;letter-spacing:-.04em}
body.workspace-app .shell .lib-info p{margin:0;font-size:13px;line-height:1.55;color:#c9cec0}
.lib-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding-top:10px}
.pub-state{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;font-size:11px;font-weight:600;background:#ffffff12;color:#dfe3d5;white-space:nowrap}
.pub-state:before{content:'';width:7px;height:7px;border-radius:50%;background:#a9b0a0}
.pub-live{background:#a8d59a24;color:#cfe9c5}.pub-live:before{background:#9ad58a}
.pub-changed{background:#e9c17c29;color:#f4d9a8}.pub-changed:before{background:#e9c17c}
.project-cover .pub-state{position:absolute;left:10px;top:10px;background:#121613e6;white-space:normal;max-width:calc(100% - 20px)}
.lib-preview-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:12px}
.lib-preview-bar p{margin:0;font-size:13px;max-width:44em}
.lib-preview-bar .row{gap:7px;flex-wrap:wrap}
.lib-device{display:inline-flex;gap:3px}
body.workspace-app #modal .lib-device button[aria-pressed=true]{background:#dfc59c;color:#25261f}
.lib-stage{display:grid;justify-items:center;background:#0c0f0d;border-radius:10px;overflow:hidden;padding:0}
.lib-stage iframe{width:100%;height:min(72vh,780px);border:0;background:#111;transition:width .24s}
.lib-stage iframe.is-phone{width:min(390px,100%);height:min(74vh,780px);margin:14px 0;border-radius:30px;box-shadow:0 0 0 9px #232623,0 0 0 10px #4b4f49}
body.workspace-app #modal.site-model-dialog{width:min(1240px,96vw)}
@media(max-width:900px){.lib-tools{grid-template-columns:minmax(0,1fr)}#lib-count{padding:0}}
@media(max-width:560px){body.workspace-app .lib-head{margin-bottom:14px}.lib-journey li{padding:6px 8px;font-size:11px}.lib-grid{grid-template-columns:minmax(0,1fr)}.lib-stage iframe{height:64vh}.lib-stage iframe.is-phone{height:64vh;box-shadow:0 0 0 5px #232623,0 0 0 6px #4b4f49}}
@media(prefers-reduced-motion:reduce){.lib-hint,.lib-stage iframe{transition:none}}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.lib-card{background:#232823}.lib-tag{background:#121613}}