.device-macbook{position:relative;border-radius:26px;padding:16px;background:rgba(10,14,28,.9);border:1px solid rgba(51,65,85,.45);box-shadow:0 40px 110px rgba(0,0,0,.65),inset 0 0 0 1px rgba(51,65,85,.28)}.device-screen{position:relative;border-radius:18px;overflow:hidden;background:rgba(2,6,23,.95);border:1px solid rgba(51,65,85,.55)}.demo-root{position:relative;border-radius:18px}.demo-shell{display:flex;flex-direction:column;overflow:hidden;height:44rem}.demo-content{flex:1 1 auto}.demo-table{height:176px}.demo-table-scroll{height:100%;overflow-x:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.demo-table td,.demo-table th{white-space:nowrap}.demo-titlebar{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(30,41,59,.75);background:rgba(2,6,23,.7);backdrop-filter:blur(10px)}@media (min-width:1024px){.demo-shell{height:32rem}.demo-details-card{height:100%}}.demo-traffic{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.demo-dot{width:10px;height:10px;border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.35)}.demo-dot--red{background:#ff5f57}.demo-dot--yellow{background:#febc2e}.demo-dot--green{background:#28c840}.demo-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border-radius:12px;border:1px solid rgba(51,65,85,.7);background:rgba(15,23,42,.55);color:rgba(226,232,240,.92);font-size:12px;line-height:1;transition:transform .24s ease,background .24s ease,border-color .24s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-btn:hover{background:rgba(30,41,59,.55);border-color:rgba(71,85,105,.85)}.demo-btn:active{transform:translateY(1px)}.demo-btn[disabled]{opacity:.5;pointer-events:none}.demo-btn--primary{background:rgba(37,99,235,.22);border-color:rgba(37,99,235,.4)}.demo-btn--primary:hover{background:rgba(37,99,235,.3);border-color:rgba(96,165,250,.55)}.demo-btn--ghost{background:rgba(2,6,23,.25)}.demo-btn--tiny{padding:6px 8px;border-radius:10px;font-size:11px;min-width:56px}.demo-details-action{min-width:56px}.demo-badge{display:inline-flex;align-items:center;justify-content:center;min-width:78px;border-radius:9999px;font-size:.75rem;line-height:1rem;font-weight:700;padding:.125rem .5rem;letter-spacing:.04em}.badge-starting{background:rgba(56,189,248,.12);color:#38bdf8}.badge-stopping{background:rgba(244,63,94,.12);color:#fb7185}.badge-creating{background:rgba(168,85,247,.12);color:#c084fc}.demo-row{transition:background .24s ease,box-shadow .32s ease}.demo-row.is-selected{background:rgba(30,41,59,.28)}.demo-row.is-flash{animation:demoRowFlash 1.4s ease-out}@keyframes demoRowFlash{0%{background:rgba(56,189,248,.16);box-shadow:inset 0 0 0 1px rgba(56,189,248,.25)}to{background:rgba(30,41,59,0);box-shadow:inset 0 0 0 1px rgba(56,189,248,0)}}.demo-code{margin:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;line-height:1.35;color:rgba(226,232,240,.92)}.demo-code::-webkit-scrollbar{height:0}.demo-toasts{position:absolute;top:62px;right:14px;display:flex;flex-direction:column;gap:10px;z-index:30;pointer-events:none}.demo-toast{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(51,65,85,.65);background:rgba(2,6,23,.75);backdrop-filter:blur(10px);box-shadow:0 20px 50px rgba(0,0,0,.55);font-size:11px;color:rgba(226,232,240,.92);opacity:1;transform:translateY(0);animation:demoToast 4.8s ease-out forwards}.demo-toast:before{content:"";width:8px;height:8px;border-radius:9999px;background:rgba(56,189,248,.9);box-shadow:0 0 0 3px rgba(56,189,248,.15)}.demo-toast--ok:before{background:rgba(52,211,153,.95);box-shadow:0 0 0 3px rgba(52,211,153,.15)}.demo-toast--warn:before{background:rgba(251,191,36,.95);box-shadow:0 0 0 3px rgba(251,191,36,.15)}@keyframes demoToast{0%{opacity:0;transform:translateY(-8px)}12%{opacity:1;transform:translateY(0)}80%{opacity:1}to{opacity:0;transform:translateY(-8px)}}.demo-modal{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(2,6,23,.72);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .32s ease;z-index:40}.demo-modal.is-open{opacity:1;pointer-events:auto}.demo-modal-card{width:min(420px,calc(100% - 28px));border-radius:16px;border:1px solid rgba(51,65,85,.7);background:rgba(8,10,24,.92);box-shadow:0 30px 90px rgba(0,0,0,.7);transform:translateY(8px) scale(.98);transition:transform .36s ease}.demo-modal.is-open .demo-modal-card{transform:translateY(0) scale(1)}.demo-cursor{position:absolute;left:0;top:0;z-index:50;pointer-events:none;transform:translate3d(40px,70px,0);transition:transform .64s cubic-bezier(.2,.85,.2,1)}.demo-cursor-inner{width:16px;height:22px;transform-origin:20% 10%;filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}.demo-cursor.is-clicking .demo-cursor-inner{animation:demoCursorClick .28s ease-out}@keyframes demoCursorClick{0%{transform:scale(1)}50%{transform:scale(.86)}to{transform:scale(1)}}.demo-click-ring{position:absolute;left:0;top:0;width:18px;height:18px;border-radius:9999px;border:1px solid rgba(226,232,240,.7);box-shadow:0 0 0 8px rgba(226,232,240,.08);opacity:0;transform:translate(-50%,-50%) scale(.35);pointer-events:none;z-index:49}.demo-click-ring.is-active{animation:demoClickRing .52s ease-out}@keyframes demoClickRing{0%{opacity:.65;transform:translate(-50%,-50%) scale(.35)}to{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@media (prefers-reduced-motion:reduce){.demo-click-ring,.demo-cursor{display:none!important}.demo-toast{animation:none!important;opacity:1;transform:none}}.econ-bar-shine{position:relative;overflow:hidden}.econ-bar-shine:after{content:"";position:absolute;inset:0;left:-35%;width:35%;opacity:0;transform:skewX(-18deg);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.24) 45%,hsla(0,0%,100%,0));pointer-events:none}.econ-bar-shine.is-animating:after{animation:econBarShine 1.1s ease-out var(--econ-shine-delay,.18s) 1}@keyframes econBarShine{0%{transform:translateX(0) skewX(-18deg);opacity:0}12%{opacity:.22}to{transform:translateX(380%) skewX(-18deg);opacity:0}}@media (prefers-reduced-motion:reduce){.econ-bar-shine.is-animating:after{animation:none}}.econ-usage-line{opacity:0;transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:econUsageLineReveal 1.15s cubic-bezier(.2,.9,.2,1) 1 forwards;animation-play-state:paused}.econ-usage-line.is-animating{animation-play-state:running}.econ-usage-area{opacity:0;transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:econUsageAreaReveal 1.1s cubic-bezier(.2,.9,.2,1) 1 forwards;animation-play-state:paused;filter:saturate(1.05);pointer-events:none}.econ-usage-area.is-animating{animation-play-state:running}.econ-usage-fill{opacity:0;transform-box:fill-box;transform-origin:left center;transform:scaleX(0);animation:econUsageFillReveal 1.1s cubic-bezier(.2,.9,.2,1) 1 forwards;animation-play-state:paused;pointer-events:none}.econ-usage-fill.is-animating{animation-play-state:running}.econ-usage-text{opacity:0;transform:translateX(-8px);transform-box:fill-box;transform-origin:center;animation:econUsageTextReveal .55s cubic-bezier(.2,.9,.2,1) 1 forwards;animation-play-state:paused}.econ-usage-text.is-animating{animation-play-state:running}.econ-usage-marker{opacity:0;transform-box:fill-box;transform:translateX(-4px) translateY(-2px) scale(.985);animation:econUsageMarkerReveal .65s cubic-bezier(.2,.9,.2,1) 1 forwards;animation-play-state:paused}.econ-usage-marker.is-animating{animation-play-state:running}@keyframes econUsageLineReveal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes econUsageAreaReveal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes econUsageFillReveal{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes econUsageTextReveal{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes econUsageMarkerReveal{0%{opacity:0;transform:translateX(-4px) translateY(-2px) scale(.985)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){.econ-usage-area,.econ-usage-fill,.econ-usage-line,.econ-usage-marker,.econ-usage-text{animation:none!important;animation-play-state:paused!important;opacity:1!important;transform:none!important}}.term-cursor{display:inline-block;width:.9ch;transform:translateY(1px);animation:termBlink 1s step-end infinite}.term-line-in{animation:termLineIn .24s ease-out both}@keyframes termBlink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes termLineIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}