/* Scoped concept board and curve controls. The neutral editor and customer
   preview palettes remain separate from Taika's public branding. */
.exploration{margin:18px 0 20px;border:1px solid var(--border);background:#f8f8f5;padding:16px 17px 14px;min-width:0}
.exploration-top{display:flex;justify-content:space-between;align-items:center;gap:12px}
.exploration-top .eyebrow{margin:0 0 5px}
.exploration h2{font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0}
.exploration-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.exploration-actions .primary-btn{white-space:nowrap}
.exploration-actions .outline-btn{font-size:10px;white-space:nowrap;padding:9px 13px}
.exploration .meta-note{font-size:9px;white-space:nowrap}
.concept-title-line{display:flex;align-items:center;gap:9px;margin:14px 0 10px}
.concept-title-line label{color:#727b78;font-size:10px;white-space:nowrap}
#concept-name{font:500 12px/1.3 sans-serif;min-width:120px;max-width:240px;flex:1;background:#fff;border:1px solid #cbd1cc;color:#283532;padding:7px 9px;border-radius:2px}
.concept-title-line .quiet-btn{border:1px solid #d6dad5;background:transparent;color:#59645f;font-size:10px;padding:8px 10px;white-space:nowrap}
.concept-rail{display:flex;gap:9px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin;min-width:0}
.concept-card{flex:0 0 175px;min-width:140px;background:#fff;border:1px solid #e0e1db;padding:5px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:6px}
.concept-card.current{border-color:#b27651;box-shadow:0 0 0 1px #b27651}
.concept-thumb{height:88px;display:block;background:#ecebe6;overflow:hidden}
.concept-thumb svg{width:100%;height:100%;display:block}
.concept-card-text{padding:0 5px 7px;display:flex;flex-direction:column;gap:4px}
.concept-card-text strong{font:600 11px/1.2 sans-serif;color:#253531;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.concept-card-text small{font:400 9px/1.3 sans-serif;color:#86918b}
.compare-panel{margin-top:10px;background:#fff;border-top:1px solid var(--border);padding:14px 3px 2px}
.compare-panel[hidden]{display:none}
.compare-panel .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.compare-panel h3{font-size:15px;font-weight:500;margin:0}
.compare-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.compare-concept{border:1px solid #d9ddd6;padding:8px;min-width:0;display:flex;flex-direction:column;gap:5px}
.compare-canvas{height:146px;background:#ecebe7}
.compare-canvas svg{width:100%;height:100%}
.compare-concept strong{font:600 11px sans-serif}
.compare-concept small{color:#737f76;font:400 10px sans-serif}
.boolean-tools{display:flex;gap:5px;align-items:center;padding-left:8px;border-left:1px solid var(--border)}
.boolean-tools[hidden]{display:none}
.boolean-tools button{padding:8px 9px;border:1px solid #b6c4bc;background:#eaf0eb;color:#1c3832;font:600 10px sans-serif;white-space:nowrap}
.boolean-tools button:hover{background:#d6e6dc}
.handle-guide{stroke:#4382a6;stroke-width:1.2;stroke-dasharray:3 4;pointer-events:none}
.control-node.tangent-node{fill:#f8f9fc;stroke:#29749f;stroke-width:1.5;cursor:crosshair}
.kerning-details{margin:12px 0;border-top:1px solid var(--border);padding:10px 0}
.kerning-details summary{cursor:pointer;color:#50645d;font:600 11px sans-serif}
.kerning-details .inspector-grid{margin:12px 0;max-height:250px;overflow-y:auto}
.kerning-pair{font-size:10px}
button:focus-visible,input:focus-visible,.concept-card:focus-visible{outline:2px solid #b6754e;outline-offset:2px}
@media(max-width:1100px){.exploration-top{align-items:flex-start}.exploration-actions{justify-content:flex-end}.boolean-tools button{font-size:9px;padding:8px 6px}}
@media(max-width:700px){.exploration{margin:11px 0 15px;padding:11px}.exploration-top{display:block}.exploration h2{font-size:21px}.exploration-actions{justify-content:flex-start;margin-top:10px}.exploration-actions .meta-note{margin-right:auto}.concept-title-line{flex-wrap:wrap}.concept-title-line label{width:100%}.concept-title-line #concept-name{flex:1}.concept-title-line .quiet-btn{font-size:9px;padding:7px}.concept-card{flex-basis:140px}.concept-thumb{height:75px}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-canvas{height:100px}.boolean-tools{padding-left:0;border-left:0;flex-wrap:wrap}}
@media(max-width:390px){.compare-grid{grid-template-columns:1fr}.concept-title-line .quiet-btn:last-child{flex:1}.exploration-actions .outline-btn{padding:7px}.exploration-actions .primary-btn{padding:8px}}
/* Export must not suggest production certification when live type remains. */
.export-preflight{background:#f7f1e8;border:1px solid #e1cfba;padding:12px 14px;margin:12px 0;color:#533d2e;font:400 11px/1.5 sans-serif}
.export-preflight strong{display:block;font-weight:650;margin-bottom:4px}
.export-preflight ul{margin:4px 0 0 16px;padding:0}
.export-preflight li+li{margin-top:3px}

/* Designer-first responsive layout: canvas before the secondary exploration rail.
   Desktop retains the comprehensive studio; mobile prioritizes immediate editing. */
.workspace-head-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.mobile-directions{display:none}
@media(max-width:700px){
  .main-area{display:flex;flex-direction:column}
  .workspace-head{order:0;align-items:center;flex-wrap:wrap;gap:12px}
  .workspace-head-actions{gap:6px;justify-content:flex-start}
  .mobile-directions{display:inline-flex;align-items:center;min-height:44px;
    padding:10px 11px;text-decoration:none;font-size:11px}
  .workspace-head #toggle-proof{min-height:44px;font-size:11px}
  .tools-row{order:1;position:sticky;top:0;z-index:12;
    background:#f0f0ec;border-block:1px solid #d8dcd5;
    padding:7px 0;margin:0 0 10px}
  .tools-row .tool{min-height:44px;min-width:40px;justify-content:center}
  .zoom-tools button{min-height:40px;min-width:40px}
  .canvas-wrap{order:2}
  .exploration{order:3;scroll-margin-top:110px;margin-top:20px}
  .preview-section{order:4}
  .proof-panel{order:5}
  .exploration-actions button,.concept-title-line button{min-height:40px}
}

/* Review & Deliver stays explicit and readable even on phone-sized screens. */
#export-dialog{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.review-fields{padding:6px 28px 16px;display:grid;gap:10px;border-bottom:1px solid #e5e7df;margin-bottom:14px}
.review-fields label{display:grid;gap:6px;font:600 11px/1.45 Arial,sans-serif;color:#4c5853}
.review-fields input,.review-fields textarea{width:100%;min-height:42px;min-width:0;
  padding:10px 11px;border:1px solid #cdd3cc;border-radius:3px;background:#fff;
  font:400 12px/1.5 Arial,sans-serif;color:#192a29;resize:vertical}
.review-fields p{font:400 10px/1.6 Arial,sans-serif;color:#6f7b74}
.export-actions button:first-child{background:#e7ece6;border-color:#becbc0;font-weight:700}
.review-fields :is(input,textarea):focus-visible{outline:2px solid #b57958;outline-offset:2px}
@media(max-width:700px){.review-fields{padding:4px 16px 14px}.export-actions{padding:0 16px}
  .dialog-heading{padding:20px 16px 16px}.export-disclaimer{padding:16px}
  .export-actions button{min-height:48px;padding:12px;font-size:11px}}

/* QA pass: legible neutral metadata and accessible designer layer controls. */
.layer-row[data-selected=true]{background:#ebece5;border-color:#d5dad3}
.layer-row[role=listitem]{min-height:44px;padding:3px 4px}
.layer-name{min-height:34px;padding-block:6px}
.layer-utility{width:30px;min-width:30px;height:34px}
.layer-actions button{min-height:32px}
.brand-lockup small,.brand-lockup .beta{color:#5e665f}
.breadcrumb,.document-title #save-status{color:#5a645e}
.eyebrow{color:#86502e}
.meta-note,.side-heading span:last-child{color:#5b665e}
.variant-option small,.side-footer small,.preview-caption span,.inspector-sub,.inspector-note,
.proof-foot,.concept-card-text small,.canvas-ruler,.canvas-status,
.proof-size small,.layer-utility,.exploration .meta-note{color:#5e6962}

/* Full WCAG 2.2 AA scan: darkened metadata without altering brand canvases. */
.concept-title-line label{color:#56645d}
.zoom-tools,#zoom-label{color:#53615a}
.status-pill{color:#34595a}
.inspector .inspector-sub{color:#57645b}
.inspector-label{color:#56645d}
.shortcuts{color:#56645d}

/* Accessible color treatment for Export, Compare and Proof expanded states. */
.dialog-heading p:not(.eyebrow),.review-fields p{color:#536158}
.compare-concept small,.proof-scale-label{color:#536158}