/* Documents belong to the terminal; imagery remains photographic, not pixel art. */
.desktop-surface .case-file{padding:22px 26px;background-color:var(--phosphor-black)}
.desktop-surface .case-file .case-file-heading{max-width:none;padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--phosphor-line)}
.desktop-surface .case-file .case-file-heading>p{font-size:15px;color:var(--phosphor);line-height:1.65;margin-bottom:18px}
.desktop-surface .case-file dl{display:grid;grid-template-columns:100px 1fr;gap:8px 15px;font-size:12px;margin:0}
.desktop-surface .case-file dt{color:var(--phosphor-dim)}.desktop-surface .case-file dd{margin:0}
.desktop-surface .case-file>section{max-width:76ch}.desktop-surface .case-file p{font-size:13px;line-height:1.85}
.desktop-surface .case-file .case-index{font-size:11px;color:var(--phosphor-dim);margin-bottom:16px;display:block}
.desktop-surface #archive-image{max-width:var(--capture-native-width,none);margin-inline:auto;image-rendering:auto!important}
.desktop-surface .archive-window .file-tabs>[role=tab]{min-width:0;flex:1 1 0;padding-inline:8px}
.desktop-surface .tools-window [hidden],.desktop-surface #designs-window [hidden]{display:none!important}
.desktop-surface .tools-home{padding:25px;background:var(--phosphor-black);flex:1}
.desktop-surface .tools-home h2{font:400 21px/1.4 var(--font-ui);margin:6px 0 24px}
.desktop-surface .tools-home h3{font:400 12px/1.6 var(--font-ui);color:var(--phosphor-dim);margin:30px 0 10px}
.desktop-surface .tools-apps{display:flex;gap:12px;flex-wrap:wrap}
.desktop-surface .tools-home button,.desktop-surface .tools-document button{font:400 13px/1.5 var(--font-ui);min-height:44px;padding:10px 14px;color:inherit;background:var(--phosphor-panel);border:1px solid var(--phosphor-line);text-align:left;box-shadow:none}
.desktop-surface .tools-home button:hover,.desktop-surface .tools-document button:hover{background:var(--phosphor-soft)}
.desktop-surface #tools-documents{display:grid;gap:8px;max-width:530px}
.desktop-surface .tools-document{display:flex;flex:1;min-height:0;flex-direction:column;background:var(--phosphor-black)}
.desktop-surface .tools-document>header{display:flex;gap:15px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--phosphor-line);font-size:11px;color:var(--phosphor-dim)}
.desktop-surface #tools-document-content{padding:24px 28px;font:400 13px/1.9 var(--font-ui);overflow-wrap:anywhere}
.desktop-surface #tools-document-content h2{font-size:21px;font-weight:400;margin:0 0 26px}
.desktop-surface #tools-document-content h3{font-size:13px;font-weight:400;margin:22px 0 10px;color:var(--phosphor-dim)}
.desktop-surface #tools-document-content p{font-size:13px;line-height:1.9;margin:0 0 14px}
.desktop-surface #tools-document-content dl{display:grid;grid-template-columns:100px 1fr;gap:8px}.desktop-surface #tools-document-content dd{margin:0;min-height:20px}
.desktop-surface #design-tabs{width:100%}.desktop-surface #design-tabs button{font:400 12px/1.4 var(--font-ui);color:inherit;background:transparent;min-height:40px;text-shadow:inherit}
.desktop-surface #design-tabs [aria-selected=true]{background:var(--phosphor-soft)}
.desktop-surface .design-archive-panel{flex:1;min-height:0;overflow:auto;padding:18px;background:var(--phosphor-black)}
.desktop-surface .design-archive-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:16px}
.desktop-surface .design-archive-card{display:flex;flex-direction:column;gap:0;border:1px solid var(--phosphor-line);background:var(--phosphor-panel);color:inherit;padding:0;box-shadow:none;text-shadow:inherit;text-align:left;cursor:pointer;overflow:hidden}
.desktop-surface .design-archive-card img{display:block;width:100%;height:145px;object-fit:cover;object-position:top;image-rendering:auto;filter:none}
.desktop-surface .design-archive-card span{font:400 12px/1.5 var(--font-ui);padding:12px}
.desktop-surface .design-archive-card:hover{border-color:var(--phosphor);background:var(--phosphor-soft)}
@container(max-width:520px){.desktop-surface .case-file{padding:18px}.desktop-surface .case-file dl{grid-template-columns:1fr;gap:4px}.desktop-surface .case-file dd{margin-bottom:10px}.desktop-surface #tools-document-content{padding:18px}.desktop-surface .tools-document>header{flex-wrap:wrap;gap:4px}}