/* World exhibit presentation; tool defaults are generated in content.js. */
.world-exhibit { --orange:#597d6c; --orange-deep:#3f6655; --black:var(--surface-ink); --ink:var(--surface-ink); --white:#f5f3eb; --paper:#f5f3eb; --gray-1:#e8ebe1; --gray-2:#c6cfc1; --gray-3:#7b8b7d; --bg:var(--white); --text:var(--ink); --text-muted:var(--surface-muted); --line:1px solid var(--surface-line); --border-width:1px; --grid-line:#a8b3a11a; --shadow-hard:0 3px 12px #304b4c0a; --font-ui:var(--ui); --font-mono:var(--mono); --text-2xs:9px; --text-xs:11px; --text-base:12px; --weight-medium:500; --tracking-label:.025em; --dur-fast:160ms; }
.world-exhibit * {box-sizing:border-box;}
.world-exhibit .exhibit-intro {display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.world-exhibit .exhibit-icon {width:44px;height:44px;flex:none;border-radius:12px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--surface-edge);background:#fff3;}
.world-exhibit .exhibit-icon img {width:100%;height:100%;object-fit:cover;}
.world-exhibit .exhibit-icon svg {width:32px;height:32px;}
.world-exhibit .exhibit-tagline {font-size:11px;line-height:1.5;margin:0;color:var(--text-muted);}
.world-exhibit .exhibit-name {font-family:var(--serif);font-size:32px;font-weight:400;line-height:1;letter-spacing:-.02em;margin:0 0 5px;}
.world-exhibit .exhibit-small {display:none;}
.world-exhibit .exhibit-copy {font-size:12px;line-height:1.8;color:var(--text-muted);margin:0 0 16px;}
.world-exhibit .exhibit-actions {display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 0;}
.world-exhibit .exhibit-button {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:36px;padding:8px 12px;color:inherit;background:var(--surface-wash);border:1px solid transparent;text-decoration:none;font-family:inherit;font-size:11px;line-height:1.4;cursor:pointer;border-radius:10px;transition:background .28s,border-color .28s,color .28s;}
.world-exhibit .exhibit-button:hover {background:var(--surface-raised);border-color:var(--surface-edge);opacity:1;}
.world-exhibit .exhibit-button[aria-pressed=true] {background:var(--surface-selected);border-color:var(--surface-selected-line);}
.world-exhibit .exhibit-button--primary {background:#4c7166;color:#fffef8;border-color:#4c7166;}
.world-exhibit .exhibit-button--primary:hover {background:#42675c;border-color:#42675c;}
.world-exhibit .exhibit-button:focus-visible {outline:2px solid var(--surface-focus);outline-offset:3px;}
.world-exhibit .exhibit-features {display:grid;gap:15px;padding:0;margin:24px 0;list-style:none;}
.world-exhibit .exhibit-features li {padding-top:14px;border-top:1px solid var(--surface-line);}
.world-exhibit .exhibit-features strong {display:block;font-size:12px;font-weight:500;margin-bottom:6px;}
.world-exhibit .exhibit-features p {font-size:12px;line-height:1.7;color:var(--text-muted);margin:0;}
.world-exhibit .exhibit-label {display:block;font:11px/1.5 var(--ui);letter-spacing:.01em;color:var(--text-muted);margin:0 0 10px;}
.world-exhibit .exhibit-demo {padding:0;border:0;background:transparent;border-radius:12px;}
.world-exhibit .exhibit-toggle {display:flex;flex-wrap:wrap;gap:6px;}
.world-exhibit .exhibit-swatches {display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:14px 0;}
.world-exhibit .exhibit-swatch {border-radius:50%;aspect-ratio:1;display:grid;place-items:center;max-width:45px;box-shadow:inset -3px -6px 12px #293d3d22,inset 3px 4px 10px #fff8,0 3px 6px #293d3d0d;color:rgba(255,255,255,.8);font:6px var(--mono);transition:background .35s;}
.world-exhibit .exhibit-note {font-size:11px;line-height:1.7;color:var(--text-muted);margin:12px 0 0;}
.world-exhibit .resors-demo {display:grid;gap:14px;margin-bottom:0;}
.world-exhibit .resors-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;}
.world-exhibit .resors-heading .exhibit-label {margin:0;}
.world-exhibit .resors-heading .exhibit-button {min-height:30px;padding:5px 8px;font-size:10px;}
.world-exhibit .resors-assets {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;background:var(--surface-wash);border:1px solid transparent;border-radius:13px;}
.world-exhibit .resors-assets .exhibit-button {flex-direction:column;gap:7px;padding:11px 2px;font-size:10px;border-color:transparent;background:transparent;}
.world-exhibit .resors-assets .exhibit-button[aria-pressed=true] {background:var(--surface-raised);border-color:var(--surface-edge);}
.world-exhibit .resors-assets [data-resors-focus=colours] .resors-icon {color:#a77370;}
.world-exhibit .resors-assets [data-resors-focus=images] .resors-icon {color:#5b8299;}
.world-exhibit .resors-assets [data-resors-focus=symbols] .resors-icon {color:#81709d;}
.world-exhibit .resors-icon {display:block;flex:none;width:19px;height:19px;}
.world-exhibit .resors-controls {display:grid;gap:9px;min-height:44px;align-content:start;padding:0 2px;}
.world-exhibit .resors-controls[hidden] {display:none;}
.world-exhibit .resors-controls .exhibit-label {margin:2px 0 0;font-size:10px;letter-spacing:.01em;}
.world-exhibit .resors-controls .exhibit-toggle {gap:5px;}
.world-exhibit .resors-controls .exhibit-button {min-height:36px;padding:8px 11px;font-size:11px;}
.world-exhibit .resors-controls .exhibit-swatches {height:auto;gap:9px;margin:3px 0;justify-items:center;}
.world-exhibit .resors-controls .exhibit-swatch {width:100%;min-width:0;padding:0;font-size:6px;}
.world-exhibit .resors-overview {font-size:12px;line-height:1.65;margin:0;color:var(--text-muted);}
.world-exhibit .resors-workflow {border-top:1px solid var(--surface-line);padding-top:14px;display:grid;gap:9px;}
.world-exhibit .resors-workflow .exhibit-label {margin:0;}
.world-exhibit .resors-action-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;}
.world-exhibit .resors-action-row .exhibit-button {gap:6px;min-height:42px;padding:9px 5px;font-size:10px;}
.world-exhibit .resors-action-row .exhibit-button {position:relative;overflow:hidden;}
.world-exhibit .resors-action-row .exhibit-button[aria-pressed=true]::after {content:'';position:absolute;left:0;bottom:0;height:2px;background:#e5f1dd;width:100%;transform-origin:left;animation:asset-workflow 3s linear both;}
@keyframes asset-workflow {from {transform:scaleX(0);} to {transform:scaleX(1);}}
.world-exhibit .resors-action-row .resors-icon {width:15px;height:15px;}
.world-exhibit .resors-action-row .exhibit-button[aria-pressed=true] {background:#4c7166;border-color:#4c7166;color:#fffef8;}
.world-exhibit .resors-status {font-size:11px;line-height:1.6;color:var(--text-muted);min-height:35px;margin:0;}
.world-exhibit .exhibit-light {height:148px;width:148px;display:grid;place-items:center;margin:5px auto 18px;background:radial-gradient(circle at 33% 26%,#fdf0ca,#c5cbbb 40%,#738c8c 75%,#42606a);position:relative;overflow:hidden;border-radius:50%;box-shadow:inset 0 0 0 1px #fff8,inset -10px -14px 26px #263e4c55,0 12px 24px #293d3d15;}
.world-exhibit .exhibit-light::before {content:'';position:absolute;inset:11px;border-radius:50%;border:1px solid #fff7;box-shadow:inset 4px 7px 12px #fff3;}
.world-exhibit .exhibit-light-overlay {position:absolute;inset:0;pointer-events:none;}
.world-exhibit .umbraa-meter {position:relative;z-index:1;text-align:center;color:#fffced;text-shadow:0 1px 10px #1b344833;}
.world-exhibit .umbraa-meter output {display:block;font:400 34px/1 var(--serif);letter-spacing:-1px;}
.world-exhibit .umbraa-meter span {display:block;font:7px var(--mono);letter-spacing:.08em;margin-top:7px;opacity:.8;}
.world-exhibit .umbraa-controls {padding:14px;background:var(--surface-wash);border:1px solid transparent;border-radius:13px;}
.world-exhibit .umbraa-controls .exhibit-toggle > button {flex:1;}
.world-exhibit .exhibit-range-label {display:flex;justify-content:space-between;font-size:11px;}
.world-exhibit .exhibit-range {appearance:none;-webkit-appearance:none;width:100%;height:24px;background:transparent;accent-color:#41696e;margin:8px 0 14px;cursor:ew-resize;}
.world-exhibit .exhibit-range::-webkit-slider-runnable-track {height:3px;border-radius:4px;background:#9fb5ac;}
.world-exhibit .exhibit-range::-moz-range-track {height:3px;border-radius:4px;background:#9fb5ac;}
.world-exhibit .exhibit-range::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:15px;height:15px;border-radius:50%;border:1px solid #547471;background:#fdfaf0;box-shadow:0 2px 5px #293d3d22;margin-top:-6px;}
.world-exhibit .exhibit-range::-moz-range-thumb {width:15px;height:15px;border-radius:50%;border:1px solid #547471;background:#fdfaf0;box-shadow:0 2px 5px #293d3d22;}
.world-exhibit .exhibit-range:focus-visible {outline:2px solid var(--surface-focus);outline-offset:3px;border-radius:6px;}
.world-exhibit .exhibit-range-label span:last-child {font:8px var(--mono);opacity:.55;}
.world-exhibit .exhibit-toy {color:var(--ink);margin-top:0;overflow:hidden;border:1px solid var(--surface-line);border-radius:13px;}
:where(.world-exhibit .exhibit-toy) button {font:inherit;color:inherit;background:transparent;cursor:pointer;}
.world-exhibit .exhibit-toy .etch__main {grid-template-columns:minmax(0,1fr);}
.world-exhibit .exhibit-toy .etch__side {gap:6px;}
.world-exhibit .exhibit-toy .etch__tools {grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;}
.world-exhibit .exhibit-toy .etch__tool {width:auto;height:30px;}
.world-exhibit .exhibit-toy .etch__sizes {grid-template-columns:repeat(5,minmax(0,1fr));}
.world-exhibit .exhibit-toy .etch__canvas {width:100%;height:auto;aspect-ratio:3/2;}
.world-exhibit .exhibit-toy .etch__pats {flex:1;grid-template-columns:repeat(10,minmax(0,1fr));}
.world-exhibit .exhibit-toy .etch__pat {width:auto;height:18px;}
.world-exhibit .exhibit-toy .seq {padding:12px 10px;}
.world-exhibit .exhibit-toy .seq__kit {flex-basis:100%;}
.world-exhibit .exhibit-toy .seq__grid {grid-template-columns:38px repeat(16,minmax(0,1fr));gap:2px;}
.world-exhibit .exhibit-toy .seq__name {font-size:8.5px;letter-spacing:.02em;}
.world-exhibit .exhibit-toy .seq__cell {height:26px;border-width:1px;}
.world-exhibit .exhibit-toy .seq__knobs {gap:12px;}
.world-exhibit .exhibit-toy .dither__stage {height:240px;}
.world-exhibit .exhibit-toy .dither__row {grid-template-columns:68px 1fr 28px;gap:7px;}
.world-exhibit .exhibit-toy .dither__panel {padding:12px;}
.world-exhibit .exhibit-toy .poster {height:auto;grid-template-rows:auto auto;}
.world-exhibit .exhibit-toy .poster__main {grid-template-columns:minmax(0,1fr);}
.world-exhibit .exhibit-toy .poster__stage {height:280px;}
.world-exhibit .exhibit-toy .poster__side {border-left:0;border-top:var(--line);}
.world-exhibit .exhibit-toy .poster__pane {max-height:440px;overscroll-behavior:contain;}
.world-exhibit .exhibit-toy .poster__bar {padding:10px;}
.world-exhibit .exhibit-toy .poster__add {flex:1 1 100px;width:auto;min-width:0;}
.world-exhibit .exhibit-toy .poster__note {order:9;flex-basis:100%;max-width:none;}
.world-exhibit .exhibit-toy .poster__row {grid-template-columns:72px minmax(0,1fr) auto;}
.world-exhibit .exhibit-toy .poster__pick {min-width:0;}
.world-exhibit.panel-poster .exhibit-intro {gap:12px;margin-bottom:10px;}
.world-exhibit.panel-poster .exhibit-icon {width:44px;height:44px;border-radius:12px;}
.world-exhibit.panel-poster .exhibit-name {font-size:32px;margin-bottom:5px;}
.world-exhibit.panel-poster .exhibit-tagline {font-size:10px;}
.world-exhibit.panel-poster .exhibit-copy {font-size:12px;line-height:1.6;margin-bottom:8px;}
.world-exhibit.panel-poster .exhibit-toy {margin-top:0;}
.world-exhibit .exhibit-player {width:100%;height:300px;border:0;display:block;margin-top:18px;border-radius:2px;}
.world-exhibit .exhibit-disc {height:150px;display:grid;place-items:center;margin:10px 0 22px;}
.world-exhibit .exhibit-disc::before {content:'';width:138px;height:138px;border-radius:50%;background:repeating-radial-gradient(ellipse at center,#323c35 0 1px,#738273 1px 2px,#323c35 2px 4px);box-shadow:0 8px 30px #0005,inset 0 0 0 42px #28312d,inset 0 0 0 46px #cad4bf;}

/* Quiet feedback and disclosures keep the instrument above its documentation. */
.world-exhibit .resors-stage-hint {font-size:12px;line-height:1.7;margin:0;color:var(--text-muted);}
.world-exhibit .exhibit-world-note {display:flex;gap:8px;align-items:center;font-size:10px;line-height:1.6;color:var(--text-muted);margin:14px 0;}
.world-exhibit .exhibit-world-note > span {font-size:13px;color:#41696e;}
.world-exhibit .exhibit-details {border-top:1px solid var(--surface-line);margin-top:14px;}
.world-exhibit .exhibit-details summary {display:flex;align-items:center;justify-content:space-between;list-style:none;cursor:pointer;font-size:11px;min-height:40px;padding:12px 0 2px;}
.world-exhibit .exhibit-details summary::-webkit-details-marker {display:none;}
.world-exhibit .exhibit-details summary::after {content:'+';font-size:16px;font-weight:400;opacity:.6;}
.world-exhibit .exhibit-details[open] summary::after {content:'−';}
.world-exhibit .exhibit-details summary:focus-visible {outline:2px solid var(--surface-focus);outline-offset:3px;border-radius:6px;}
.world-exhibit .exhibit-details-body {padding-top:14px;}
.world-exhibit .exhibit-details-body .exhibit-copy:last-child {margin-bottom:0;}
.world-exhibit .exhibit-atmosphere {padding-top:10px;}
.world-exhibit .exhibit-actions {margin-top:16px;}
.world-exhibit .exhibit-toy .tool-btn {border-radius:8px;min-height:30px;font-family:var(--ui);font-size:10px;letter-spacing:.01em;text-transform:none;transition:background .18s,border-color .18s,color .18s;}
.world-exhibit .exhibit-toy .tool-btn:hover {transform:none;background:#fffdf4;border-color:#8ca38c;}
.world-exhibit .exhibit-toy .tool-btn[aria-pressed=true] {background:#dfe8dc;border-color:#8ca38c70;color:var(--ink);}
.world-exhibit .exhibit-toy .tool-btn--accent {background:#496b59;border-color:#496b59;color:#fffdf4;}
.world-exhibit .exhibit-toy .tool-btn--accent:hover {background:#3f6050;border-color:#3f6050;color:#fffdf4;}
.world-exhibit .exhibit-toy .tool-select select {border-radius:8px;min-height:32px;background:#fffdf669;}
.world-exhibit .exhibit-toy :is(.tool-hint,.dither__label,.seq__label,.poster__h,.poster__sgenre,.poster__edkind,.poster__palname) {letter-spacing:.015em;text-transform:none;}
.world-exhibit .exhibit-toy :is(.dither__readout,.etch__foot) {letter-spacing:.015em;text-transform:none;}
.world-exhibit .exhibit-toy :is(.seq__ab,.poster__seg) {gap:3px;}
.world-exhibit .exhibit-toy :is(.seq__ab,.poster__seg) .tool-btn {border-radius:7px;margin-left:0;}
.world-exhibit .exhibit-toy :is(.poster__text,.poster__savename,.poster__fx,.poster__layers,.poster__pal) {border-radius:8px;}
.world-exhibit .exhibit-toy .poster__tabs {gap:3px;padding:4px;background:#8b9f8008;}
.world-exhibit .exhibit-toy .poster__tab {border:0;border-radius:7px;font:10px var(--ui);min-height:31px;letter-spacing:.01em;text-transform:none;}
.world-exhibit .exhibit-toy .poster__tab[aria-selected=true] {background:#fffdf4;color:var(--ink);box-shadow:0 1px 4px #3147400d;}
.world-exhibit .exhibit-toy .poster__layer.is-sel {background:#dfe8dc;color:var(--ink);}
.world-exhibit .exhibit-toy .poster__range::-webkit-slider-thumb {border-radius:50%;}
.world-exhibit .exhibit-toy .poster__range::-moz-range-thumb {border-radius:50%;}
.world-exhibit .exhibit-toy .seq__cell {border-radius:3px;}
.world-exhibit .exhibit-toy .etch__tool,.world-exhibit .exhibit-toy .etch__size {border-radius:5px;}
.world-exhibit .exhibit-toy .poster__side {background:#edf0e7;}
.world-exhibit .exhibit-toy .poster__bar {gap:6px;}
.world-exhibit .exhibit-toy .viz__readout {padding:10px;}
.world-exhibit .exhibit-toy .viz__mode {color:#c8dedb;font-size:9px;}

/* The wider desk adds useful space without creating a second tool instance. */
@media(min-width:801px) {
  .exhibit-panel.is-expanded .exhibit-toy .poster__main {grid-template-columns:minmax(0,1fr) 250px;}
  .exhibit-panel.is-expanded .exhibit-toy .poster__stage {height:clamp(220px,calc(100dvh - 465px),390px);}
  .exhibit-panel.is-expanded .exhibit-toy .poster__side {border-top:0;border-left:var(--line);}
  .exhibit-panel.is-expanded .exhibit-toy .poster__pane {max-height:clamp(185px,calc(100dvh - 500px),355px);}
  .exhibit-panel.is-expanded .exhibit-toy .seq__cell {height:32px;}
  .exhibit-panel.is-expanded .exhibit-toy .seq__kit {flex-basis:auto;}
  .exhibit-panel.is-expanded .exhibit-toy .etch__main {grid-template-columns:96px minmax(0,450px);justify-content:center;}
  .exhibit-panel.is-expanded .exhibit-toy .etch__tools {grid-template-columns:repeat(3,minmax(0,1fr));}
  .exhibit-panel.is-expanded .exhibit-toy .etch__sizes {grid-template-columns:minmax(0,1fr);}
  .exhibit-panel.is-expanded .exhibit-toy .dither__stage {height:300px;}
}
@media(max-width:800px) {
  .world-exhibit .exhibit-intro {margin-bottom:14px;}
  .world-exhibit .exhibit-name {font-size:30px;}
  .world-exhibit .exhibit-toy .viz__canvas {height:200px;}
  .world-exhibit .exhibit-toy .dither__stage {height:200px;}
  .world-exhibit .exhibit-toy .poster__stage {height:240px;}
  .world-exhibit .umbraa-demo {display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:center;}
  .world-exhibit .umbraa-demo > .exhibit-label {grid-column:1/-1;margin:0;}
  .world-exhibit .exhibit-light {width:88px;height:88px;margin:0;}
  .world-exhibit .umbraa-meter output {font-size:27px;}
  .world-exhibit .umbraa-meter span {font-size:6px;}
  .world-exhibit .umbraa-controls {padding:12px;}
  .world-exhibit .umbraa-controls .exhibit-button {padding:7px 4px;font-size:9px;min-width:0;}
  .world-exhibit .exhibit-range-label span:last-child {display:none;}
  .world-exhibit .resors-assets .exhibit-button {min-height:56px;}
}
@media(max-width:420px) {
  .world-exhibit .exhibit-toy .seq__cell {height:24px;}
  .world-exhibit .exhibit-toy .dither__row {grid-template-columns:58px 1fr 26px;}
  .world-exhibit .exhibit-swatches {gap:5px;}
}