/* Dark skin for the explorers when they sit inside a formcraft.com.au product page.
   The site is ink-on-dark with amber accents (Tailwind tokens: ink #1b2329, ink2 #242f36,
   ink3 #2e3b44, line #3a4852, paper #f5f4f0, mist #9aa6ad, amber #c99a3c, amber2 #e2b558;
   Archivo for display, Inter for body). This maps the explorer's light chrome onto those
   exact values so the iframe reads as part of the page, not a window into another one.
   The 3D scene itself is untouched: the renderer clears to transparent, so the stage's
   dark gradient shows through behind the model. Loaded after embed.css. */
:root{--ink:#f5f4f0;--muted:#9aa6ad;--accent:#c99a3c;--paper:#1b2329;--teal:#c99a3c;--line:#3a4852;--gold:#e2b558;
 font-family:Inter,Arial,Helvetica,sans-serif;color:#f5f4f0;background:transparent}
html,body{background:transparent;color:#f5f4f0}
h1,h2,h3,.brand,.eyebrow,.step-counter,.system-heading h2,.lab-controls h2,.detail-card h3,.viewer-heading{font-family:Archivo,Inter,sans-serif}
.explorer,.lab{background:#242f36;border-color:#3a4852;box-shadow:none}
.stage,.lab-stage,body[data-system] .stage{background:radial-gradient(ellipse at 50% 38%,#33424c,#1b2329 78%)}
.stage:fullscreen,.lab-stage:fullscreen{background:#1b2329}
.stage-wrap,.lab-stage-column{background:#1b2329}
.stage-title,.viewer-heading{color:#9aa6ad}.live-dot,.viewer-heading span:first-child:before{background:#c99a3c;box-shadow:0 0 0 4px #c99a3c22}
.view-pill{background:#1b2329cc;border-color:#3a4852;color:#f5f4f0}
.orientation{color:#9aa6ad}
.stage-tools,.lab-tools{background:#242f36f0;border-color:#3a4852;box-shadow:0 8px 22px #00000055}
.stage-tools button,.lab-tools button{color:#f5f4f0}.stage-tools button:hover,.lab-tools button:hover{background:#2e3b44}
.stage-tools>span{background:#3a4852}
.stage-bottom{background:linear-gradient(90deg,#1b2329e6,#1b2329b0);color:#9aa6ad}.stage-bottom .gesture,#view-caption{color:#f5f4f0}
.viewer-foot{color:#9aa6ad}.viewer-foot strong{color:#f5f4f0}
.model-label,.hotspot{background:#1b2329f2;border-color:#3a4852;color:#f5f4f0;box-shadow:0 4px 14px #00000066}
.model-label:before{background:#c99a3c}.hotspot b{color:#c99a3c}.hotspot:focus-visible{outline-color:#e2b558}
.annotations path,.annotations line,.hotspots path{stroke:#c99a3c}.annotations circle,.hotspots circle{fill:#c99a3c}
.view-tabs,.camera-views{background:#1b2329;border-top-color:#3a4852}
.view-tabs button,.camera-views button{color:#9aa6ad}
.view-tabs button:hover,.camera-views button:hover{background:#2e3b44;color:#f5f4f0}
.view-tabs button.active,.camera-views button[aria-pressed=true]{background:#c99a3c;color:#1b2329;border-color:#c99a3c;box-shadow:none}
.view-tabs button span{opacity:.75}
.controls,.lab-controls{border-left-color:#3a4852;border-top-color:#3a4852;color:#f5f4f0}
.control-section,.detail-card,.options{border-top-color:#3a4852}
.system-heading p,.lead,.detail-card p,.micro,.range-labels,.range-ends,.section-label output,.small-note,.system-note,.mechanism-description,.layers label,.intro-copy{color:#9aa6ad}
.control-section h3,.motion-head,.label-toggle,.detail-card h3{color:#f5f4f0}
.step-list button{color:#9aa6ad}.step-list button span{border-color:#3a4852}
.step-list button[aria-current=step]{background:#2e3b44;color:#f5f4f0}.step-list button[aria-current=step] span{background:#c99a3c;border-color:#c99a3c;color:#1b2329}
.step-list button:hover{background:#2e3b44}
.play-button{background:#c99a3c;color:#1b2329}.play-button:hover{background:#e2b558}
.text-button,.step-counter,.eyebrow{color:#c99a3c}#mechanism-status{color:#e2b558}
.mechanism-steps button{background:#2e3b44;border-color:#3a4852;color:#f5f4f0}.mechanism-steps button.active{background:#c99a3c;border-color:#c99a3c;color:#1b2329}
.module-camera button{background:#2e3b44;border-color:#3a4852;color:#f5f4f0}.module-camera button:hover{background:#3a4852}
.rotate-button{background:#2e3b44;border-color:#3a4852;color:#f5f4f0}.rotate-button[aria-pressed=true]{background:#3a4852;border-color:#c99a3c;color:#e2b558}
.toggle{background:#3a4852}.layers input:checked+.toggle{background:#c99a3c}
input[type=range],.lab-controls input[type=range],.options input[type=checkbox],.label-toggle input{accent-color:#c99a3c}
.note-marker{border-color:#9aa6ad}
.swatch.teal{background:#c99a3c}
button:focus-visible,a:focus-visible,input:focus-visible,.layers input:focus-visible+.toggle{outline-color:#e2b558}
.loading{background:#1b2329;color:#f5f4f0}.loader{border-color:#3a4852;border-top-color:#c99a3c}
.fc-defer{background:#1b2329e6;color:#f5f4f0}