/* Blue sampled from the right-hand logo in the user's comparison image. */
:root{--brand-blue:#000327;--brand-gray:#323e48;--brand-soft:#eceef5;--brand-focus:#596382}
/* Library, project header and dialogs. */
body:not([data-screen-theme]){--accent:var(--brand-blue);--navy:var(--brand-blue);--line:#dcdde6;color:var(--brand-gray);background:#f4f5f8}
body>header{background:var(--brand-blue)}
.brand img{background:transparent;padding:0;border-radius:0;width:160px;max-height:48px}
.brand a{display:flex;align-items:center;color:white;text-decoration:none}.headerProjects:hover{text-decoration:underline}
@media(max-width:680px){.brand{gap:12px}.brand .headerProjects span{display:inline;font-size:10px;letter-spacing:1px;padding-left:12px}}
@media(max-width:400px){.brand img{width:105px!important}.local{padding:7px 8px}}
.primary:hover{background:#151b40}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brand-focus);outline-offset:2px}
.cardgraphic{background:linear-gradient(130deg,#e1dfef,#f0f1f5);color:var(--brand-blue)}
.card a:hover{background:#151b40}
.back{color:var(--brand-blue)}
body:not([data-screen-theme]) p{color:#68747e}
.notice{background:var(--brand-soft)}
#notification{background:#f3f1fc;border-color:#bac3d6;color:var(--brand-gray)}
.local{color:#fff}
/* Viewer chrome. Model materials and exported system colors are untouched. */
body[data-screen-theme]{--accent:var(--brand-blue);--ink:var(--brand-gray);--panel:#fff;--panelAlt:#f0f0f6;--line:#dcdde6}
body[data-screen-theme=dark]{--accent:#c1cbe3;--ink:#f0f1f5;--panel:#323e48;--panelAlt:#414d58;--line:#58636f}
#viewerMenu{background:var(--brand-blue);border-bottom-color:#ffffff26}
#viewerMenu button{color:#fff}
#viewerMenu button:hover,#viewerMenu button.active,#viewerMenu #menuLegend[aria-pressed=true]{background:#ffffff1f;color:#fff}
#tools button:hover,#tools button.active,#mobilebar button.active{background:var(--brand-soft);color:var(--brand-blue);border-color:#bac3d6;box-shadow:none}
body[data-screen-theme=dark] #tools button:hover,body[data-screen-theme=dark] #tools button.active{background:var(--brand-blue);color:#fff;border-color:#7383a5;box-shadow:none}
body[data-screen-theme=dark] #tools,body[data-screen-theme=dark] .hint{background:var(--panel);border-color:var(--line);color:var(--ink)}
body[data-screen-theme=dark] #mobilebar{background:var(--panel);border-color:var(--line)}
body[data-screen-theme=dark] #mobilebar button{color:var(--ink)}
body[data-screen-theme=dark] #mobilebar button.active{background:var(--brand-blue);color:#fff}
body[data-screen-theme=dark]{background:var(--brand-gray)}
aside small,#props small,aside summary,#duplicatePanel p,#systemColorPanel p,#viewSettings p{color:#68747e}
body[data-screen-theme=dark] aside small,body[data-screen-theme=dark] #props small,body[data-screen-theme=dark] aside summary,body[data-screen-theme=dark] #duplicatePanel p,body[data-screen-theme=dark] #systemColorPanel p,body[data-screen-theme=dark] #viewSettings p{color:#c3cbd3}
body[data-screen-theme] input[type=range],body[data-screen-theme] input[type=checkbox]{accent-color:var(--brand-blue)}
body[data-screen-theme=dark] input[type=range],body[data-screen-theme=dark] input[type=checkbox]{accent-color:#a3b2d3}
@media(max-width:680px){.brand img{width:125px;max-height:40px}}
.libraryActions,.cardActions{display:flex;gap:10px;align-items:center}.cardActions a{flex:1}.cardActions button{font-size:12px}.card .viewMetric{font-size:12px;margin-bottom:18px}.trashRow{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.trashRow span{overflow-wrap:anywhere;font-size:13px}.trashRow button{flex-shrink:0}#viewCount{font-size:10px;color:#68747e;margin-top:4px}.libraryActions{flex-wrap:wrap}
.projectOptions{position:relative;flex-shrink:0}.projectOptions>button{font-size:24px;width:44px;height:44px;padding:0}.projectOptionsMenu{position:absolute;bottom:calc(100% + 8px);right:0;z-index:5;width:150px;padding:5px;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 6px 20px #0002}.projectOptionsMenu button{display:block;width:100%;border:0;text-align:left;border-radius:5px;font-size:13px;padding:11px}.projectOptionsMenu[hidden]{display:none}
.libraryToolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:8px}.libraryToolbar #libraryTotal{background:var(--brand-blue);color:white;white-space:nowrap}.librarySearch{flex:1;min-width:220px;margin:0}.librarySearch>span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.librarySearch input{margin:0;width:100%;font-size:13px}.librarySort{display:flex;gap:6px}.librarySort button{display:flex;align-items:center;gap:6px;font-size:12px;padding:10px}.librarySort svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.librarySort button[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand-blue);color:var(--brand-blue)}#filterFavorites[aria-pressed=true] svg{fill:currentColor}#libraryResult{font-size:12px;margin:8px 0 22px}.cardHeading{display:flex;gap:12px;align-items:flex-start;justify-content:space-between}.cardHeading h2{min-width:0;overflow-wrap:anywhere}.favoriteProject{flex-shrink:0;width:38px;height:38px;padding:0;font-size:28px;line-height:1;background:transparent;border-color:transparent}.favoriteProject[aria-pressed=true]{color:#a67b18;background:#fff6df}.card .clientName{margin:8px 0;font-size:12px}
@media(max-width:680px){.libraryToolbar{gap:10px}.librarySearch{flex-basis:100%;order:1}.librarySort{margin-left:auto}.librarySort span{display:none}.librarySort button{min-width:40px;min-height:40px}.libraryToolbar #libraryTotal{font-size:12px;padding:10px}.librarySearch input{padding:11px}}
#downloadDialog{max-width:640px}.downloadRow{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-bottom:1px solid var(--line)}.downloadRow>div{min-width:0}.downloadRow strong{display:block;overflow-wrap:anywhere;font-size:13px}.downloadRow small{display:block;color:#68747e;margin-top:6px;font-size:11px}.downloadLink{flex-shrink:0;text-decoration:none;background:var(--brand-blue);color:white;border-radius:8px;padding:10px 13px;font-size:12px}.downloadLink:hover{background:#151b40}
@media(max-width:680px){.projectbar .actions{display:grid;grid-template-columns:repeat(2,auto);gap:5px}.projectbar>div:first-child{min-width:0}.projectbar h1{overflow-wrap:anywhere}.projectbar .actions button{white-space:nowrap;font-size:10px;padding:7px 6px}.projectbar{gap:10px}.downloadRow{gap:10px}.downloadLink{padding:10px}}