.fixture-data-panel{padding:24px;background:linear-gradient(150deg,#194632,#0e2c21);color:#edf2ea;font:13px/1.5 Arial,sans-serif;display:flex;flex-direction:column;gap:0;min-width:0}.fixture-data-panel [hidden]{display:none!important}.fixture-data-panel .section-label{font-size:9px;letter-spacing:.16em;color:#d3c296;margin:0 0 8px;text-transform:uppercase}.fixture-data-panel .panel-title{font-size:24px;line-height:1.2;font-weight:400;letter-spacing:-.03em;margin:0;color:#eee1be}.fixture-data-panel .gold-rule{height:1px;width:80px;background:linear-gradient(90deg,#d4bd85,transparent);margin:16px 0 20px}.fixture-data-panel .finish-options{display:flex;flex-wrap:wrap;gap:8px}.fixture-data-panel .finish-card{flex:1;display:flex;align-items:center;gap:8px;padding:10px;border:1px solid #60725b;border-radius:9px;background:#1a3e2e;color:#f2eddf;cursor:pointer;transition:transform .2s,border-color .2s}.fixture-data-panel .finish-card:hover{transform:translateY(-2px);border-color:#e1c992}.fixture-data-panel .finish-card[aria-pressed=true]{border-color:#d5bd84;background:#3a5138}.fixture-data-panel .swatch{height:22px;width:22px;flex-shrink:0;border-radius:50%;border:1px solid #e7d7ac66;box-shadow:inset 0 0 0 3px #ffffff16;transition:transform .3s}.fixture-data-panel .finish-card:hover .swatch{transform:rotate(25deg) scale(1.15)}.fixture-data-panel .finish-name{font-size:11px}.fixture-data-panel .configuration{display:grid;gap:13px;margin-top:20px}.fixture-data-panel .config-field{display:grid;gap:5px}.fixture-data-panel select{width:100%;padding:10px 8px;background:#254d39;color:#f3eddf;border:1px solid #60745f;border-radius:8px;font:12px Arial;cursor:pointer}.fixture-data-panel button:focus-visible,.fixture-data-panel select:focus-visible,.fixture-data-panel input:focus-visible{outline:2px solid #e0c990;outline-offset:3px}.fixture-data-panel .power-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #55705c;border-bottom:1px solid #55705c;padding:15px 0;margin:18px 0;cursor:pointer}.fixture-data-panel .power-row input{appearance:none;width:44px;height:25px;border-radius:30px;background:#526c5e;position:relative;cursor:pointer;flex-shrink:0}.fixture-data-panel .power-row input:after{content:'';position:absolute;left:4px;top:4px;width:17px;height:17px;border-radius:50%;background:white;transition:transform .2s}.fixture-data-panel .power-row input:checked{background:#bfa46b;box-shadow:0 0 15px #d3b97955}.fixture-data-panel .power-row input:checked:after{transform:translateX(19px)}.fixture-data-panel .measurements{display:flex;flex-wrap:wrap;gap:22px;padding-bottom:18px}.fixture-data-panel .metric strong{display:block;font-size:21px;font-weight:400}.fixture-data-panel .metric span{display:block;font-size:9px;color:#b9cbbb}.fixture-data-panel .included-card{border:1px solid #647658;border-radius:10px;padding:13px;background:#d6bb6e08}.fixture-data-panel .ip-badge{display:flex;align-items:center;gap:10px}.fixture-data-panel .ip-badge svg{width:28px;height:33px;fill:none;stroke:#d8c48e;stroke-width:1.5}.fixture-data-panel .ip-badge strong{display:block;font-size:20px;font-weight:400;color:#e6d4a4}.fixture-data-panel .ip-badge span{font-size:9px;color:#c1cebf}.fixture-data-panel .included-list{margin-top:12px}.fixture-data-panel .included-list p{margin:5px 0;font-size:10px;color:#dae6d9}.fixture-data-panel .included-list .section-label{font-size:8px;color:#d5c496}.fixture-data-panel .selection-note,.fixture-data-panel .intro{font-size:10px;line-height:1.5;color:#b9cbbb;margin:12px 0}.fixture-data-panel .state{color:#dcc58c;font-size:10px;padding-top:8px;margin:0}.fixture-data-panel .download{display:block;margin-top:12px;padding:13px 10px;text-align:center;text-decoration:none;border:0;border-radius:9px;background:#e1d1a8;color:#1c3426;font-size:12px;font-weight:bold;cursor:pointer;transition:transform .2s}.fixture-data-panel .download:hover{transform:translateY(-2px);background:#eee0bb}
main.has-fixture-info{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:start}main.has-fixture-info header{grid-column:1}main.has-fixture-info model-viewer{grid-column:1;min-height:550px}main.has-fixture-info #fixture-panel{grid-column:2;grid-row:1/8;align-self:stretch}main.has-fixture-info #iphone-ar,main.has-fixture-info #ar-help,main.has-fixture-info #status{grid-column:1}
@media(max-width:660px){main.has-fixture-info{display:flex;flex-direction:column}main.has-fixture-info>*{width:100%}main.has-fixture-info model-viewer{min-height:400px}.fixture-data-panel{padding:22px}.fixture-data-panel .configuration{grid-template-columns:1fr 1fr}.fixture-data-panel .intro{grid-column:1/-1}}
@media(max-width:360px){.fixture-data-panel .configuration{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.fixture-data-panel *{animation:none!important;transition:none!important}}

/* Optional product specifications and connectivity, read from the GLB. */
.fixture-data-panel .fixture-specs{display:grid;gap:0;margin:16px 0;color:#fff;border-top:1px solid #68866d70}
.fixture-data-panel .fixture-spec{display:grid;grid-template-columns:85px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #68866d50;font-size:13px;line-height:1.5}
.fixture-data-panel .fixture-spec dt{color:#eedbab;font-weight:500}
.fixture-data-panel .fixture-spec dd{margin:0;overflow-wrap:anywhere}
.fixture-data-panel .fixture-connectivity{display:flex;flex-wrap:wrap;gap:9px;margin:4px 0 16px}
.fixture-data-panel .fixture-connectivity>.section-label{flex-basis:100%;margin:0}
.fixture-data-panel .connectivity-badge{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #bfa97480;border-radius:10px;background:linear-gradient(135deg,#47614088,#173d2c);color:#fff;font-size:13px}
.fixture-data-panel .connectivity-badge svg{display:block;width:24px;height:24px;fill:none;stroke:#eddbab;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* Metadata-enabled RGB spectrum control */
.fixture-data-panel .spectrum-field[hidden]{display:none}
.fixture-data-panel .spectrum-picker{display:block;width:100%;height:46px;padding:4px;background:#294a3b;border:1px solid #bbaa76;border-radius:9px;cursor:pointer}
.fixture-data-panel .spectrum-picker:focus-visible{outline:2px solid #fff;outline-offset:3px}
.fixture-data-panel .spectrum-value{font-size:13px;color:#fff;letter-spacing:.08em}
/* Articulated fixture controls, shared by the product scene and Android WebXR. */
.aim-control{margin:12px 0;padding:14px;border:1px solid rgba(219,202,149,.35);border-radius:12px;background:rgba(9,28,20,.25)}
.aim-label{display:grid;grid-template-columns:1fr auto;gap:10px;color:#fff}
.aim-value{font-size:16px;font-weight:700;color:#e8d9a8;font-variant-numeric:tabular-nums}
.aim-slider{grid-column:1/-1;width:100%;min-height:32px;accent-color:#dcca93;cursor:pointer;touch-action:pan-y}
.aim-note{font-size:12px!important;line-height:1.5;color:#f2f3eb;margin:8px 0}
.aim-reset{padding:8px 12px;border:1px solid #a99c74;border-radius:8px;color:#fff;background:#284e3d;cursor:pointer}
.aim-reset:hover,.aim-reset:focus-visible{background:#396650;outline:2px solid #ddce9e;outline-offset:2px}

.fixture-heading-slider{grid-column:1/-1;width:100%;min-height:36px;accent-color:#dcca93;cursor:pointer;touch-action:pan-y}.fixture-rotation-buttons{display:flex;gap:6px;flex-wrap:wrap}.fixture-rotation-control[hidden]{display:none!important}
