:root{--paper:#fff;--ink:#15161b;--muted:#62646c;--line:#bcbcc4;--red:#6828d9}
body{color:var(--ink);background:var(--paper);font-family:'Libre Franklin',sans-serif;grid-template-columns:380px minmax(0,1fr)}
aside{background:var(--paper);border-color:var(--line);padding:24px;min-width:0}
h1,h2{font-family:'Instrument Serif',serif;font-weight:400;line-height:1.08}h1{font-size:36px}h2{font-size:28px}
label,.sub,.note,nav a{color:var(--muted)}label{font-size:13px;letter-spacing:0;text-transform:none}
input[type=text],input[type=number],select{box-sizing:border-box;width:100%;min-width:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:0;padding:12px;font:inherit}
input[type=range]{accent-color:var(--red);min-height:40px}.val{font:inherit;font-size:12px;color:var(--ink)}
button,button.ghost{border-radius:0;background:var(--red);color:#fff}button.ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}
.two>div{min-width:0}a{color:inherit}hr{border-color:var(--line)}
.comp{background:#f5f5f7;border-color:var(--line);border-radius:0}.comp .hd,.books,.lk label,.sub2{color:var(--muted)}.comp .hd button,.ends button{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:0}.ends button.on{background:#eee7fb;color:var(--ink);border-color:var(--red)}.ends button:hover{color:var(--ink);border-color:var(--ink)}.lk input{accent-color:var(--red)}
#dlorder,#dlorder+p,#openvmp,#dl3mf,#note,#colourNote{display:none!important}
#stats{display:none;max-width:calc(100% - 28px);max-height:45%;overflow:auto;bottom:64px}.show-details #stats{display:block}
.customer-toolbar{position:absolute;bottom:12px;right:12px;left:12px;display:flex;justify-content:flex-end;gap:5px;padding:8px;background:rgb(255 255 255/.92);box-shadow:0 3px 14px #0003;z-index:4}
.customer-toolbar button{width:auto;margin:0;min-height:32px;padding:5px 10px;font-size:12px;color:var(--ink);background:transparent;border:1px solid var(--line)}
.customer-toolbar button:disabled{opacity:.35}.customer-toolbar button:focus-visible{outline:2px solid var(--red)}
.customer-toolbar{opacity:1}
#customer-request{border-top:1px solid var(--line);margin-top:30px;padding-top:15px}#requestResult a{display:block;margin:14px 0}.request-promise{font-size:13px;color:var(--muted)}
.review-mode aside>*:not(#customer-request){display:none!important}.review-mode #customer-request{margin:0;border:0;padding:0}
@media(max-width:820px){body{height:100dvh;overflow:hidden;grid-template-columns:1fr;grid-template-rows:minmax(0,30fr) minmax(0,70fr)}main{order:1;min-height:0;overflow:hidden}aside{order:2;overflow:auto;min-height:0}input[type=text],input[type=number],select{font-size:16px}}
.photo-mode{display:block!important;height:100vh}.photo-mode aside,.photo-mode .customer-toolbar,.photo-mode #stats,.photo-mode #hoverNote{display:none!important}.photo-mode main{height:100vh}
#project-files{border-top:1px solid var(--line);padding-top:16px;margin-top:20px}#project-files button{min-height:44px}.customer-toolbar button{min-height:44px;min-width:44px}