.amelia-playground{--sample-bg:#fbfdff;--sample-panel:#fff;--sample-ink:#101e2b;--sample-muted:#607386;--sample-line:#dce5ec;min-height:100svh;color:var(--sample-ink);background-color:var(--sample-bg);background-image:linear-gradient(90deg,#204a7009 1px,transparent 1px),linear-gradient(#204a7009 1px,transparent 1px);background-size:80px 80px}.amelia-playground.sample-dark{--sample-bg:#0c1824;--sample-panel:#142330;--sample-ink:#f1f5f9;--sample-muted:#a0b1bf;--sample-line:#2a3c49;background-image:linear-gradient(90deg,#ffffff06 1px,transparent 1px),linear-gradient(#ffffff06 1px,transparent 1px)}.sample-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 5%;background:#0c1824;border-bottom:1px solid #ffffff16}.sample-muted{color:var(--sample-muted)}.sample-eyebrow{font-size:10px;letter-spacing:.18em;font-weight:700;color:#279863}.sample-panel{padding:24px;border:1px solid var(--sample-line);border-radius:24px;background:var(--sample-panel);box-shadow:0 8px 30px #101e2b05}.sample-stage{min-height:120px;display:flex;align-items:center;justify-content:center}.sample-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:12px 22px;border-radius:999px;background:#70e5a4;color:#0c1824;font-size:13px;font-weight:650;cursor:pointer;border:1px solid transparent;transition:transform .2s,box-shadow .2s,background .25s}.sample-button:disabled{opacity:.65;cursor:wait}.sample-button:focus-visible,.sample-control:focus-visible,.sample-favorite:focus-visible,.sample-area-card:focus-visible,.sample-tabs button:focus-visible,.sample-icon:focus-visible{outline:2px solid #27a068;outline-offset:4px}.sample-fill{background:var(--sample-bg);border-color:var(--sample-line);color:var(--sample-ink);overflow:hidden}.sample-fill:before{content:"";position:absolute;inset:0;background:#70e5a4;clip-path:circle(0% at 0% 50%);transition:clip-path .4s}.sample-fill span,.sample-fill svg{position:relative;transition:transform .3s}.sample-fill:hover:before,.sample-fill:focus-visible:before{clip-path:circle(150% at 0% 50%)}.sample-fill:hover,.sample-fill:focus-visible{color:#0c1824}.sample-fill:hover svg{transform:translate(3px)}.sample-press:hover{transform:translateY(-3px);box-shadow:0 10px 22px #43bd8033}.sample-press:active{transform:translateY(0) scale(.96);box-shadow:none}.sample-border{padding:2px;overflow:hidden;background:var(--sample-line);color:var(--sample-ink);isolation:isolate}.sample-border:before{content:"";position:absolute;width:260px;height:260px;background:conic-gradient(transparent 65%,#70e5a4,transparent 90%);opacity:0}.sample-border:hover:before,.sample-border:focus-visible:before{opacity:1;animation:sample-spin 2s linear infinite}.sample-border>span{position:relative;display:flex;align-items:center;gap:10px;border-radius:999px;padding:11px 20px;background:var(--sample-panel)}.sample-outline{border-color:var(--sample-line);background:transparent;color:var(--sample-ink)}.sample-outline:hover{background:#70e5a41a;border-color:#54c58b}.sample-control,.sample-icon{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--sample-line);border-radius:999px;padding:10px 15px;background:var(--sample-panel);font-size:12px;cursor:pointer}.sample-icon{padding:8px}.sample-favorite{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--sample-muted);cursor:pointer}.sample-favorite[aria-pressed=true]{color:#279863}.sample-spinner{animation:sample-spin 1s linear infinite}.sample-tabs{position:relative;display:flex;padding:4px;border:1px solid var(--sample-line);border-radius:999px;max-width:340px;background:var(--sample-bg)}.sample-tabs button{position:relative;flex:1;padding:10px 8px;font-size:13px;cursor:pointer;border-radius:999px}.sample-tabs button[aria-selected=true]{color:#0c1824;font-weight:650}.sample-tab-indicator{position:absolute;left:4px;top:4px;bottom:4px;width:calc((100% - 8px)/2);border-radius:999px;background:#70e5a4;transition:transform .25s ease}.sample-area-card{display:flex;align-items:center;gap:20px;width:100%;padding:26px;border:1px solid var(--sample-line);border-radius:20px;background:var(--sample-bg);cursor:pointer;transition:transform .25s,border-color .25s,box-shadow .25s}.sample-area-card>svg:first-child{color:#279863}.sample-area-card:hover{transform:translateY(-3px);border-color:#55c68b;box-shadow:0 8px 25px #70e5a416}.sample-card-arrow{transition:transform .25s}.sample-area-card:hover .sample-card-arrow{transform:translate(4px);color:#279863}.sample-dialog{border-radius:24px}.sample-dialog-dark{background:#142330;color:#f1f5f9;border-color:#2a3c49}.sample-dialog-dark p{color:#a0b1bf}@keyframes sample-spin{to{transform:rotate(360deg)}}.sample-no-motion *,.sample-no-motion *:before,.sample-no-motion *:after{animation:none!important;transition:none!important;translate:none!important}.sample-no-motion .sample-button,.sample-no-motion .sample-area-card,.sample-no-motion .sample-card-arrow{transform:none!important}@media(prefers-reduced-motion:reduce){.amelia-playground *,.amelia-playground *:before,.sample-dialog{animation:none!important;transition:none!important;translate:none!important}.sample-area-card,.sample-button,.sample-card-arrow{transform:none!important}}@media(max-width:480px){.sample-header{padding:18px 20px}.sample-header img{height:18px}.sample-header a{font-size:11px}.sample-panel{padding:20px}.sample-area-card{padding:18px;gap:12px}}