.demo-artwork{display:block;width:100%;height:auto;overflow:visible}.demo-artwork-object{transform-origin:center;animation:demo-art-in var(--ea-duration-slow) var(--ea-easing-out) both}.demo-playground{min-width:0;padding:var(--ea-space-5);background:var(--ea-ui-action-soft);border:1px solid var(--ea-ui-border);border-radius:calc(var(--ea-radius-3xl) + var(--ea-space-2))}.demo-playground-top{justify-content:space-between;margin-bottom:var(--ea-space-5);color:var(--ea-ui-text-secondary);font-size:var(--ea-font-size-overline);letter-spacing:var(--ea-font-tracking-overline)}.demo-playground-top,.demo-playground-top>span{display:flex;align-items:center;gap:var(--ea-space-2)}.demo-playground-top>span:last-child{letter-spacing:normal;font-size:var(--ea-font-size-caption)}.demo-playground-top i{width:var(--ea-space-1_5);height:var(--ea-space-1_5);background:var(--ea-ui-link);border-radius:var(--ea-radius-full)}.demo-playground-tabs{display:flex;gap:var(--ea-space-1);margin-bottom:var(--ea-space-5)}.demo-playground-tabs button{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;gap:var(--ea-space-2);min-height:var(--ea-size-control-md);padding:var(--ea-space-2);border:1px solid transparent;border-radius:var(--ea-radius-full);background:transparent;color:var(--ea-ui-text-secondary);font:inherit;font-size:var(--ea-font-size-label);cursor:pointer;transition:background var(--ea-duration-fast)}.demo-playground-tabs button[aria-pressed=true]{background:var(--ea-ui-surface);border-color:var(--ea-ui-border);color:var(--ea-ui-link);box-shadow:var(--ea-shadow-xs)}.demo-playground-scene{position:relative;padding-bottom:var(--ea-space-6)}.demo-playground-browser{width:100%;border:1px solid var(--ea-ui-border-strong);border-radius:var(--ea-radius-xl);overflow:hidden;background:var(--ea-ui-surface);box-shadow:var(--ea-shadow-lg);transition:width var(--ea-duration-slow);margin:auto}.demo-playground-chrome{display:flex;align-items:center;justify-content:space-between;gap:var(--ea-space-2);padding:var(--ea-space-2) var(--ea-space-3);font-size:var(--ea-font-size-overline);color:var(--ea-ui-text-muted);background:var(--ea-ui-canvas);border-bottom:1px solid var(--ea-ui-border)}.demo-playground-chrome>span:first-child{color:var(--ea-ui-border-strong);letter-spacing:var(--ea-space-0_5)}.demo-playground-page{animation:demo-art-in var(--ea-duration-slow) ease both}.demo-playground-brand{display:flex;justify-content:space-between;align-items:center;padding:var(--ea-space-4);gap:var(--ea-space-2);color:var(--ea-ui-text)}.demo-playground-brand strong{font-size:var(--ea-font-size-md);letter-spacing:var(--ea-font-tracking-title)}.demo-playground-brand>span{font-size:var(--ea-font-size-overline)}.demo-playground-cover{position:relative;isolation:isolate;min-height:calc(var(--ea-space-30) * 2);overflow:hidden}.demo-playground-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.demo-playground-cover:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--ea-ui-shell-bg),transparent);opacity:.72}.demo-playground-cover>div{padding:var(--ea-space-7);color:var(--ea-ui-shell-text)}.demo-playground-cover div>span:first-child{font-size:var(--ea-font-size-overline);letter-spacing:var(--ea-font-tracking-overline)}.demo-playground-cover h3{margin:var(--ea-space-4) 0 var(--ea-space-5);font-size:var(--ea-font-size-2xl);line-height:var(--ea-font-line-height-tight);letter-spacing:var(--ea-font-tracking-display);font-weight:var(--ea-font-weight-medium)}.demo-playground-site-cta{display:inline-flex;align-items:center;gap:var(--ea-space-2);padding:var(--ea-space-2_5) var(--ea-space-3);border-radius:var(--ea-radius-sm);font-size:var(--ea-font-size-caption);background:var(--ea-ui-shell-button);color:var(--ea-ui-shell-button-text)}.demo-playground-page-bottom{display:flex;justify-content:space-between;gap:var(--ea-space-2);padding:var(--ea-space-4);font-size:var(--ea-font-size-overline);color:var(--ea-ui-text-secondary)}.demo-playground-page-bottom>span:first-child{display:flex;gap:var(--ea-space-1);align-items:center}.demo-playground-callout{display:flex;align-items:center;flex-wrap:wrap;gap:var(--ea-space-3);position:relative;margin:calc(-1 * var(--ea-space-2)) var(--ea-space-3) 0;padding:var(--ea-space-4);background:var(--ea-ui-surface-raised);border:1px solid var(--ea-ui-border);border-radius:var(--ea-radius-2xl);box-shadow:var(--ea-shadow-md);animation:demo-art-in var(--ea-duration-slow) ease both}.demo-playground-callout-icon{display:grid;place-items:center;width:var(--ea-size-control-md);height:var(--ea-size-control-md);background:var(--ea-ui-action-soft);color:var(--ea-ui-link);border-radius:var(--ea-radius-lg);flex-shrink:0}.demo-playground-callout>div{flex:1;min-width:0}.demo-playground-callout strong{display:block;color:var(--ea-ui-text);font-size:var(--ea-font-size-sm)}.demo-playground-callout div>span{display:block;margin-top:var(--ea-space-1);color:var(--ea-ui-text-muted);font-size:var(--ea-font-size-caption);line-height:var(--ea-font-line-height-normal)}.demo-playground-callout button{display:flex;align-items:center;justify-content:center;gap:var(--ea-space-2);width:100%;min-height:var(--ea-size-control-md);padding:var(--ea-space-2);border:1px solid var(--ea-ui-border-strong);border-radius:var(--ea-radius-lg);color:var(--ea-ui-link);background:var(--ea-ui-surface);font:inherit;font-size:var(--ea-font-size-label);cursor:pointer}.demo-playground-disclaimer{color:var(--ea-ui-text-secondary);font-size:var(--ea-font-size-caption);line-height:var(--ea-font-line-height-normal);margin:0;text-align:center}.demo-playground-catalog{padding:var(--ea-space-4);background:var(--ea-ui-bg);min-height:calc(var(--ea-space-30) * 2)}.demo-playground-catalog>span{font-size:var(--ea-font-size-overline);letter-spacing:var(--ea-font-tracking-overline);color:var(--ea-ui-link)}.demo-playground-catalog h3{margin:var(--ea-space-2) 0 var(--ea-space-4);font-size:var(--ea-font-size-xl);letter-spacing:var(--ea-font-tracking-title);color:var(--ea-ui-text)}.demo-playground-catalog>div{display:grid;grid-template-columns:1fr 1fr;gap:var(--ea-space-3)}.demo-playground-catalog article{overflow:hidden;background:var(--ea-ui-surface);border:1px solid var(--ea-ui-border);border-radius:var(--ea-radius-lg);padding-bottom:var(--ea-space-3)}.demo-playground-catalog article img{width:100%;height:var(--ea-space-24);object-fit:cover}.demo-playground-catalog :is(strong,small){display:block;padding-inline:var(--ea-space-3);font-size:var(--ea-font-size-caption);margin-top:var(--ea-space-2);color:var(--ea-ui-text)}.demo-playground-catalog small{color:var(--ea-ui-text-muted);font-size:var(--ea-font-size-overline)}.demo-playground-scene[data-phone=true] .demo-playground-browser{width:70%;border-radius:var(--ea-radius-3xl)}.demo-playground-scene[data-phone=true] .demo-playground-brand>span,.demo-playground-scene[data-phone=true] .demo-playground-page-bottom>span:last-child{display:none}.demo-playground :is(button,a):focus-visible{outline:2px solid var(--ea-ui-focus-ring);outline-offset:var(--ea-space-1)}@keyframes demo-art-in{0%{opacity:0;transform:translateY(var(--ea-space-2))}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){.demo-playground{padding:var(--ea-space-3)}.demo-playground-top{letter-spacing:normal}.demo-playground-top>span:last-child{display:none}.demo-playground-tabs button{flex-direction:column;gap:var(--ea-space-1);font-size:var(--ea-font-size-caption)}.demo-playground-cover>div{padding:var(--ea-space-5)}.demo-playground-cover h3{font-size:var(--ea-font-size-xl)}.demo-playground-page-bottom>span:last-child{display:none}.demo-playground-callout{margin-inline:0}}@media(prefers-reduced-motion:reduce){.demo-artwork-object,.demo-playground *{animation:none!important;transition:none!important}}