/* B: warm smoked glass. Scene materials and 3D animation stay in style.css. */
:root{--content-text:#f3ecdf;--content-muted:#d0c2ad;--content-line:#eadcc728;--content-panel:#514638d9;--content-accent:#e0c9a3}
#folio{position:relative;isolation:isolate;padding:clamp(18px,5vw,66px);background:none;color:var(--content-text);--edge:var(--content-line);--blue:var(--content-accent)}
#folio::before{content:"";position:fixed;inset:-8px;z-index:-1;background:linear-gradient(#21180f26,#21180f59),url('/window-desk.webp') center 66%/cover;filter:blur(4px) saturate(.78)}
.foliohead{display:none}
#sheet{max-width:1360px;min-height:calc(100svh - 132px);margin:auto;padding:0;border:1px solid #e5d4b744;outline:none;border-radius:16px;background:var(--content-panel);backdrop-filter:blur(32px) saturate(.7);box-shadow:0 24px 70px #19110950,inset 0 1px #fff2;animation:contentIn .32s ease-out}
@keyframes contentIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.folioShell{display:grid;grid-template-columns:186px minmax(0,1fr);min-height:inherit}
.folioSidebar{display:flex;flex-direction:column;padding:26px 14px 20px;background:#201b1529;border-right:1px solid var(--content-line);border-radius:15px 0 0 15px}
.sidebarTitle{display:block;color:inherit;text-decoration:none;font-size:15px;font-weight:600;padding:4px 13px 26px}
.folioSidebar nav{display:flex;flex-direction:column;gap:6px}
#folio .folioSidebar nav button,#folio .folioSidebar nav a{display:block;text-align:left;color:var(--content-muted);text-decoration:none;font-size:14px;padding:12px 14px;background:transparent;border:1px solid transparent;border-radius:7px}
#folio .folioSidebar nav [aria-pressed=true],#folio .folioSidebar nav [aria-current=page]{background:#eee1c923;color:var(--content-text);border-color:#fff1}
.sidebarReturn{color:var(--content-muted);text-decoration:none;font-size:13px;margin-top:auto;padding:36px 13px 0}
.contentPanel{min-width:0;padding:14px clamp(20px,3vw,40px) 40px}
.pageTools{height:42px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
#folio .iconButton{display:grid;place-items:center;width:34px;height:34px;padding:0;font-size:21px;background:transparent;border-color:transparent;text-decoration:none;color:var(--content-muted);border-radius:50%}
#folio .title{border:0;margin:0 0 26px;padding:0;align-items:center}
#folio h1,#folio h2,#folio h3,#modal h2,.cameraStory h2{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
#folio .title h1{font-size:clamp(25px,2.5vw,34px);font-weight:600;line-height:1.35}
#folio .title p,#folio small,#folio dt,#folio .minor{color:var(--content-muted)}
#folio button,#folio .button,#modal button,.cameraControls button,.cameraEdit,.cameraLightbox button,.photoLightbox button,.bookControls button,.bookClose{border:1px solid #ebdac333;background:#f0dec316;color:var(--content-text);border-radius:7px;padding:.58em .9em;font-size:14px;line-height:1.45;transition:background .16s,border-color .16s,box-shadow .16s}
#folio button:hover,#folio .button:hover,#folio .folioSidebar a:hover,#modal button:hover,.cameraControls button:hover,.cameraEdit:hover,.photoLightbox button:hover{background:#f0dec32c;border-color:#ebdac34d;filter:none}
#folio button:active,#folio .button:active,#modal button:active,.cameraControls button:active{background:#f0dec343}
#folio .primary,#modal .primary,.cameraStory .primary{background:var(--content-accent);border-color:transparent;color:#3d3326;font-weight:550}
#folio .primary:hover,#modal .primary:hover,.cameraStory .primary:hover{background:#edd8b7}
#folio .text,#modal .text{background:transparent;border:0}
#folio .danger{color:#ffb6a8}
#folio :focus-visible,#modal :focus-visible,#cameraDialog :focus-visible,.photoLightbox :focus-visible{outline:2px solid #f1d8ac;outline-offset:4px}
#folio input:not([type=checkbox]),#folio select,#folio textarea,#modal input:not([type=checkbox]),#modal select,#modal textarea{background:#211b153d;border:1px solid #e3d2b736;color:var(--content-text);border-radius:7px;padding:10px 12px;font-size:15px;color-scheme:dark;box-shadow:inset 0 1px 2px #0001}
#folio input::placeholder,#folio textarea::placeholder{color:#c7b8a2}
#folio select option{background:#514638;color:var(--content-text)}
#folio label{font-size:14px;font-weight:500;line-height:1.6}
#folio summary,#folio .collectionLink,#folio .noteControls a{color:var(--content-accent)}
#folio .error,#modal .error{color:#ffc2b4}
#folio .controls{margin-bottom:24px;gap:16px}
#search{width:min(100%,260px)}
.filterTools{display:flex;align-items:center;gap:18px;margin-left:auto;font-size:13px;color:var(--content-muted)}
#folio #year{font-size:13px;padding:8px 10px}
.masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1px;grid-auto-flow:dense;column-gap:22px;align-items:start}
.masonry>.record,.masonry>.mediaCard,.masonry>.galleryPhoto{display:block;align-self:start;width:100%;margin:0}
#records .record{padding:0;border:0;color:inherit;text-decoration:none;border-radius:8px}
#records .record h2,.mediaCard h2{font-size:15px;font-weight:500;margin:12px 0 5px;line-height:1.5;overflow-wrap:anywhere}
#records .record small{font-size:12px;line-height:1.6}
#folio .preview{display:block;aspect-ratio:auto;border:0;outline:none;border-radius:8px;background:#201b1638;box-shadow:none;overflow:hidden}
#folio .preview img{width:100%;height:auto;max-height:none;object-fit:contain}
#folio .coverBlank{display:grid;place-items:center;min-height:150px;color:var(--content-muted);font-family:inherit;font-size:15px}
#records .preview,#folio .mediaCard>img{transition:box-shadow .18s}
#records .record:hover .preview,#folio .mediaCard:hover>img{box-shadow:0 0 0 2px #d5c1a85e}
#folio .empty{grid-column:1/-1;padding:45px 0}
#folio .empty h2,#folio .noteEmpty h2{font-family:inherit;font-size:18px;font-weight:400;line-height:1.6;color:var(--content-muted)}
#folio .split{gap:32px;grid-template-columns:minmax(0,44%) minmax(0,1fr)}
#folio dl{font-size:14px}#folio dt,#folio dd{border-color:var(--content-line)}
#folio .copy{border-color:var(--content-line)}
#folio .mediaGrid.masonry{display:grid;row-gap:0}
#folio .mediaCard{padding:0;background:none;border:0;border-radius:8px;color:inherit}
#folio .mediaCard img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:8px;background:#201b1638}
#folio .courseGrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:18px}
#folio .courseGrid .mediaCard{padding:24px;background:#ead9bc0c;border:1px solid var(--content-line)}
#folio .courseGrid .mediaCard:hover{background:#ead9bc1a}
#folio .photoPlate{max-width:none;margin:0}
#folio .photoPlate img{width:100%;height:auto;max-height:none;margin:0}
#folio .galleryPhoto{padding:0;border:0;background:#201b1638;border-radius:8px;overflow:hidden;cursor:zoom-in}
#folio .galleryPhoto:hover{box-shadow:0 0 0 2px #d5c1a85e}
#folio .photoPlate figcaption,#folio .mediaCaption{color:var(--content-muted);font-size:15px}
#folio .mapPreview{padding:0;background:#201b1626;box-shadow:none;border-radius:8px;overflow:hidden}
#folio .mapPreview img{max-height:none;height:auto;width:100%}
.noteList.masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr));column-gap:20px;min-width:0}
.noteItem{min-width:0;align-self:start;padding:0;border:0}
.noteItem:last-child{border-bottom:0}
#folio .noteControls h2{font-size:15px;font-weight:500;margin:0;overflow-wrap:anywhere;flex:1;min-width:140px}
.noteActions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
#folio .noteItem .mapPreview{background:transparent}
#folio .noteItem .mapPreview img{display:block;width:auto;max-width:100%;height:auto;max-height:none;margin:0 auto;object-fit:contain}
#folio .mediaForm{max-width:760px}
#folio fieldset{border:1px solid var(--content-line);border-radius:8px;padding:16px}
#folio input::file-selector-button{font:inherit;border:0;border-radius:4px;background:#e0c9a326;color:var(--content-text);padding:7px 10px;margin-right:12px;cursor:pointer}
#modal{color:var(--content-text);background:#514638ef;backdrop-filter:blur(24px);border:1px solid #e5d4b744;border-radius:14px;--blue:var(--content-accent);--edge:var(--content-line)}
#modal h2{font-size:25px}#modal .figureOptions legend{color:var(--content-muted)}#modal .figureOptions [aria-pressed=true]{background:#d1bea845;color:var(--content-text);border-color:#d1bea870}
#modal .button{background:#f0dec316;border-color:#ebdac333;color:var(--content-text);font-size:14px}
#cameraDialog{background:#514638d9;color:var(--content-text);backdrop-filter:blur(30px) saturate(.7);border-color:#e5d4b744}
.cameraModel{background:radial-gradient(ellipse at 44% 40%,#b9a68a45,#29221a38);border-right:1px solid var(--content-line)}
.cameraStory{background:transparent}
.cameraStory h2{font-size:clamp(25px,2.5vw,34px);font-weight:600;margin-bottom:18px}
.cameraCaption,.cameraEmpty{color:var(--content-muted)}
.cameraClose{color:var(--content-text)}
.cameraPhotos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1px;grid-auto-flow:dense;gap:0 14px;align-items:start}
.cameraPhotos button{display:block;align-self:start;width:100%;margin:0;border-radius:7px;background:#211c1638;cursor:zoom-in}
.cameraPhotos img{width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain}
.cameraPhotos button:hover{filter:none;box-shadow:0 0 0 2px #d5c1a85e}
.cameraLightbox,.photoLightbox{color:var(--content-text);background:#322b24f5;border:1px solid #e5d4b744;border-radius:12px}
.photoLightbox{width:min(1240px,94vw);max-width:none;height:92svh;max-height:none;padding:48px 20px 16px}
.photoLightbox::backdrop{background:#17120fd9;backdrop-filter:blur(12px)}
.photoLightbox .photoClose{position:absolute;right:12px;top:8px;border:0;background:none;font-size:24px;padding:0 8px}
.lightboxImage{height:calc(100% - 54px);overflow:auto;display:flex;align-items:center;justify-content:center}
.lightboxImage img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.lightboxImage.zoomed{display:block}.lightboxImage.zoomed img{width:200%;max-width:none;max-height:none;height:auto;object-fit:contain}
.lightboxTools{display:flex;justify-content:center;align-items:center;gap:16px;height:54px;font-size:14px}
.lightboxTools a{color:var(--content-accent);text-decoration:none}
.bookControls button,.bookClose{background:#514638d9;backdrop-filter:blur(20px)}
@media(min-width:1600px){.masonry{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1000px){.folioShell{grid-template-columns:155px minmax(0,1fr)}.folioSidebar{padding-inline:10px}.contentPanel{padding-inline:24px}.masonry{grid-template-columns:repeat(2,minmax(0,1fr))}#folio .split{grid-template-columns:1fr}}
@media(max-width:720px){
 #folio{padding:16px 12px 24px}#sheet{min-height:calc(100svh - 40px);border-radius:12px}.folioShell{display:block}
 .folioSidebar{border:0;border-bottom:1px solid var(--content-line);border-radius:11px 11px 0 0;padding:16px 16px 10px}
 .sidebarTitle{font-size:14px;padding:0 4px 12px}.folioSidebar nav{flex-direction:row;overflow-x:auto;gap:5px;scrollbar-width:thin}
 #folio .folioSidebar nav button,#folio .folioSidebar nav a{white-space:nowrap;flex:none;font-size:13px;padding:9px 12px}.sidebarReturn{display:none}
 .contentPanel{padding:10px 18px 24px}.pageTools{margin-bottom:12px;height:34px}#folio .title{gap:12px;margin-bottom:22px}#folio .title h1{font-size:25px}#folio .title .button,#folio .title button{font-size:12px;white-space:nowrap}
 #folio .controls{gap:12px}#search{flex:1;min-width:120px;width:100%}.filterTools{gap:8px}#recordCount{display:none}
 .masonry{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}.masonry>.record,.masonry>.mediaCard,.masonry>.galleryPhoto{margin-bottom:0}
 #folio .big{max-width:none}.cameraModel{border-right:0;border-bottom:1px solid var(--content-line)}.cameraClose{background:#514638dd}
 .cameraPhotos{column-gap:12px}.cameraPhotos img{max-height:none}.photoLightbox{padding:44px 12px 12px}.lightboxTools{gap:10px}.lightboxTools button{font-size:12px}
}
@media(max-width:380px){.masonry,.cameraPhotos{grid-template-columns:1fr}}
@media(prefers-reduced-transparency:reduce){#sheet,#modal,#cameraDialog{background:#514638;backdrop-filter:none}}
@media(prefers-reduced-motion:reduce){#sheet{animation:none}#folio *,#modal *,.cameraControls button,.cameraPhotos button{transition:none}}

.pageToolActions{display:flex;align-items:center;gap:12px}
#folio .pageToolActions [data-action="sound"]{background:transparent;border-color:transparent;color:var(--content-muted);font-size:12px}
[data-action="sound"][aria-pressed="false"]{opacity:.7}
@media(max-width:600px){.bookControls>.bookPaging{width:100%;justify-content:center;order:-1}}

/* Owner workspace uses the same warm glass as the collections. */
.workbenchStatus{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:10px 0 30px;color:var(--muted,#c4b9a8);font-size:13px}
.workbenchStatus>div{display:flex;gap:10px;flex-wrap:wrap}.workbenchGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.workbenchCard{position:relative;display:block;padding:28px 24px;min-height:140px;background:rgba(235,222,198,.055);border:1px solid rgba(235,222,198,.13);border-radius:12px;text-decoration:none;color:inherit;transition:background .2s,border-color .2s}.workbenchCard:hover{background:rgba(235,222,198,.11);border-color:rgba(235,222,198,.3)}.workbenchCard span{font-size:12px;opacity:.6}.workbenchCard h2{font-size:21px;font-weight:500;margin:12px 0}.workbenchCard b{position:absolute;right:22px;top:24px;font-weight:400;opacity:.6}.workbenchLogin{padding:50px 0}.workbenchLogin h2{margin-bottom:24px;font-weight:400}@media(max-width:900px){.workbenchGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.workbenchStatus{align-items:start;flex-direction:column}}@media(max-width:480px){.workbenchCard{padding:20px 16px}.workbenchCard h2{font-size:18px}.workbenchCard b{right:12px;top:20px}}

.assetGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:14px;margin:16px 0}.assetTile{margin:0!important;padding:12px;border:1px solid var(--content-line,#eadcc728);border-radius:10px;display:flex!important;flex-direction:column;gap:10px;overflow:hidden;min-width:0}.assetTile img{width:100%;height:auto;object-fit:contain;background:#201b1626;border-radius:6px}.assetTile span,.assetTile figcaption{font-size:12px;overflow-wrap:anywhere}.assetTile input{width:auto!important}.figureOptions{display:flex;flex-wrap:wrap;gap:8px}

#folio .noteControls h2{font-size:13px;min-width:0;flex-basis:100%}#folio .noteActions{gap:10px}#folio .noteActions a,#folio .noteActions button{font-size:12px}.assetGrid{align-items:start}
#folio .mediaGrid.masonry,#folio #photoView.masonry{grid-template-columns:repeat(auto-fill,minmax(min(100%,170px),1fr))}