/* Happy's Print Lab supplied brand kit: charcoal, teal, amber and cream. */
:root{--ink:#121918;--muted:#56615b;--paper:#fff6e7;--panel:#fffdf8;--line:#d1d9d1;--accent:#185556;--sun:#e9a332;--mint:#3e9996;--shadow:0 12px 36px rgba(18,25,24,.09);font-family:Arial,Helvetica,sans-serif}
body{background:var(--paper)}
.topbar{height:96px;background:#121918;border-bottom:3px solid #e9a332;backdrop-filter:none}
.brand{gap:24px}.brand-logo{display:block;width:260px;height:78px;object-fit:contain}.brand .studio-name{color:#fff6e7;font-size:1rem;font-weight:700;border-left:1px solid #3e9996;padding-left:24px;letter-spacing:.02em}
.status-chip{background:#185556;color:#fff6e7;border-color:#3e9996}.status-dot{background:#e9a332;box-shadow:none}
.workspace{height:calc(100vh - 150px)}.panel{background:#fffdf8;border-color:#d1d9d1;border-radius:20px}
.eyebrow{color:#185556}.controls h1{letter-spacing:-.04em}.lede{font-size:1rem}
.dropzone{background:#f1f5ef;border-color:#78a6a0}.dropzone.drag{background:#e1efea;border-color:#185556}.upload-icon{background:#e9a332;color:#121918;box-shadow:0 4px 0 #bc7c18}
.browse{background:#185556;color:#fff6e7;box-shadow:0 4px 0 #103a3b}.browse:active{box-shadow:0 1px 0 #103a3b}
.file-card,.metric{background:#edf2eb}.icon-btn:hover{background:#dce9e2}.color-field,.color-control select{background:#fffdf8}
.viewer{background:linear-gradient(155deg,#dce7df,#f6f5ee 60%,#e8ddc7)}.viewer:before{background-image:linear-gradient(rgba(24,85,86,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(24,85,86,.07) 1px,transparent 1px)}
.view-tabs{background:#fff6e7;box-shadow:0 4px 15px rgba(18,25,24,.08)}.view-tabs button.active{background:#185556;color:#fff6e7}
.hint{background:#fff6e7;color:#425650}.range-label output{color:#185556}.check{background:#dcece5;color:#185556}.checklist li{border-color:#e0e5db}
.notice{background:#fff0d3;border-color:#e9c380;color:#654513}.primary{background:#e9a332;color:#121918;box-shadow:0 4px 0 #bc7c18}.primary:active{box-shadow:0 1px 0 #bc7c18}.secondary{background:#185556;color:#fff6e7;border-color:#185556}
.toast{background:#121918;color:#fff6e7;border-left:4px solid #e9a332}.swatch{box-shadow:0 0 0 1px #8b9e93}.section-title span{font-size:.8rem}.micro{font-size:.8rem}.color-field label{font-size:.875rem}
button:focus-visible,select:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #3e9996;outline-offset:3px}
.canvas-wrap{position:absolute;inset:0;min-height:0}.canvas-wrap canvas{position:absolute;inset:0}
@media(max-width:1100px){.workspace{height:auto}.viewer{height:620px;align-self:start;position:sticky;top:16px}}
@media(max-width:760px){.topbar{height:85px;padding:0 12px}.brand{gap:10px}.brand-logo{width:210px;height:72px}.brand .studio-name{font-size:.82rem;padding-left:10px}.workspace{height:auto}.viewer{position:relative;top:auto;width:100%;height:520px}}
@media(max-width:390px){.brand-logo{width:180px}.brand .studio-name{max-width:80px}}
/* Studio utility controls retain the existing compact maker workspace. */
.detail-warnings{padding-left:20px;font-size:14px;line-height:1.5;color:#78510e}
.detail-warnings li{margin:8px 0}.summary .section{min-width:0}
.viewer-head{gap:8px;flex-wrap:wrap}.view-tabs{flex-wrap:wrap}.view-tabs button{padding:7px 8px}
#smallestSize{margin-top:8px}#cancelSize{margin-top:8px}
#fitTest{width:100%}#detailCheckStatus,#designStatus,#fitTestStatus,#sizeSearchStatus{text-align:left;font-size:13px}
@media(min-width:761px) and (max-width:1100px){.controls{grid-column:1;grid-row:1}.viewer{grid-column:2;grid-row:1 / span 2}.summary{grid-column:1;grid-row:2;display:block}}