@font-face{font-family:Manrope;src:url('assets/font-1.woff2') format('woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Manrope;src:url('assets/font-2.woff2') format('woff2');font-weight:200 800;font-display:swap}:root{color-scheme:dark;--bg:#060e20;--card:#141a2a;--raised:#1e293e;--border:#30384b;--text:#f0f2f8;--muted:#9396a9;--primary:#7d9aef;--input:#0c1223}*{box-sizing:border-box}body{margin:0;font:14px/1.5 Manrope,'Segoe UI',sans-serif;background:var(--bg);color:var(--text)}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{position:absolute;width:0;height:0;overflow:hidden}.demo-banner{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:center;gap:12px;min-height:32px;padding:6px 15px;background:#322914;color:#ffe5a1;border-bottom:1px solid #78602e;font:11px/1.5 Manrope,sans-serif}.demo-banner strong{letter-spacing:.8px}.demo-banner span{color:#e1cfaa}header{height:65px;border-bottom:1px solid #ffffff12;background:var(--bg)}.header-inner{max-width:896px;padding:0 16px;height:64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:15px}.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text)}.brand img{height:56px;width:56px;object-fit:contain;filter:brightness(0) invert(1)}.brand strong{font-size:16px;font-weight:800;letter-spacing:-.4px}.brand small{display:block;font-size:10px;font-weight:600;letter-spacing:1px;color:var(--primary);margin-top:-4px}nav{display:flex;gap:8px;align-items:center}nav button{display:flex;align-items:center;gap:6px;border:1px solid #ffffff09;border-radius:24px;padding:8px 10px;font-size:12px;font-weight:600;background:var(--raised);white-space:nowrap}nav svg{color:#92a3e7;width:16px;height:16px}#security svg{color:#e23365}#theme{padding:9px}#theme svg{color:#ddbc6e}main{max-width:1152px;padding:24px 24px 0;margin:auto}.hero{text-align:center}.hub{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;position:relative;border-radius:24px;isolation:isolate;overflow:hidden;font-size:12px;font-weight:600;line-height:20px;letter-spacing:-.25px}.hub::before{content:'';position:absolute;inset:-400px;background:conic-gradient(#e74369 0deg 110deg,#e5d847 112deg 227deg,#45ad8c 230deg 310deg,#e74369 313deg 360deg);z-index:-2;animation:orbit 4s linear infinite}.hub::after{content:'';position:absolute;inset:2px;border-radius:inherit;background:var(--bg);z-index:-1}.hub svg{width:15px;height:15px;color:#5ab5a6}h1{font-size:36px;line-height:40px;font-weight:800;letter-spacing:-1.1px;margin:13px 0 13px}h2{font-size:16px;line-height:24px;font-weight:600;margin:0 0 6px}.hero p{font-size:14px;color:var(--muted);margin:0}.panels{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;margin-top:36px}.card{background:var(--card);border:1px solid var(--border);border-radius:32px;padding:28px;min-height:456px;box-shadow:inset 0 1px 0 #ffffff03}.entry{display:flex;flex-direction:column}.modes{display:flex;border-radius:28px;padding:5px;background:var(--raised);margin-bottom:23px;min-height:48px}.modes button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;border-radius:23px;padding:8px 4px;font-size:12px;font-weight:600;color:#a1a9bd}.modes button[aria-selected=true]{color:#9eaff9;background:#030d20;box-shadow:0 1px 3px #0003}.modes svg{width:16px;height:16px}.mode-panel{width:100%;padding:8px 0}.muted{color:var(--muted);font-size:12px;line-height:19.5px;margin:0 0 16px}form{margin-top:16px}label{display:block;font-size:11px;font-weight:700;margin-bottom:7px}.input-wrap{position:relative}.input-wrap input{width:100%;min-height:47px;border-radius:23px;border:1px solid #34394e;background:var(--input);color:var(--text);padding:12px 43px 12px 16px;font-size:13px;outline:none}.input-wrap input::placeholder{color:#83889e}.input-wrap input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7c9aed1a}.input-wrap svg{position:absolute;right:15px;top:14px;color:#8d95ad}.primary{min-height:43px;border-radius:23px;background:var(--primary);color:#142646;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:13px;font-weight:600;box-shadow:0 3px 8px #5d78d425;padding:10px 16px}form .primary{margin-top:23px}.primary svg{width:17px;height:17px}.primary:hover{filter:brightness(1.06)}button:focus-visible,a:focus-visible,.file-link:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.result{display:flex;flex-direction:column;background:radial-gradient(at bottom left,#123b3d50,transparent 57%),radial-gradient(at top right,#32426a35,transparent 55%),var(--card)}.result-top{display:flex;justify-content:space-between;align-items:center}.result-top>span{display:flex;align-items:center;gap:4px;color:#9cacfd;font-size:11px;font-weight:700;border:1px solid #45507066;border-radius:20px;background:#313d6240;padding:3px 10px}.result-top span svg{width:15px;height:15px;color:#64c3ad}.result-top>svg{color:#58617e}.result-body{flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.empty{text-align:center;width:100%;padding-top:55px}.empty-shield{width:48px;height:48px;display:block;margin:0 auto 15px;color:#263454}.prompts{min-height:75px;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:prompt-enter .7s ease}.prompts h2{font-size:16px;color:#9aa7cb}.prompts p{font-size:12px;line-height:19px;color:#7d8ba8;margin:0;max-width:360px}.dots{display:flex;align-items:center;justify-content:center;gap:5px;height:25px;margin:4px auto 17px}.dots button{height:6px;width:6px;background:#3a4564;border-radius:8px;padding:0;transition:width .3s}.dots button.active{width:24px;background:var(--primary);box-shadow:0 0 14px #7d9aef30}.examples-label{font-size:11px;color:#b3b6c7;margin:0 0 8px}.examples{display:flex;gap:8px;justify-content:center}.examples button{font-size:12px;font-weight:700;background:#2c3448;border-radius:18px;border:1px solid #ffffff08;padding:6px 12px}.examples span{margin-left:5px;color:#8996b2}.certification{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid #ffffff0b;padding-top:16px;margin-top:22px;font-size:11px;color:#a9aebd;flex-wrap:wrap}.certification svg{width:14px;height:14px;color:#32c4a4}.certification small{font-size:9px;opacity:.8}.divider{position:absolute;width:1px;background:linear-gradient(transparent,#6b759944,transparent);height:65%;left:50%;top:18%;display:grid;place-items:center}.divider span{padding:5px;background:#142535;border-radius:50%;width:27px;height:27px;display:grid;place-items:center}.divider svg{color:#59b9a3;width:17px;height:17px}footer{font-size:11px;text-align:center;color:var(--muted);padding:18px 15px 12px}footer button{color:#9eadfd;padding:0;font-size:11px;font-weight:600}footer p{font-size:9px;margin:4px 0 0;color:#60687e}.step-tabs{display:none}.center{text-align:center}.center svg{vertical-align:middle;margin-right:5px}.camera-box{height:300px;background:#000;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:16px auto;position:relative;overflow:hidden;width:min(100%,340px)}.camera-box>svg{width:38px;height:38px;color:#e65775;margin-bottom:10px}.camera-box p{font-size:12px;padding:0 20px;text-align:center;color:#afb7cd}.camera-box video{position:absolute;width:100%;height:100%;object-fit:cover}.file-link{color:var(--primary);text-decoration:underline;text-align:center;font-size:11px;cursor:pointer;font-weight:400;margin:12px 0}.history-head{display:flex;align-items:center;justify-content:space-between}.history-row{display:block;text-align:left;background:var(--raised);border:1px solid var(--border);width:100%;border-radius:12px;padding:12px;margin:10px 0}.simulation{color:#ebca82;font-size:12px;background:#a77d1720;border:1px solid #aa852a50;border-radius:12px;padding:12px}.details{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:22px 0}.details dt{font-size:11px;color:var(--muted)}.details dd{margin:4px 0 0;font-size:14px;font-weight:700;overflow-wrap:anywhere}dialog{background:var(--card);border:1px solid var(--border);border-radius:28px;color:var(--text);padding:32px;width:min(550px,calc(100% - 30px));max-height:85vh;overflow:auto}dialog::backdrop{background:#020815d9;backdrop-filter:blur(6px)}dialog .close{position:absolute;right:15px;top:13px;font-size:24px}dialog p{color:var(--muted);font-size:13px}dialog .simulation{color:#ebca82}#resultContent{width:100%;padding-top:20px}body.light{color-scheme:light;--bg:#f7f8fc;--card:#fff;--raised:#eaf0f8;--border:#dce1ed;--text:#18263c;--muted:#6b758a;--input:#f9fbff;--primary:#7294e8}.light .brand img{filter:none}.light .modes button[aria-selected=true]{background:white;color:#4269c1}.light .prompts h2{color:#4b648c}.light .empty-shield{color:#aebfdd}.light .result{background:radial-gradient(at bottom left,#c9ece533,transparent 57%),var(--card)}.light .certification{border-top-color:#dde3ee}.light .input-wrap input{border-color:#cfd8e8}[hidden]{display:none!important}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes prompt-enter{from{opacity:.1;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1023px){header .header-inner{max-width:100%}.panels{display:block;margin-top:0}.result{display:none}.panels.show-result .entry{display:none}.panels.show-result .result{display:flex}.divider{display:none}main{max-width:860px}.step-tabs{display:flex;max-width:448px;margin:35px auto 30px;gap:0;border-radius:30px;padding:6px;border:1px solid var(--border);background:var(--card)}.step-tabs button{display:flex;align-items:center;justify-content:center;flex:1;gap:10px;border-radius:24px;padding:9px;font-size:13px;font-weight:600;color:#a7acbd}.step-tabs button[aria-selected=true]{background:var(--primary);color:#10294e}.step-tabs svg{width:16px;height:16px}h1{font-size:30px;line-height:36px}.entry{min-height:460px}.modes{margin-bottom:31px}.demo-banner{font-size:10px}.result-body{min-height:310px}}@media(max-width:600px){.demo-banner{display:block;text-align:center;font-size:9px;line-height:14px}.demo-banner span{display:block;font-size:9px}.header-inner{padding:0 12px}.brand img{width:42px;height:48px}.brand strong{font-size:14px}.brand small{font-size:8px}nav{gap:5px}nav button{padding:8px}nav button span{display:none}#language span{display:inline}main{padding:24px 14px 0}.hub{font-size:11px}h1{font-size:25px;line-height:32px;letter-spacing:-.8px;margin:15px 0 10px}.hero p{font-size:12px}.card{padding:24px 20px;border-radius:28px}.modes button{font-size:11px;gap:6px}.step-tabs{margin:29px auto 25px}h2{font-size:16px}.mode-panel h2:not(.center){text-align:center}.mode-panel>.muted{text-align:center}.camera-box{height:260px}footer{font-size:10px}footer button{font-size:10px}.certification{font-size:10px}}@media(prefers-reduced-motion:reduce){.hub::before,.prompts{animation:none}}