/* Final chrome, typography and preview layout; loaded after the era styles. */
:root[data-os] .chrome-icon-button{font-size:0!important;line-height:1!important;padding:0!important;display:inline-grid!important;place-items:center;text-shadow:none!important;flex-shrink:0}
:root[data-os] .chrome-icon-button>.chrome-glyph{display:block!important;width:12px!important;height:12px!important;fill:currentColor;stroke:none;pointer-events:none;flex-shrink:0;shape-rendering:crispEdges;margin:0;filter:none}
:root[data-family=windows] .window-controls{gap:2px;align-items:center}:root[data-family=windows] .window-controls>.chrome-icon-button,:root[data-family=windows] .dialog-close{width:23px;height:21px;min-width:23px;min-height:21px;box-sizing:border-box}
:root[data-os=xp] .window-controls>.chrome-icon-button,:root[data-os=xp] .dialog-close{width:23px;height:23px;min-height:23px}.chrome-icon-button:focus-visible{outline:1px dotted currentColor!important;outline-offset:-4px!important}.chrome-icon-button:active>.chrome-glyph{transform:translate(1px,1px)}
:root[data-os] .titlebar{gap:8px;min-width:0}:root[data-family=windows] .titlebar{min-height:29px;padding:3px 4px 3px 5px}.window-title{line-height:1.25;align-items:center}.window-title>svg{width:16px;height:16px}.window-title>span{min-width:0}.app-window .window-title{max-width:calc(100% - 80px)}
:root[data-family=mac] .window-controls>.chrome-icon-button,:root[data-family=mac] .dialog-close{width:16px;height:16px;min-width:16px;min-height:16px}.desktop-ready[data-family=mac] .chrome-icon-button[data-chrome-icon=close]{left:6px;right:auto}.desktop-ready[data-family=mac] .chrome-icon-button[data-chrome-icon=close]>.chrome-glyph{width:9px!important;height:9px!important;opacity:0}.desktop-ready[data-family=mac] .chrome-icon-button[data-chrome-icon=close]:hover>.chrome-glyph,.desktop-ready[data-family=mac] .chrome-icon-button[data-chrome-icon=close]:focus-visible>.chrome-glyph{opacity:1}
:root[data-family=linux] .window-controls>.chrome-icon-button{width:23px;height:22px;min-width:23px;min-height:22px}:root[data-os=ubuntu] .chrome-icon-button>.chrome-glyph{width:10px!important;height:10px!important}:root[data-family=linux] .app-window .window-title{max-width:calc(100% - 92px)}
.window-menubar>button{line-height:1.25}.window-menubar.application-menus>button[aria-expanded=true]{background:var(--navy);color:#fff;box-shadow:none}.window-menubar.application-menus>button:focus-visible{outline:1px dotted currentColor;outline-offset:-3px}.os-command-menu button{font-size:12px;line-height:1.4}.explorer-navigation,.browser-toolbar{align-items:center}.explorer-navigation input,.browser-url{line-height:1.35}.explorer-navigation button,.browser-toolbar button{color:var(--ink)}
:root[data-os] .view-button{width:30px;height:28px;background:var(--chrome);border:1px solid;border-color:#fff #777 #777 #fff;box-shadow:inset 1px 1px #fff;display:grid;place-items:center}:root[data-os] .view-button.is-active{border-color:#777 #fff #fff #777;box-shadow:inset 1px 1px #777;background:#e5e5e5}.view-toggle{align-self:center}
.explorer-sidebar{padding-top:18px;padding-bottom:18px}.sidebar-title{font:700 11px/1.4 Tahoma,Arial,sans-serif;letter-spacing:0;text-transform:none;color:var(--muted)}.sidebar-links{margin-top:20px;gap:8px}.sidebar-links>button{font:12px/1.4 Tahoma,Arial,sans-serif;color:var(--ink)}.folder-button{line-height:1.4}.folder-count{font-family:Tahoma,Arial,sans-serif;opacity:.85}
:root[data-os] .project-card{box-shadow:none;border:1px solid #c9cdd0}.project-card:hover{box-shadow:none;border-color:#929ea8}.card-category{font:11px/1.4 Tahoma,Arial,sans-serif;text-transform:none;letter-spacing:0;color:#666}.file-extension{display:none}.card-content>p{font:12px/1.7 Tahoma,Arial,sans-serif;color:#555;max-width:none}.card-footer{border-color:#e0e2e4;font-size:11px}.card-footer>a,.card-footer>button{font:11px/1.5 Tahoma,Arial,sans-serif;color:#25446a}.project-card h3{font-size:17px}.project-card h3>button{line-height:1.4}.preview-label{font:9px/1.4 Tahoma,Arial,sans-serif;background:#fffffff0;color:#333;letter-spacing:0;padding:3px 6px;border:1px solid #00000015;border-radius:2px}
.card-preview{background:#f0f1f1;border-bottom-color:#d0d3d6}.card-preview>img{display:block;width:100%;height:auto;aspect-ratio:12/7;object-fit:contain;background:#f0f1f1}.project-detail-preview{display:block;width:100%;height:auto!important;aspect-ratio:12/7;object-fit:contain;background:#f0f1f1}.project-grid.is-list .project-card{grid-template-columns:180px minmax(0,1fr)}.project-grid.is-list .card-preview{display:flex;align-items:center;min-width:0;overflow:hidden}.project-grid.is-list .card-preview>img{height:auto!important;max-height:none;aspect-ratio:12/7!important;object-fit:contain!important}.is-list .card-content{min-width:0}.is-list .card-content>p{margin-bottom:8px}
.project-detail-copy h2{font:700 28px/1.2 Tahoma,Arial,sans-serif;letter-spacing:-.5px}.project-detail-copy>p{color:#4b535b;line-height:1.75}.tech-tags{gap:6px}.tech-tags>span{font:11px/1.4 Tahoma,Arial,sans-serif;background:#f1f2f3;border:1px solid #d4d7d9;color:#45515d}.sketch-note{font:11px/1.55 Tahoma,Arial,sans-serif;background:#f0f1f1;color:#51575c!important;text-align:left;padding:8px 14px}.detail-actions{gap:10px}.detail-actions .text-button{color:#374d66}.project-status{color:#63675e}.status-public{color:#355d41}.search-box,.sort-box select{background:#fff;color:#333;border-color:#aeb4b8}.search-box:focus-within{outline-color:var(--navy)}.results-caption{color:#636a70}.portfolio-footer{border-color:#dde0e1;color:#646b70;font-size:10px}.window-statusbar{font:11px/1.45 Tahoma,Arial,sans-serif}.window-statusbar>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:root[data-os] .recycle-warning .window-title{font-size:12px}.warning-body h2{font:700 18px/1.3 Tahoma,Arial,sans-serif}.warning-body p{font-size:13px;line-height:1.65}
@media(max-width:820px){:root[data-family=windows] [data-window-id]>.titlebar{height:32px;min-height:32px}.desktop-ready .window-controls>.chrome-icon-button,.desktop-ready .dialog-close{width:26px!important;height:25px!important;min-width:26px;min-height:25px}.desktop-ready .window-controls{gap:2px}.desktop-ready .window-controls>.chrome-icon-button>.chrome-glyph{width:11px!important;height:11px!important}.desktop-ready .window-title{font-size:12px!important;max-width:calc(100% - 88px)}.desktop-ready .window-title>svg{width:16px;height:16px}.project-grid{gap:14px}.card-content{padding:13px 14px 10px}.project-card h3{font-size:17px}.card-content>p{font-size:12px;margin-bottom:12px}.card-footer>a,.card-footer>button{font-size:11px}.project-grid.is-list .project-card{grid-template-columns:100px minmax(0,1fr)}.is-list .card-content{padding:10px}.is-list .card-content>p{font-size:11px}.is-list .project-card h3{font-size:14px}.is-list .card-footer{align-items:flex-start;gap:6px}.is-list .card-footer a{font-size:10px}.project-detail-copy h2{font-size:24px}.project-detail-copy{padding:20px}.sketch-note{font-size:10px}.window-statusbar{font-size:10px}:root[data-family=mac] .chrome-icon-button[data-chrome-icon=close]>.chrome-glyph{opacity:1}}

@media(max-width:820px){:root[data-family=mac] .window-controls>.chrome-icon-button[data-chrome-icon=minimize]{right:35px;left:auto}:root[data-family=mac] .window-controls>.chrome-icon-button:is([data-chrome-icon=maximize],[data-chrome-icon=restore]){right:6px;left:auto}:root[data-os=ubuntu] [data-window-id]>.titlebar{padding-left:104px!important;padding-right:8px!important}:root[data-os=ubuntu] .window-title{max-width:100%!important;width:100%;justify-content:flex-start}:root[data-os=ubuntu] .window-controls>.chrome-icon-button[data-chrome-icon=minimize]{left:38px;right:auto}:root[data-os=ubuntu] .window-controls>.chrome-icon-button:is([data-chrome-icon=maximize],[data-chrome-icon=restore]){left:68px;right:auto}:root[data-os=ubuntu] .window-controls>.chrome-icon-button[data-chrome-icon=close]{left:8px;right:auto}:root[data-os=ubuntu] .window-controls>.chrome-icon-button{top:4px}}

.project-card,.project-card h3,.project-card h3>button,.card-content,.collection-heading{font-family:Tahoma,Arial,sans-serif}
@media(max-width:600px){.project-grid.is-list .card-content>p{display:none}.project-grid.is-list .card-content{padding:9px 10px}.project-grid.is-list .card-category{font-size:10px}.project-grid.is-list .project-card h3{margin:4px 0;font-size:14px}.project-grid.is-list .card-footer{border:0;padding-top:2px;min-height:25px;flex-wrap:wrap}.project-grid.is-list .card-footer>a{padding:2px 0}.project-grid.is-list .card-preview{min-height:90px}}

/* Corner hit areas must not steal taps from the title-bar controls. */
@media(max-width:820px){.desktop-ready [data-window-id]>.window-resize.resize-ne,.desktop-ready [data-window-id]>.window-resize.resize-nw{top:-8px!important;width:24px!important;height:18px!important}.desktop-ready [data-window-id]>.window-resize.resize-ne{right:-8px!important}.desktop-ready [data-window-id]>.window-resize.resize-nw{left:-8px!important}}

.desktop-ready [data-window-id]>.window-resize.resize-ne,.desktop-ready [data-window-id]>.window-resize.resize-nw{top:-8px!important;width:24px!important;height:18px!important}.desktop-ready [data-window-id]>.window-resize.resize-ne{right:-8px!important}.desktop-ready [data-window-id]>.window-resize.resize-nw{left:-8px!important}