:root{color-scheme:dark;background:#10151a;color:#ece9e2}
body{background:#10151a}
@media(min-width:721px){.workspace{min-height:0}}
.detail-panel button[aria-pressed=true]{background:#bc9b69;color:#10171c;border-color:#bc9b69}
header{background:#11171d;border-color:#30363b}.topnote{font-size:11px;letter-spacing:.13em;color:#a9aaa6}
.brand strong{font-weight:500;letter-spacing:.12em}.mark{background:#b89965;color:#161b20}.brand div>span{color:#a4a7a7}
.eyebrow{color:#c1a780}nav button.active{background:#bc9b69;color:#10171c;box-shadow:0 5px 25px #b7955815}nav button.active span{color:#37382f}
.workspace{background:radial-gradient(ellipse at 50% 37%,#414b50,#202a32 60%,#141d25)}
button{border-color:#3b4851;background:#202b34}button:hover{background:#34414a}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#e4bf81}
input[type=range]{accent-color:#ccb181}input[type=checkbox]{accent-color:#ccb181}
aside{background:#121b23}.control{background:#141f29ee;border-color:#3b474e}.playcontrols output,#part-name,.mechanism-label output{color:#d9bb8a}
.lighting-panel{margin-top:22px;border-top:1px solid #354149;padding-top:17px;font-size:13px}
.lighting-panel summary{font-size:15px;font-weight:600;cursor:pointer;margin-bottom:15px}.lighting-panel summary span{float:right;color:#bca680;font-size:10px;letter-spacing:.12em;border:1px solid #665c49;border-radius:4px;padding:3px 5px}
.lighting-panel>label{display:block;font-size:12px;color:#a8b2bb}.lighting-panel select{display:block;width:100%;font:inherit;border:1px solid #48545d;border-radius:7px;padding:10px;background:#202b34;color:#eee9df;margin:8px 0 16px}
.setting-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#aebbc5;margin-top:9px}.setting-label output{color:#dfc593;font-variant-numeric:tabular-nums}
.lighting-panel .check-setting{display:flex;align-items:center;gap:8px;margin-top:9px;color:#c6ced4}.check-setting input{width:16px;height:16px}
#reference-dialog{max-width:760px;max-height:85dvh;padding:27px;font-size:14px;line-height:1.85;background:#16212a}#reference-dialog h3{margin-top:27px;color:#dbc298;font-size:15px}#reference-dialog a{color:#cfb995;text-underline-offset:4px}.dialog-description{font-size:14px}
.seat-class-selector{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:12px 0}.seat-class-selector button{font-size:12px;padding:9px 4px}.seat-class-selector button[aria-pressed=true]{background:#bc9b69;color:#10171c;border-color:#bc9b69}.class-description{font-size:12px;line-height:1.75;color:#a9b9c6}
.inspection-panel{font-size:12px;color:#bdc6ce;margin-top:18px}.inspection-panel select{display:block;width:100%;font:inherit;background:#202b34;color:#eee9df;padding:10px;border:1px solid #48545d;border-radius:7px;margin-top:8px}
.control.compact{padding:12px 20px}.control.compact .controlhead{margin:0}.control.compact .eyebrow{display:none}.control.compact h3{font-size:14px}.control.compact #play{display:none}#toggle-controls{font-size:12px;padding:7px 11px}.seat-class-selector button{word-break:keep-all}
.workspace.compact-controls canvas{height:calc(100% - 100px)}.workspace.compact-controls .hint{bottom:115px}#reference-content{display:block}.viewlabel{filter:drop-shadow(0 1px 4px #07101c)}
.engine-panel{margin-top:20px;padding:18px 0 0;border-top:1px solid #354149;font-size:12px;color:#b7c4ce}.engine-panel[hidden]{display:none}.engine-title{display:flex;align-items:center;justify-content:space-between;color:#dfc593;font-weight:600;letter-spacing:.06em}.engine-title small{font-size:10px;color:#93a5b3}.engine-panel label{display:block;margin:14px 0 7px}.engine-panel select{display:block;width:100%;font:inherit;background:#202b34;color:#eee9df;border:1px solid #48545d;border-radius:7px;padding:10px}.engine-sides{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.engine-sides button{font-size:12px;padding:8px 4px}.engine-sides button[aria-pressed=true]{background:#bc9b69;color:#10171c}.engine-camera-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;margin-top:12px}.engine-camera-actions button{font-size:11px;padding:5px 3px;word-break:keep-all}#engine-description{line-height:1.75}.engine-spec{font-variant-numeric:tabular-nums;border-top:1px solid #354149;margin-top:15px;padding-top:7px}.engine-spec>div{display:flex;justify-content:space-between;margin:8px 0}.engine-spec dd{margin:0;color:#dfc593}#engine-references{font-size:12px;width:100%;margin-top:8px}
.engine-panel{order:-1;padding-top:0;margin-top:0;padding-bottom:20px;margin-bottom:16px;border-top:0;border-bottom:1px solid #3b474e}
.engine-links{display:grid;grid-template-columns:1fr 1fr;gap:7px}.engine-links button{font-size:11px;padding:7px 3px;margin-top:8px}
.detail-panel{order:-1;padding:0 0 20px;margin:0 0 16px;border-bottom:1px solid #3b474e;font-size:12px;color:#b7c4ce}.detail-panel[hidden],.detail-panel [hidden]{display:none}.detail-panel>label,.detail-panel [data-detail-control]>label{display:block;margin:15px 0 7px}.detail-panel select{display:block;width:100%;font:inherit;background:#202b34;color:#eee9df;border:1px solid #48545d;border-radius:7px;padding:10px}.detail-panel input[type=range]{width:100%;margin:10px 0}.detail-panel p{line-height:1.75;margin:8px 0 14px}.detail-panel .check-setting{display:flex;gap:8px;align-items:center;line-height:1.5}.detail-panel .setting-label{margin-top:18px}.detail-panel .setting-label label{margin:0}#detail-references{font-size:12px;width:100%;margin-top:6px}
@media(max-width:1100px){.topnote{display:none}.header-actions button{font-size:12px;padding:8px 10px}header{padding:0 20px}}
@media(max-width:720px){header{padding:0 12px;height:80px;gap:7px}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px}.header-actions button{font-size:11px;padding:5px 7px;min-height:30px}.brand strong{font-size:14px}.brand div>span{font-size:8px}.brand .mark{display:none}.lighting-panel{margin-top:12px;padding-top:12px}.lighting-panel[open]{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.lighting-panel summary{grid-column:1/-1}.lighting-panel>label,.lighting-panel select,.lighting-panel .check-setting{grid-column:1/-1}.lighting-panel select{margin-bottom:8px}.setting-label{margin-top:5px}.lighting-panel input[type=range]{margin-top:0}.setting-label:nth-of-type(1){grid-column:1;grid-row:4}.setting-label:nth-of-type(2){grid-column:2;grid-row:4}#exposure{grid-column:1;grid-row:5}#light-angle{grid-column:2;grid-row:5}.setting-label:nth-of-type(3){grid-column:1;grid-row:6}#light-strength{grid-column:2;grid-row:6}.workspace{min-height:600px}.selection-panel{margin-top:12px}}