:root{color-scheme:light}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spaceflow-word{font-family:Arial,sans-serif!important;font-style:normal!important;font-weight:800!important;background:none!important;color:#245745!important;-webkit-text-fill-color:#245745!important;letter-spacing:-2px!important}.site-suffix{font-size:16px!important}.control-button,.inspect-button,.modal-button{min-height:44px;font-size:14px!important}#searchInput{font-size:16px;min-height:44px}.pane-label{font-size:12px}.orbit-hint{font-size:12px}.card-copy{font-size:15px}.embedded body{background:#f0f3eb!important;overflow:hidden}.embedded .topbar,.embedded .card-copy,.embedded .page-footer,.embedded .inspect-button{display:none!important}.embedded main{padding:0!important;width:100%!important}.embedded .gallery{display:block!important}.embedded .result-card{border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important}.embedded .viewer-pair{height:400px!important;min-height:400px!important;border-bottom:0!important}.embedded .viewer-slot{height:400px!important;min-height:400px!important}.embedded .viewer-input{background:radial-gradient(ellipse at center,#fff 0%,#edf1e7 100%)!important;border-right:1px solid #dce2d6!important}.embedded .viewer-output{background:radial-gradient(ellipse at center,#fff 0%,#e9efdf 100%)!important}.embedded .pane-label{top:18px;left:22px;background:#fff!important;color:#374537!important;border:1px solid #dae1d3!important;border-radius:6px!important;padding:6px 12px;font:600 12px Arial,sans-serif;letter-spacing:.05em}.embedded .orbit-hint{opacity:1;transform:translate(-50%,0);bottom:14px;background:#fff!important;color:#5c6864!important;font:12px Arial,sans-serif}.embedded .load-state{color:#3e533f!important}.embedded .spinner{border-color:#cbd3c1!important;border-top-color:#245745!important}.embedded .compatibility{background:white;color:#243f30;border-color:#c9d5c0}.embedded .viewer-slot:focus-visible{outline:3px solid #245745;outline-offset:-4px}@media(max-width:600px){.embedded .viewer-pair,.embedded .viewer-slot{height:300px!important;min-height:300px!important}.embedded .pane-label{left:10px;top:12px;font-size:10px;padding:5px 8px}.embedded .orbit-hint{font-size:10px}.control-legend{flex-wrap:wrap;white-space:normal}.modal-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@font-face{font-family:Caveat;src:url('assets/fonts/Caveat-Bold.ttf') format('truetype');font-weight:700;font-display:swap}.spaceflow-word{font-family:Caveat,cursive!important;font-weight:700!important;font-style:normal!important;background:linear-gradient(90deg,#ff66c4,#ffc259)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;letter-spacing:-.045em!important;font-size:44px!important}.embedded .viewer-input{background:radial-gradient(ellipse at center,#fff 0%,#f3f1f6 100%)!important;border-right-color:#e5dfe9!important}.embedded .viewer-output{background:radial-gradient(ellipse at center,#fff 0%,#f2edf5 100%)!important}.embedded .pane-label{color:#5d476d!important;border-color:#e5dce9!important}.embedded .spinner{border-top-color:#60417c!important}

.spaceflow-word{padding-right:.34em!important;padding-left:.12em!important;line-height:1.25!important;overflow:visible!important}

html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"].embedded body{background:#211c2a!important}
html[data-theme="dark"].embedded .viewer-input{background:radial-gradient(ellipse at center,#332c3e 0%,#221d2b 100%)!important;border-right-color:#45384f!important}
html[data-theme="dark"].embedded .viewer-output{background:radial-gradient(ellipse at center,#382d43 0%,#241d2e 100%)!important}
html[data-theme="dark"].embedded .pane-label{background:#2d2538!important;color:#eddef6!important;border-color:#544360!important}
html[data-theme="dark"].embedded .orbit-hint{background:#2d2538!important;color:#d2c6dc!important}
html[data-theme="dark"].embedded .load-state{color:#e0d3ed!important}
html[data-theme="dark"].embedded .spinner{border-color:#574361!important;border-top-color:#d4aeea!important}
html[data-theme="dark"].embedded .compatibility{background:#2d2538;color:#eddef6;border-color:#544360}
html[data-theme="dark"].embedded .viewer-slot:focus-visible{outline-color:#d4aeea}

/* Embedded comparisons must fit both panes inside the fixed-height iframe.
   The standalone gallery can stack on phones; an embed cannot scroll to row two. */
html.embedded .viewer-pair{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);height:100vh!important;min-height:0!important}
html.embedded .viewer-slot{height:100%!important;min-height:0!important;min-width:0}
html.embedded .viewer-input{border-bottom:0}

/* A mid-tone studio background distinguishes low-control white primitives. */
html[data-theme="light"] .viewer-input,html[data-theme="light"] .viewer-output{background:radial-gradient(ellipse at center,#c1cad6 0%,#a6b3c5 100%)}
html[data-theme="light"].embedded .viewer-input,html[data-theme="light"].embedded .viewer-output{background:radial-gradient(ellipse at center,#c1cad6 0%,#a6b3c5 100%)!important}
.featured-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:5;color:#3c2f51;overflow:hidden}.featured-leaders>path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-dasharray:2 4;stroke-linecap:round}
.featured-cue{position:absolute;left:18px;top:61px;z-index:6;max-width:calc(100% - 36px);padding:9px 13px;background:#fffef7ed;color:#292235;border:1px solid #7d6a94;border-radius:10px;box-shadow:0 3px 12px #33284215;pointer-events:none;display:flex;flex-direction:column;gap:3px;text-align:left}.featured-cue .cue-part{font-size:10px;letter-spacing:.04em;color:#655374}.featured-cue strong{font-size:15px;font-weight:650;line-height:1.35}.featured-cue .cue-control{font-size:9px;color:#655374;display:flex;align-items:center;gap:5px}.cue-control:before{content:'';width:7px;height:7px;background:#fff;border:1px solid #6e6880;border-radius:2px}.featured-cue[data-control="high"] .cue-control:before{background:#f4c447;border-color:#a78013}.featured-cue.cue-secondary{top:auto;bottom:57px;left:auto;right:18px}.featured-overall{position:absolute;top:61px;left:22px;right:16px;color:#343045;font-size:11px;line-height:1.4;pointer-events:none;z-index:4}
html[data-theme="dark"] .featured-leaders{color:#f0d9ff}html[data-theme="dark"] .featured-cue{background:#30283aee;color:#faf3ff;border-color:#a58db8}html[data-theme="dark"] .featured-cue .cue-part,html[data-theme="dark"] .featured-cue .cue-control,html[data-theme="dark"] .featured-overall{color:#e2d3ed}
@media(max-width:650px){.featured-cue{left:9px;top:49px;padding:7px 9px;max-width:calc(100% - 18px)}.featured-cue strong{font-size:11px}.featured-cue .cue-part,.featured-cue .cue-control{font-size:8px}.featured-cue.cue-secondary{right:9px;bottom:52px}.featured-overall{top:50px;left:10px;right:10px;font-size:9px}}
/* The renderer is a fixed canvas at z=30; leaders must remain above it. */
.featured-leaders{z-index:41}.featured-cue{z-index:42}.featured-overall{z-index:41}
html.embedded .viewer-slot{isolation:auto}

/* The full gallery can also live inside the project page as a single carousel. */
html.carousel body{overflow:hidden;background:transparent!important}html.carousel .topbar,html.carousel .page-footer{display:none!important}html.carousel main{width:100%!important;max-width:none!important;padding:0!important;margin:0!important}html.carousel .gallery{display:flex!important;gap:20px;padding:14px 20px 22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;align-items:stretch;height:calc(100vh - 8px);scrollbar-color:#a48bb5 transparent;scrollbar-width:thin}html.carousel .result-card{flex:0 0 100%;max-width:none;min-width:0;height:100%;scroll-snap-align:start;transform:none!important;box-shadow:none!important}html.carousel .viewer-pair{grid-template-columns:repeat(2,minmax(0,1fr))!important;min-height:0!important;height:350px;flex-shrink:0}html.carousel .viewer-slot{min-height:0!important;height:100%;isolation:auto}html.carousel .viewer-input{border-bottom:0;border-right:1px solid #a6a0b1}html.carousel .card-copy{padding:15px 20px;overflow:auto;min-height:0}html.carousel .carousel-card-heading{position:relative;z-index:40;padding:19px 22px;background:var(--surface);flex-shrink:0}html.carousel .carousel-card-heading h2{font-size:20px}html.carousel .carousel-card-heading .scene-number{display:none}html.carousel .carousel-shape{font-size:16px;line-height:1.45;margin:12px 0 0}html.carousel .prompt-list{font-size:12px;margin-top:0}html.carousel .card-heading-row{margin:0}html.carousel .orbit-hint{opacity:1;font-size:10px;white-space:nowrap}html.carousel .modal-viewers{grid-template-columns:1fr 1fr;min-height:0}html.carousel .modal-viewer{min-height:0!important}html.carousel .modal-shell{height:94vh}html.carousel .gallery~p{position:absolute;top:40%;left:20px;right:20px;text-align:center}html.carousel .featured-overall{display:none}
@media(max-width:650px){html.carousel .gallery{padding:12px;scroll-padding-left:12px;gap:14px}html.carousel .carousel-card-heading{padding:16px 13px}html.carousel .carousel-card-heading h2{font-size:17px}html.carousel .carousel-shape{font-size:14px}html.carousel .inspect-button{font-size:11px!important;padding:7px;min-height:38px}html.carousel .viewer-pair{height:350px}html.carousel .pane-label{left:7px;top:10px;font-size:9px;padding:5px}html.carousel .orbit-hint{font-size:8px;padding:4px 5px}html.carousel .card-copy{padding:12px}html.carousel .modal-header{padding:10px}html.carousel .modal-button{font-size:11px!important;padding:7px}}

/* Keep the entire comparison in view, without a clipped neighboring card. */
html.carousel .gallery{scrollbar-width:none}html.carousel .gallery::-webkit-scrollbar{display:none}.search-wrap{display:none!important}