:root{color-scheme:dark;font-family:Inter,Manrope,"Segoe UI",Arial,sans-serif;background:#06070d;color:#f5f3f8}*{box-sizing:border-box}html{min-height:100%;background:#06070d}body{min-width:280px;min-height:100%;margin:0;background:radial-gradient(circle at 82% -4%,rgba(125,99,255,.2),transparent 30rem),linear-gradient(180deg,#0a0b15,#05060b);font-size:14px;-webkit-tap-highlight-color:transparent}.demo{width:min(100%,540px);min-height:100dvh;margin:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom))}.demo-head{position:sticky;z-index:10;top:0;min-height:64px;display:flex;align-items:center;justify-content:space-between;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(6,7,13,.9);backdrop-filter:blur(18px)}.demo-brand{display:flex;align-items:center;gap:9px}.demo-brand img{border:1px solid rgba(255,255,255,.22);border-radius:50%;object-fit:cover;box-shadow:0 0 22px rgba(176,153,255,.14)}.demo-brand span,.demo-brand strong,.demo-brand small{display:block}.demo-brand strong{font-size:12px}.demo-brand small{margin-top:2px;color:#818493;font-size:7px;letter-spacing:.11em;text-transform:uppercase}.local-status{display:flex;align-items:center;gap:6px;color:#a6a8b4;font-size:8px;font-weight:800}.local-status i{width:7px;height:7px;border-radius:50%;background:#65e8a0;box-shadow:0 0 13px rgba(101,232,160,.62)}.safety{margin:10px 12px;padding:9px 11px;border:1px solid rgba(145,125,255,.2);border-radius:12px;background:rgba(122,96,255,.07);color:#989baa;font-size:8px;line-height:1.45}.safety strong{color:#d9d3ff}.demo-stage{padding:4px 12px 26px}.photo-frame{position:relative;height:min(58dvh,590px);min-height:390px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:25px;background:radial-gradient(circle at 50% 30%,#242532,#090a10 72%);box-shadow:0 28px 80px rgba(0,0,0,.48);isolation:isolate}.photo-frame::after{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(3,4,8,.04) 55%,rgba(3,4,8,.56));pointer-events:none;content:""}.photo-frame>img{width:100%;height:100%;display:block;object-fit:contain;transition:filter .3s ease,opacity .3s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.photo-label{position:absolute;z-index:3;top:13px;left:13px;padding:7px 9px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(5,6,11,.7);color:#e7e5ee;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px)}.choice-sheet,.result-sheet{position:relative;z-index:4;margin:-28px 8px 0;padding:20px 16px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(158deg,rgba(18,19,30,.98),rgba(7,8,14,.99));box-shadow:0 26px 70px rgba(0,0,0,.5)}.choice-sheet>small,.result-sheet>small{color:#9f90ff;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.choice-sheet h1,.result-sheet h1{margin:8px 0 0;font-size:clamp(27px,8.4vw,38px);font-weight:420;line-height:.98;letter-spacing:-.05em}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.style-grid button{position:relative;min-height:88px;display:grid;grid-template-columns:16px minmax(0,1fr);gap:9px;align-items:start;padding:12px 10px;border:1px solid rgba(255,255,255,.09);border-radius:15px;background:rgba(255,255,255,.025);color:#d6d6df;text-align:left;cursor:pointer}.style-grid button>i{width:14px;height:14px;margin-top:1px;border:1px solid rgba(255,255,255,.26);border-radius:50%;box-shadow:inset 0 0 0 3px #11121b}.style-grid button>i.is-light{background:#d7c6ae}.style-grid button>i.is-dark{background:#16171b}.style-grid button span,.style-grid button strong,.style-grid button small{display:block}.style-grid button strong{font-size:10px;line-height:1.2}.style-grid button small{margin-top:5px;color:#858895;font-size:8px}.style-grid button em{position:absolute;right:9px;bottom:8px;color:#6f7180;font-size:7px;font-style:normal}.style-grid button.is-selected{border-color:rgba(164,146,255,.64);background:linear-gradient(145deg,rgba(136,108,255,.16),rgba(255,255,255,.025));box-shadow:0 0 24px rgba(112,83,255,.12)}.style-grid button.is-selected>i{box-shadow:inset 0 0 0 3px #11121b,0 0 12px rgba(161,142,255,.5)}.style-grid button.is-selected em{color:#bdb2ff}.primary-action,.secondary-action,.close-action{width:100%;min-height:52px;margin-top:12px;border-radius:999px;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.primary-action{display:flex;align-items:center;justify-content:space-between;padding:0 17px;border:1px solid rgba(255,255,255,.46);background:linear-gradient(112deg,#7761ff,#ded8ff 50%,#83e5ff);background-size:200% 100%;color:#090a12;box-shadow:0 14px 32px rgba(91,68,211,.22)}.primary-action:disabled{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.045);color:#6f7180;box-shadow:none;cursor:not-allowed}.secondary-action{border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);color:#f2f0f7}.close-action{min-height:38px;margin-top:5px;border:0;background:transparent;color:#818391}.result-sheet p{margin:12px 0 0;color:#979aa8;font-size:9px;line-height:1.55}.paradigma-loader{position:absolute;z-index:8;inset:0;display:grid;grid-template-rows:1fr auto auto auto 1fr;place-items:center;padding:34px;background:radial-gradient(circle at 50% 39%,rgba(135,112,255,.22),transparent 35%),rgba(4,5,10,.96);text-align:center}.paradigma-loader[hidden]{display:none}.paradigma-loader__mark{position:relative;align-self:end;width:108px;aspect-ratio:1;display:grid;place-items:center}.paradigma-loader__mark::before,.paradigma-loader__mark::after{position:absolute;inset:-12px;border:1px solid rgba(181,166,255,.24);border-radius:50%;content:"";animation:loader-ring 2s ease-in-out infinite}.paradigma-loader__mark::after{inset:-28px;border-color:rgba(181,166,255,.1);animation-delay:-1s}.paradigma-loader__mark video{width:80px;height:80px;display:block;border:1px solid rgba(255,255,255,.25);border-radius:50%;object-fit:cover;box-shadow:0 0 40px rgba(128,99,255,.28);mix-blend-mode:screen}.paradigma-loader__mark>i{position:absolute;inset:7px;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.4),transparent 22%);mix-blend-mode:screen;animation:loader-spin 1.2s linear infinite}.paradigma-loader>strong{margin-top:42px;font-size:13px}.paradigma-loader>small{margin-top:10px;color:#777a89;font-size:7px;letter-spacing:.11em;text-transform:uppercase}.paradigma-loader__progress{width:min(100%,230px);height:3px;overflow:hidden;margin-top:16px;border-radius:999px;background:rgba(255,255,255,.1)}.paradigma-loader__progress i{width:100%;height:100%;display:block;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#7d67ff,#e6dfff,#72dfff);animation:loader-progress 2s linear forwards}.demo[data-demo-state="loading"] .photo-frame>img{filter:blur(8px) brightness(.45);transform:scale(1.035)}.demo[data-demo-state="result"] .photo-frame>img{animation:result-reveal .55s ease both}@keyframes loader-progress{to{transform:scaleX(1)}}@keyframes loader-ring{0%,100%{transform:scale(.94);opacity:.42}50%{transform:scale(1.05);opacity:1}}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes result-reveal{from{transform:scale(1.035);filter:brightness(.4);opacity:.35}to{transform:none;filter:none;opacity:1}}@media(min-width:480px){.demo-stage{padding-inline:20px}.choice-sheet,.result-sheet{margin-inline:18px}}@media(prefers-reduced-motion:reduce){.paradigma-loader__mark::before,.paradigma-loader__mark::after,.paradigma-loader__mark>i,.paradigma-loader__progress i,.demo[data-demo-state="result"] .photo-frame>img{animation:none}.paradigma-loader__progress i{transform:scaleX(1)}}