/*
 * Styles for readme components.
 * Used by the site pages that load this stylesheet.
 * Keep selector scope and cascade order stable for previews and overlays.
 */
@import url('https://fonts.googleapis.com/css2?family=Familjen+Grotesk:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

/* Shared site palette; the stream window is the centerpiece. */
:root{color-scheme:dark;--readme-blue:var(--site-primary);--readme-cyan:var(--site-cyan)}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--site-canvas);color:var(--site-text);font-family:var(--site-font-body);font-size:15px;line-height:1.65}
body.modal-open{overflow:hidden}
*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img,video{max-width:100%;display:block}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible{outline:3px solid var(--site-cyan);outline-offset:5px}::selection{background:#2f7bff;color:white}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--site-font-display);line-height:.98;letter-spacing:-.045em}h1{font-size:clamp(58px,7.4vw,108px);margin-bottom:28px;font-weight:600}h2{font-size:clamp(40px,5vw,72px);font-weight:500;margin-bottom:22px}h3{font-size:28px;line-height:1.1;letter-spacing:-.025em}p{max-width:65ch}.muted,.fine-print{color:var(--site-muted)}.fine-print{font-size:12px}.section{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--site-primary);padding:12px}.skip-link:focus{top:12px}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--site-cyan);transform:scaleX(0);transform-origin:left;z-index:50}
.site-header{position:relative;z-index:10;min-height:88px;display:flex;align-items:center;gap:30px;padding:20px 4%;border-bottom:1px solid #23344d80;background:var(--site-canvas)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:22px;font-weight:800;letter-spacing:-1px}.site-header nav{display:flex;gap:25px;margin-left:auto;font-size:13px;font-weight:700}.site-header nav a{color:var(--site-muted)}.site-header nav a:hover,.site-header nav a[aria-current]{color:white}.site-header nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--site-primary);text-underline-offset:8px}.motion-button{background:transparent;border:1px solid var(--site-edge);border-radius:30px;padding:9px 15px;font-size:12px;white-space:nowrap}
.hero{position:relative;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:42px;min-height:min(820px,calc(100svh - 88px));padding-block:90px 105px}.event-label{display:flex;align-items:center;gap:10px;color:var(--site-muted);font-size:13px;margin-bottom:30px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--site-cyan);box-shadow:0 0 12px #38bdf866;flex-shrink:0}.hero-intro{font-size:23px;line-height:1.45;letter-spacing:-.6px;margin-bottom:18px}.hero-description{max-width:390px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:14px 24px;border-radius:8px;font-size:14px;font-weight:800;min-height:48px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--site-primary);color:white;box-shadow:0 8px 32px #2f7bff22}.primary:hover{background:#4288ff}.secondary{border:1px solid var(--site-edge);background:#0b1425}.text-link{font-size:13px;font-weight:700;color:#adcaff}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.hero-stage{position:relative;min-width:0;perspective:1200px;isolation:isolate}.hero-stage:before{content:"";position:absolute;z-index:-2;inset:-130px 0;background:radial-gradient(ellipse,#1358bd38,transparent 66%);pointer-events:none}.stream-window{position:relative;background:linear-gradient(155deg,#14294a,#080e1a 70%);border:1px solid #426897;border-radius:18px;box-shadow:0 30px 80px #0009,0 0 70px #176fff12;transform:rotateY(-9deg) rotateX(4deg);animation:stage-float 7s ease-in-out infinite;overflow:hidden}.window-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 22px;font-size:11px;color:var(--site-muted);border-bottom:1px solid #23344da0}.window-bar>span:first-child{display:flex;align-items:center;gap:8px}.preview-host{position:relative;height:285px;overflow:hidden;min-width:0;background:radial-gradient(ellipse at 50% 70%,#1c346e40,transparent 70%)}.hero-preview{height:340px}.preview-measure{position:absolute;left:50%;top:50%;width:420px;transform-origin:center}.preview-measure .chat{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;max-height:none!important;min-height:0!important;transform:none!important;overflow:visible!important}.skin-selector{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--site-edge);padding:20px 25px;background:#09111fd9}.skin-selector small{display:block;color:var(--site-muted);font-size:11px}.skin-selector strong{font-family:var(--site-font-display);font-size:23px}.round-button{border:1px solid #3b6295;background:#142a47;border-radius:50%;width:44px;height:44px;font-size:23px}.round-button:hover{background:var(--site-primary)}.stage-coordinate{font-size:11px;color:#7fa9d8;margin:0 0 18px 14px}.stage-note{position:relative;text-align:right;margin:24px 10px 0;font-size:13px;color:var(--site-muted)}.stage-note span{color:var(--site-cyan);margin-right:8px}.orbit{position:absolute;z-index:-1;border:1px solid #24539360;border-radius:50%;inset:1% 3%;transform:rotate(-25deg) scaleY(.8);pointer-events:none}.orbit-two{inset:4% 7%;transform:rotate(25deg) scaleY(.8);border-color:#24539330}.scroll-cue{position:absolute;bottom:26px;left:0;color:var(--site-muted);font-size:12px;display:flex;gap:24px}.scroll-cue span{animation:cue 2s ease-in-out infinite}.numbers{display:grid;grid-template-columns:repeat(6,1fr);border-block:1px solid var(--site-edge);padding:36px 0}.numbers>div{padding-left:24px;border-left:1px solid var(--site-edge)}.numbers>div:first-child{border:0;padding-left:0}.numbers strong{font-family:var(--site-font-display);font-size:48px;font-weight:500;line-height:1.2;display:block;letter-spacing:-2px;font-variant-numeric:tabular-nums}.numbers span{font-size:12px;color:var(--site-muted)}
.setup,.chat-play,.demo,.codex,.gallery{padding-block:110px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:48px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--site-muted);font-size:14px;margin:0 0 4px}.section-kicker{font-size:13px;color:var(--site-cyan);margin-bottom:18px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.step{position:relative;border-top:1px solid var(--site-edge);padding:28px 0 0}.step-number{font-family:var(--site-font-display);font-size:14px;color:var(--site-cyan)}.step h3{margin-bottom:14px}.step p{font-size:14px;color:var(--site-muted);max-width:32ch}.step-art{height:155px;position:relative;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.pick-art i{font-style:normal;width:95px;height:90px;display:grid;place-items:center;border:1px solid #4784d0;background:#102a4d;transform:rotate(-12deg);font-family:var(--site-font-display);font-size:20px;animation:pick 5s ease-in-out infinite}.pick-art i:nth-child(2){border-color:#94754c;background:#282415;transform:translate(-15px,-10px) rotate(0);animation-delay:.3s}.pick-art i:nth-child(3){border-color:#8775cc;background:#201b37;transform:translate(-30px,0) rotate(12deg);animation-delay:.6s}.tweak-art{flex-direction:column;gap:22px}.tweak-art span{width:70%;height:3px;background:#1d3557;position:relative}.tweak-art i{display:block;width:16px;height:16px;border:4px solid #aad5ff;background:#2f7bff;border-radius:50%;position:absolute;top:-6px;left:15%;animation:tweak 6s ease-in-out infinite}.tweak-art span:nth-child(2) i{animation-delay:-2s}.tweak-art span:nth-child(3) i{animation-delay:-4s}.paste-art{flex-direction:column;gap:16px;font-size:13px}.paste-art span{border:1px solid var(--site-edge);padding:12px 22px;border-radius:6px;background:#0b1425}.paste-art b{color:var(--site-cyan);animation:confirm 5s ease-in-out infinite}
.wardrobe{padding:65px 0;background:linear-gradient(180deg,#0b142570,transparent);border-block:1px solid #23344d80;overflow:hidden}.wall-category{padding:14px 0}.category-label{width:min(1240px,calc(100% - 96px));margin:0 auto 12px;display:flex;align-items:center;gap:12px;font-size:12px;color:var(--site-muted)}.category-label b{font-weight:500;color:var(--site-text)}.marquee{width:100%;max-width:100%;min-width:0;overflow:hidden;contain:paint}.marquee-track{display:flex;width:max-content;animation:marquee var(--marquee-duration,100s) linear infinite}.marquee-group{display:flex;gap:16px;padding-right:16px}.wall-category:nth-child(even) .marquee-track{animation-direction:reverse}.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}.skin-tile{display:block;width:270px;background:#0b1425;border:1px solid #23344d;border-radius:10px;overflow:hidden;transition:border-color .2s}.skin-tile:hover{border-color:var(--site-cyan)}.skin-tile .preview-host{height:150px}.skin-tile .preview-measure{width:420px}.tile-title{display:block;padding:12px 16px;border-top:1px solid #23344d80;font-size:12px}.wall-foot{display:flex;justify-content:space-between;gap:20px;margin-top:30px;font-size:12px;color:var(--site-muted)}
.chat-play{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.play-copy h2{font-size:clamp(40px,4.5vw,64px)}.play-copy>.muted{font-size:15px}.play-controls{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 14px}.command{padding:11px 14px;background:#102345;border:1px solid #2a5394;border-radius:6px;font-family:monospace;font-size:13px}.command:hover{background:#21477a}.play-copy #play-status{font-size:13px;color:var(--site-cyan);min-height:44px;margin-top:24px}.play-console{position:relative;overflow:hidden;border:1px solid #365982;border-radius:14px;background:#0b1425}.vote-panel{padding:22px;border-top:1px solid var(--site-edge)}.vote-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:18px}.vote-heading span{color:var(--site-cyan)}.vote-row{display:grid;grid-template-columns:40px 1fr 35px;gap:14px;align-items:center;font-size:11px;margin-top:12px}.vote-row>div{height:8px;background:#182743;border-radius:8px;overflow:hidden}.vote-row i{display:block;width:100%;height:100%;background:var(--site-primary);transform:scaleX(.58);transform-origin:left;transition:transform .65s cubic-bezier(.2,.8,.2,1)}#vote-neon{background:#69b8ff;transform:scaleX(.27)}#vote-retro{background:#8a88ff;transform:scaleX(.15)}.vote-row b{font-weight:500;font-variant-numeric:tabular-nums}#emote-rain{position:absolute;inset:0;pointer-events:none;overflow:hidden}.rain-emote{position:absolute;top:-50px;left:var(--x);font-size:30px;animation:rain 2.4s var(--delay) linear both}.demo{padding-top:10px}.demo-screen{position:relative;border:1px solid #365982;border-radius:16px;overflow:hidden;background:#0b1425;aspect-ratio:16/9}.demo-screen video{width:100%;height:100%;object-fit:cover}.demo-caption{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:60px 28px 25px;background:linear-gradient(transparent,#05070df0);font-size:12px}.demo-caption>span{display:flex;gap:8px;align-items:center}.demo>.fine-print{margin-top:14px}
.codex{border-top:1px solid var(--site-edge)}.agent-team{display:grid;grid-template-columns:1fr 90px 1fr 90px 1fr;align-items:center;margin:65px 0 45px}.agent{min-width:0}.agent-symbol{font-size:55px;color:#7eb5ff;line-height:1;margin-bottom:28px}.agent>p:first-of-type{color:var(--site-cyan);font-size:12px;margin-bottom:9px}.agent h3{font-size:38px;margin-bottom:8px}.agent>span{color:var(--site-muted);font-size:12px}.agent>p:last-child{color:var(--site-muted);font-size:13px;margin:20px 0 0;max-width:29ch}.packet-line{position:relative;height:1px;background:#2c5180;margin:0 16px 20px 0;align-self:center}.packet-line i{position:absolute;width:9px;height:5px;top:-2px;background:var(--site-cyan);animation:packet 2.8s linear infinite}.packet-line i:nth-child(2){animation-delay:-1.4s}.packet-line span{position:absolute;top:14px;font-size:9px;white-space:nowrap;color:var(--site-muted)}.build-loop{display:flex;align-items:center;justify-content:space-between;border-block:1px solid var(--site-edge);padding:25px 10px;gap:10px;font-family:var(--site-font-display);font-size:23px}.build-loop i{font-style:normal;color:#46678f}.build-loop span{animation:loop-node 10s infinite}.build-loop span:nth-of-type(2){animation-delay:2s}.build-loop span:nth-of-type(3){animation-delay:4s}.build-loop span:nth-of-type(4){animation-delay:6s}.build-loop span:nth-of-type(5){animation-delay:8s}.build-evidence{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin-top:50px}.prompt-terminal{border:1px solid var(--site-edge);border-radius:10px;overflow:hidden;background:#080e18;min-width:0}.terminal-viewport{height:270px;overflow:hidden;position:relative;mask-image:linear-gradient(transparent,#000 8%,#000 85%,transparent)}.terminal-lines{animation:terminal 32s linear infinite;padding:18px 25px;width:100%;color:#91b5e5;font:12px/2.7 monospace}.terminal-lines p{margin:0;white-space:nowrap}.terminal-lines p:before{content:'› ';color:var(--site-cyan)}.session-card{position:relative;background:linear-gradient(120deg,#112a50,#0b1425);border:1px solid #315c94;border-radius:10px;padding:30px;min-width:0}.session-card>p{font-size:13px;color:var(--site-muted)}.session-card h3{font-size:28px;max-width:18ch}.session-mark{position:absolute;top:16px;right:24px;font-size:34px;color:#537eb6}.session-card code{display:block;font:12px/1.8 monospace;overflow-wrap:anywhere;margin:20px 0;color:#c5ddff}.session-card>.text-link{display:inline-block;margin-top:5px}.gallery{padding-top:0}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.gallery-item{padding:0;text-align:left;background:transparent;min-width:0}.gallery-item img{aspect-ratio:16/10;width:100%;object-fit:cover;border:1px solid var(--site-edge);border-radius:8px;transition:transform .35s}.gallery-item:hover img{transform:translateY(-5px)}.gallery-item span{display:flex;justify-content:space-between;font-size:12px;color:var(--site-muted);margin-top:12px}.gallery-item:last-child{grid-column:1/-1}.gallery-item:last-child img{aspect-ratio:3.2;object-position:top}.closing{position:relative;padding:85px 0 100px;text-align:center;border-top:1px solid var(--site-edge);background:radial-gradient(ellipse at 50% 70%,#13428b30,transparent 65%)}.closing-spark{color:var(--site-cyan);font-size:50px}.closing h2{font-size:clamp(60px,8vw,110px);margin:20px 0 35px}.closing p{margin:23px auto 0;color:var(--site-muted);font-size:12px}footer.section{padding:35px 0 45px;border-top:1px solid var(--site-edge);display:flex;flex-wrap:wrap;align-items:center;gap:25px}footer p{font-size:11px;color:var(--site-muted);max-width:380px;margin:0}footer nav{margin-left:auto;display:flex;gap:20px;font-size:12px}footer small{width:100%;font-size:11px;color:var(--site-muted)}
dialog{width:min(1200px,94vw);max-height:94svh;padding:20px;border:1px solid #365982;border-radius:14px;background:#080e18;color:var(--site-text);overflow:auto}dialog::backdrop{background:#02050beF}.lightbox-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.lightbox-header h2{font-size:24px;margin:0;line-height:1.2}.lightbox-header button{padding:10px 16px;flex-shrink:0}#media-content img,#media-content video{width:100%;max-height:72svh;object-fit:contain}.lightbox-navigation{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:12px}.lightbox-navigation[hidden]{display:none}.loading{color:var(--site-muted);text-align:center;padding:70px 20px;font-size:13px}
.motion-zone:not(.in-view) *,.motion-zone:not(.in-view) *:before,.motion-zone:not(.in-view) *:after,.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .vote-row i{transition:none}.preview-host.preview-offscreen *,.preview-host.preview-offscreen *:before,.preview-host.preview-offscreen *:after{animation-play-state:paused!important}
@keyframes stage-float{0%,100%{transform:rotateY(-9deg) rotateX(4deg) translateY(0)}50%{transform:rotateY(-5deg) rotateX(2deg) translateY(-12px)}}@keyframes cue{50%{transform:translateY(6px)}}@keyframes pick{50%{translate:0 -10px}}@keyframes tweak{50%{transform:translateX(125px)}}@keyframes confirm{0%,20%,100%{opacity:.3;transform:translateY(5px)}40%,80%{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes rain{to{transform:translateY(650px) rotate(260deg);opacity:.15}}@keyframes packet{0%{transform:translateX(0);opacity:0}20%,80%{opacity:1}100%{transform:translateX(65px);opacity:0}}@keyframes loop-node{0%,18%{color:#71bdff;transform:translateY(-3px)}20%,100%{color:var(--site-muted);transform:translateY(0)}}@keyframes terminal{to{transform:translateY(-50%)}}
@media(min-width:1500px){.hero{min-height:800px}}
@media(max-width:1000px){.section,.category-label{width:calc(100% - 48px)}.site-header{gap:18px}.site-header nav{gap:16px}.hero{gap:25px;padding-block:70px 90px;min-height:730px}.hero h1{font-size:70px}.hero-preview{height:300px}.orbit{inset:1% 2%}.orbit-two{inset:4% 5%}.chat-play{gap:35px}.agent-team{grid-template-columns:1fr 60px 1fr 60px 1fr}.packet-line{margin-right:10px}.packet-line span{font-size:8px}.build-evidence{gap:20px}.numbers strong{font-size:40px}.numbers>div{padding-left:16px}.numbers span{font-size:10px}}
@media(max-width:700px){.section,.category-label{width:calc(100% - 40px)}.site-header{padding:16px 20px;flex-wrap:wrap;gap:15px;justify-content:space-between}.brand{font-size:20px}.site-header nav{order:3;width:100%;justify-content:space-between;margin:0;gap:10px;font-size:12px}.motion-button{font-size:11px;padding:8px 12px}.hero{grid-template-columns:1fr;gap:55px;padding-top:44px;padding-bottom:85px;min-height:0}.hero h1{font-size:clamp(57px,12vw,82px)}.hero-intro{font-size:21px}.hero-description{font-size:14px;max-width:35ch}.hero-stage{margin:0 8px}.hero-stage:before{inset:-30px -20px}.hero-preview{height:285px}.stream-window{animation:none;transform:none}.stage-coordinate{margin-left:0}.stage-note{text-align:center;font-size:12px}.orbit{inset:1% 2%}.orbit-two{display:none}.scroll-cue{bottom:20px}.numbers{grid-template-columns:repeat(3,1fr);row-gap:25px;padding-block:28px}.numbers>div:nth-child(4){padding-left:0;border:0}.numbers strong{font-size:40px}.numbers span{font-size:11px}.setup,.chat-play,.demo,.codex,.gallery{padding-block:65px}.section-heading{display:block;margin-bottom:32px}.section-heading>p{margin-top:20px;font-size:13px}.steps{grid-template-columns:1fr;gap:25px}.step{display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.step-number{grid-column:1}.step h3{font-size:27px;grid-column:1;margin-top:18px}.step p{grid-column:1;font-size:12px;margin-bottom:0}.step-art{grid-column:2;grid-row:1/4;height:170px;align-self:center;margin:0}.pick-art i{width:57px;height:75px;font-size:15px;flex-shrink:0}.pick-art i:nth-child(2){transform:translate(-6px,-8px)}.pick-art i:nth-child(3){transform:translate(-12px,0) rotate(12deg)}.paste-art{font-size:11px}.paste-art span{padding:10px}.tweak-art span{width:80%}.tweak-art i{animation-name:tweak-small}.wall-foot{display:block;font-size:11px}.wall-foot a{display:inline-block;margin-top:16px}.skin-tile{width:245px}.chat-play{grid-template-columns:1fr;gap:28px}.play-copy h2{font-size:43px}.play-copy #play-status{margin-bottom:0}.demo{padding-top:10px}.demo-caption{padding:35px 12px 12px;justify-content:center}.demo-caption>span{display:none}.demo-caption .button{font-size:12px;padding:10px 16px;min-height:42px}.demo>.fine-print{font-size:10px}.agent-team{grid-template-columns:1fr;margin:30px 0}.agent{display:grid;grid-template-columns:65px 1fr;column-gap:15px}.agent-symbol{grid-row:1/5;align-self:center;font-size:44px}.agent>p:first-of-type{grid-column:2}.agent h3{font-size:32px}.agent>p:last-child{grid-column:2;max-width:35ch;margin-top:12px}.packet-line{width:1px;height:38px;margin:18px 0 18px 30px}.packet-line i{width:5px;height:7px;left:-2px;animation-name:packet-down}.packet-line span{top:10px;left:20px;font-size:10px}.build-loop{font-size:15px;gap:5px;padding:20px 0}.build-evidence{grid-template-columns:1fr;margin-top:30px}.session-card{padding:25px}.gallery{padding-top:0}.gallery-grid{grid-template-columns:1fr 1fr;gap:22px 14px}.gallery-item span{font-size:10px;gap:4px}.gallery-item:last-child img{aspect-ratio:1.7}.closing{padding-block:60px}.closing h2{font-size:70px}footer.section{gap:20px}footer p{max-width:100%;font-size:11px}footer nav{margin:0;width:100%}.lightbox-header h2{font-size:18px}.lightbox-header .button{font-size:12px;min-height:42px}dialog{padding:14px}.lightbox-navigation .button{font-size:11px;padding:10px 14px}.lightbox-navigation{gap:6px}}
@keyframes packet-down{0%{transform:translateY(0);opacity:0}20%,80%{opacity:1}100%{transform:translateY(38px);opacity:0}}@keyframes tweak-small{50%{transform:translateX(65px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.stream-window{transform:none}.marquee{overflow-x:auto}.terminal-viewport{overflow-y:auto;mask-image:none}.terminal-lines{transform:none}.marquee-group[aria-hidden]{display:none}.orbit{display:none}}
.motion-paused{scroll-behavior:auto}.motion-paused .marquee{overflow-x:auto}.motion-paused .marquee-track{transform:none;animation:none}.motion-paused .marquee-group[aria-hidden]{display:none}.motion-paused .terminal-viewport{overflow-y:auto}
/* Short categories still fill a complete marquee cycle on wide displays. */
.marquee-group{min-width:100vw;justify-content:space-around}
.motion-paused .terminal-lines{animation:none;transform:none}
.motion-paused .terminal-lines [aria-hidden]{display:none}
@media(prefers-reduced-motion:reduce){.terminal-lines [aria-hidden]{display:none}}

/* Keep decorative motion local to its clipping containers. */
:root{--marquee-duration:100s}
.hero{overflow:clip}
#skin-wall{width:100%;max-width:100%;min-width:0;overflow:hidden}
.wall-category{max-width:100%;min-width:0}

/* Live samples share the overlay canvas and panel layout before scaling into preview cards. */
.preview-measure.preview-virtual-stage{width:1280px;height:720px;max-width:none;transform-origin:top left;overflow:visible}
.preview-virtual-canvas.source{position:absolute;inset:0;width:1280px;height:720px;overflow:hidden;transform:none;container-type:size}
.preview-virtual-stage .preview-virtual-canvas .skin-live-preview{position:absolute!important;inset:auto!important;left:var(--inset,20px)!important;top:auto!important;bottom:var(--inset,20px)!important;width:var(--width,480px)!important;max-width:none!important;min-height:0!important;max-height:none!important;transform:none!important;overflow:visible!important;gap:var(--gap,8px)!important}
.preview-virtual-stage .skin-live-preview.has-frame-template{padding:0!important}
.preview-virtual-canvas.source[data-direction=top] .chat{top:var(--inset,20px)!important;bottom:auto!important;flex-direction:column-reverse}
.preview-virtual-canvas.source[data-alignment=center] .chat{left:50%!important;right:auto!important;transform:translateX(-50%)!important}
.preview-virtual-canvas.source[data-alignment=right] .chat{left:auto!important;right:var(--inset,20px)!important}
.preview-virtual-canvas.source[data-alignment=left] .chat{left:var(--inset,20px)!important;right:auto!important}
.preview-host.preview-loading .preview-virtual-stage{visibility:hidden}