/* Queue terminal: a silver product study with a cobalt structure control. */
.experience-queue { --ink:#242c36; --muted:#67717e; --accent:#2858da; background:#fafbfc; padding-top:142px; }
.experience-queue [hidden] { display:none !important; }
.structure-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:30px; }
.structure-heading .experience-kicker { color:#6a7584; font-size:11px; letter-spacing:.1em; margin-bottom:15px; }
.experience-queue .structure-heading h1 { font-size:clamp(34px,3.7vw,57px); font-weight:550; letter-spacing:-.045em; line-height:1.2; margin:0; }
.structure-heading h1 span { color:#6e7d90; }
.structure-heading > p { font-size:13px; line-height:1.85; color:var(--muted); margin:0 0 3px; }
.structure-workbench { border:1px solid #e0e5eb; border-radius:22px; background:#f1f3f6; overflow:hidden; }
.structure-topbar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 26px; border-bottom:1px solid #dfe4eb; }
.structure-view-title { display:flex; align-items:center; gap:9px; font-size:12px; font-weight:550; white-space:nowrap; color:#465362; }
.structure-view-title img { opacity:.7; }
.structure-systems { display:flex; align-items:center; gap:4px; }
.experience-queue button { font:inherit; font-size:12px; min-height:44px; border:0; color:#566273; cursor:pointer; }
.structure-systems button { min-height:36px; padding:7px 14px; border-radius:9px; background:transparent; }
.structure-systems button:hover { background:#e7ebf1; }
.structure-systems [aria-pressed="true"] { background:#fff; color:#244dc2; box-shadow:0 2px 7px #2233540b; }
.structure-view-layout { display:grid; grid-template-columns:235px minmax(0,1fr); gap:20px; padding:12px 24px 0 28px; }
.structure-inspector { z-index:2; min-width:0; align-self:center; padding:12px 0 24px; }
.structure-origin { display:inline-flex; align-items:center; gap:7px; font-size:10px; letter-spacing:.08em; color:#647389; }
.structure-origin::before { content:''; width:5px; height:5px; border-radius:50%; background:#2858da; }
.structure-part-card h2 { font-size:26px; line-height:1.45; text-wrap:balance; letter-spacing:-.035em; font-weight:550; color:#27354b; margin:11px 0 14px; }
.structure-part-card > p { font-size:12px; line-height:1.9; color:#687487; margin:0 0 18px; }
.structure-part-card dl { padding:14px 0; margin:0 0 12px; border-top:1px solid #dbe1e9; display:grid; grid-template-columns:27px 1fr; gap:9px 12px; }
.structure-part-card dt { color:#88909b; font-size:10px; line-height:1.8; }
.structure-part-card dd { margin:0; font-size:11px; line-height:1.8; color:#586577; }
.structure-sources { font-size:11px; color:#536986; margin-bottom:16px; }
.structure-sources summary { cursor:pointer; padding:8px 0; }
.structure-sources div { display:grid; gap:7px; line-height:1.7; }
.structure-sources a { color:#2858da; text-underline-offset:3px; }
.structure-part-picker label { display:block; font-size:10px; color:#7a8594; margin-bottom:7px; }
.structure-part-picker select { width:100%; max-width:100%; min-height:42px; border:1px solid #d8dfe9; border-radius:9px; padding:8px; color:#40526e; background:#ffffffa6; font:inherit; font-size:11px; }
.structure-detail-actions { display:flex; gap:6px; margin-top:8px; }
.structure-detail-actions button { background:transparent; font-size:10px; padding:7px 8px; border-radius:7px; color:#4e6481; }
.structure-detail-actions button:hover { background:#e4e9f1; }
.structure-detail-actions button:disabled { opacity:.35; cursor:default; }
.structure-detail-actions button[aria-pressed="true"] { color:#2858da; background:#e5ebfc; }
.experience-queue .experience-stage-wrap { min-width:0; position:relative; }
.experience-queue .experience-stage-wrap::before { content:''; position:absolute; inset:7% 4% 7% 9%; border:1px solid #e6eaf0; border-radius:50%; background:radial-gradient(ellipse,#ffffffc9,#ffffff00 68%); pointer-events:none; }
.experience-queue .product-studio { height:clamp(380px,49vh,570px); border:0; border-radius:0; background:transparent; }
.experience-queue .studio-status { display:none; }
.structure-poster { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; z-index:2; display:none; }
.experience-queue:not([data-structure-state="ready"]) .structure-poster { display:block; }
.structure-part-label { position:absolute; z-index:3; padding:8px 12px; background:#ffffffed; box-shadow:0 4px 18px #1c2e4415; border:1px solid #d6dfec; color:#2858da; font-size:11px; line-height:1.4; border-radius:8px; pointer-events:none; transform:translate(-50%,-130%); max-width:180px; text-align:center; }
.structure-orbit-hint { position:absolute; bottom:18px; left:24px; display:flex; align-items:center; gap:6px; color:#8a94a1; font-size:10px; white-space:nowrap; pointer-events:none; }
.structure-orbit-hint img { opacity:.4; }
.structure-zoom { display:flex; position:absolute; right:0; bottom:16px; gap:2px; padding:3px; background:#ffffffd9; border:1px solid #e1e5eb; border-radius:11px; }
.structure-zoom button { width:38px; min-height:38px; display:grid; place-items:center; border-radius:8px; background:transparent; }
.structure-zoom img { opacity:.6; }
.structure-zoom button:hover { background:#edf1fa; }
.structure-toolbar { display:flex; align-items:center; gap:25px; padding:17px 26px; border-top:1px solid #dfe4eb; background:#ffffffc9; }
.structure-view-switch { display:flex; flex-shrink:0; padding:3px; border:1px solid #e1e5ec; border-radius:10px; background:#f0f2f6; }
.structure-view-switch button { min-height:36px; padding:6px 22px; border-radius:7px; background:transparent; color:#758195; }
.structure-view-switch button[aria-pressed="true"] { color:#fff; background:#2858da; box-shadow:0 2px 6px #2858da25; }
.structure-slider-wrap { display:flex; flex:1; align-items:center; gap:16px; max-width:560px; min-width:100px; }
.structure-slider-wrap output { font:12px var(--font-mono,monospace); color:#2858da; min-width:34px; }
.structure-slider-wrap wa-slider { flex:1; min-width:0; --track-size:4px; --thumb-width:16px; --thumb-height:16px; --wa-form-control-label-font-size:11px; --wa-form-control-label-font-weight:400; --wa-form-control-label-line-height:1.5; --wa-form-control-label-color:#7a8594; --wa-form-control-value-color:#2858da; --wa-space-xs:8px; --wa-space-2xs:4px; --wa-space-s:12px; --wa-focus-ring:2px solid #2858da; --wa-focus-ring-offset:3px; }
.structure-slider-wrap wa-slider::part(track) { background:#e2e7f0; border-radius:9px; }
.structure-slider-wrap wa-slider::part(indicator) { background:#2858da; }
.structure-slider-wrap wa-slider::part(thumb) { background:#fff; border:3px solid #2858da; border-radius:50%; box-shadow:0 1px 5px #2858da20; }
.structure-slider-wrap wa-slider::part(label) { color:#7a8594; font-size:10px; margin-bottom:6px; }
.structure-status { margin:0 0 0 auto; color:#8792a2; font-size:10px; line-height:1.6; max-width:220px; }
.structure-retry { display:none; color:#2858da; background:transparent; white-space:nowrap; }
[data-structure-state="error"] .structure-retry { display:block; }
.experience-queue:not([data-structure-state="ready"]) :is(.structure-systems,.structure-detail-actions,.structure-view-switch,.structure-slider-wrap,.structure-zoom,.structure-orbit-hint,.structure-part-picker) { visibility:hidden; }
.experience-queue .experience-meta { font-size:10px; color:#8b95a4; border:0; padding-top:0; margin-top:20px; }
.experience-queue .experience-meta a { display:flex; align-items:center; gap:6px; color:#52647d; text-decoration:none; }
.experience-meta a img { opacity:.6; }
.queue-structure-static { font-size:10px; line-height:1.8; color:#8893a4; margin-top:16px; }
.queue-structure-static summary { width:fit-content; cursor:pointer; }
.queue-structure-static img { display:block; width:100%; max-width:1000px; height:auto; margin:16px auto; }
.queue-structure-static p { max-width:740px; }
.experience-queue :is(button,select,summary):focus-visible { outline:2px solid #2858da; outline-offset:3px; }
@media (max-width:1000px) {
 .structure-topbar { padding:13px 20px; }
 .structure-systems button { padding:6px 10px; }
 .structure-view-layout { grid-template-columns:205px minmax(0,1fr); gap:12px; padding-left:22px; padding-right:18px; }
 .structure-part-card h2 { font-size:24px; }
 .structure-toolbar { gap:18px; padding:16px 20px; }
 .structure-status { display:none; }
 [data-structure-state="error"] .structure-status { display:block; }
}
@media (max-width:700px) {
 .experience-queue { padding:123px 20px 30px; }
 .structure-heading { display:block; margin-bottom:24px; }
 .structure-heading .experience-kicker { font-size:9px; margin-bottom:12px; }
 .experience-queue .structure-heading h1 { font-size:35px; line-height:1.3; }
 .structure-heading > p { font-size:11px; line-height:1.8; margin:12px 0 0; }
 .structure-heading > p br { display:none; }
 .structure-workbench { border-radius:16px; }
 .structure-topbar { display:block; padding:16px 12px 10px; }
 .structure-view-title { margin:0 5px 12px; font-size:11px; }
 .structure-systems { justify-content:space-between; gap:0; }
 .structure-systems button { min-height:38px; font-size:10px; padding:6px 10px; }
 .structure-view-layout { display:flex; flex-direction:column; gap:0; padding:0 14px; }
 .structure-view-layout .experience-stage-wrap { order:-1; width:100%; }
 .experience-queue .product-studio { height:350px; }
 .structure-orbit-hint { left:4px; transform:none; bottom:17px; font-size:9px; }
 .structure-zoom { right:0; bottom:8px; }
 .structure-zoom button { width:34px; min-height:36px; }
 .structure-inspector { align-self:stretch; padding:19px 6px; border-top:1px solid #dfe4eb; }
 .structure-part-card h2 { font-size:23px; margin:8px 0; }
 .structure-part-card > p { font-size:12px; margin-bottom:10px; }
 .structure-part-card dl { padding:10px 0 0; margin:0 0 12px; }
 .structure-part-picker { display:flex; align-items:center; gap:12px; }
 .structure-part-picker label { white-space:nowrap; margin:0; }
 .structure-part-picker select { flex:1; min-width:0; }
 .structure-detail-actions { justify-content:flex-end; margin-top:4px; }
 .structure-toolbar { flex-wrap:wrap; gap:12px; padding:14px; }
 .structure-view-switch { order:2; width:100%; }
 .structure-view-switch button { flex:1; min-height:40px; }
 .structure-slider-wrap { min-width:100%; max-width:none; }
 .structure-slider-wrap wa-slider { min-height:45px; }
 .experience-queue .experience-meta { flex-direction:column; align-items:flex-start; gap:12px; font-size:10px; margin-top:17px; }
}
@media (max-width:360px) {
 .experience-queue { padding-left:14px; padding-right:14px; }
 .experience-queue .structure-heading h1 { font-size:30px; }
 .structure-systems button { padding:6px 7px; }
 .experience-queue .product-studio { height:310px; }
}
@media (prefers-reduced-motion:reduce) { .experience-queue * { scroll-behavior:auto; transition:none !important; } }