.db{--z:.74;position:relative}.db .db-layer{display:grid;place-items:center}@media(max-width:520px){.db{--z:.68}}.db.compare{--x:50%;width:100%;height:100%;border-radius:20px;overflow:hidden;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none}.db.compare .db-layer{position:absolute;inset:0}.db .db-spec{clip-path:inset(0 calc(100% - var(--x)) 0 0);background-color:var(--db-canvas);background-image:radial-gradient(var(--db-dot) 1px,transparent 1.2px);background-size:16px 16px}.db .sdp{position:relative;zoom:var(--z);width:414px;height:868px;padding:12px;border-radius:58px;background:#0e0e10;box-shadow:inset 0 0 0 1.5px #2a2a30,0 40px 80px -30px #000c;cursor:auto}.db .sdp-scr{position:relative;isolation:isolate;width:390px;height:844px;border-radius:46px;overflow:hidden;background:#fff;font-family:Inter,system-ui,sans-serif;color:#414651}.db .sd-sb{height:50px;display:flex;align-items:flex-end;justify-content:space-between;padding:0 30px 8px 36px;font:600 16px/1 -apple-system,Inter,sans-serif;color:#181d27}.db .sd-sbi{display:flex;align-items:flex-end;gap:2px}.db .sd-sbi i{width:3px;background:#181d27;border-radius:1px}.db .sd-sbi i:nth-child(1){height:4px}.db .sd-sbi i:nth-child(2){height:6px}.db .sd-sbi i:nth-child(3){height:8px}.db .sd-sbi i:nth-child(4){height:10px}.db .sd-sbi b{width:24px;height:11px;margin-left:6px;border-radius:3px;border:1.3px solid #181D27;box-shadow:inset 0 0 0 1.5px #fff;background:#181d27}.db .sd-hd{position:relative;flex:none;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 26px;border-bottom:1px solid #E9EAEB}.db .sd-hd .hd-t{position:relative;font:600 18px/28px Inter,sans-serif;color:#181d27}.db .sdp .ic{position:relative;display:flex;flex:none}.db .sd-screen{position:absolute;inset:50px 0 0;display:flex;flex-direction:column;background:#fff}.db .sd-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.db .sd-scroll::-webkit-scrollbar{display:none}.db .sd-body{position:relative;padding:24px}.db .sd-screen.in-r{animation:sd-in-r .4s var(--out) both;z-index:2;box-shadow:-10px 0 30px #0a0d121f}.db .sd-screen.out-l{animation:sd-out-l .4s var(--out) both}.db .sd-screen.in-l{animation:sd-in-l .4s var(--out) both}.db .sd-screen.out-r{animation:sd-out-r .4s var(--out) both;z-index:2;box-shadow:-10px 0 30px #0a0d121f}@keyframes sd-in-r{0%{transform:translate(100%)}}@keyframes sd-out-l{to{transform:translate(-30%)}}@keyframes sd-in-l{0%{transform:translate(-30%)}}@keyframes sd-out-r{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.db .sd-screen.in-r,.db .sd-screen.out-l,.db .sd-screen.in-l,.db .sd-screen.out-r{animation-duration:.01s}}.db .sd-date{position:relative;width:fit-content;font:400 16px/24px Inter,sans-serif;color:#535862}.db .sd-title{position:relative;width:fit-content;padding:4px 0 8px;font:700 20px/24px Plus Jakarta Sans,sans-serif;color:#252b37}.db .sd-loc{position:relative;display:flex;align-items:center;gap:8px;margin-top:-2px;font:500 16px/24px Inter,sans-serif;color:#535862}.db .sd-metrics{position:relative;display:flex;justify-content:space-between;margin-bottom:24px}.db .sd-metrics.first{margin-top:32px}.db .sd-metrics .m{flex:1}.db .sdp .mv{position:relative;font:700 20px/30px Plus Jakarta Sans,sans-serif;color:#252b37}.db .sdp .mu{font:600 14px/20px Plus Jakarta Sans,sans-serif;margin-left:4px}.db .sdp .ml{position:relative;font:500 14px/20px Inter,sans-serif;color:#717680}.db .sd-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:11px 2px;border-radius:10px;font:500 16px/24px Inter,sans-serif;transition:background .15s}.db .sd-btn.sd-pri{background:#44408f;color:#fff}.db .sd-body>.sd-btn.sd-pri{margin-bottom:16px}.db .db-build .sd-btn.sd-pri:not([disabled]):active{background:#383673}.db .sd-btn.sd-pri[disabled]{background:#f5f5f5;color:#a4a7ae}.db .sd-btn.sd-gray{background:#fff;border:1px solid #D5D7DA;color:#414651;box-shadow:0 1px 3px #0a0d120d}.db .db-build .sd-btn.sd-gray:not([disabled]):active{background:#fafafa}.db .sd-btn.sd-gray.on{color:#383673}.db .sd-btn.sd-gray.on:before,.db .ac-sw.on:before{content:"";position:absolute;inset:-3px;border:2px solid #655DBE;border-radius:12px;pointer-events:none}.db .sd-btn.sd-gray[disabled]{background:#fafafa;border-color:#e9eaeb;color:#a4a7ae;box-shadow:none}.db .sd-btn.sd-gray.ph{background:#fff}.db .sd-tr.fresh{animation:sd-fresh 1.6s ease-out}@keyframes sd-fresh{0%,30%{background:#f3f3fc}to{background:transparent}}.db .sd-div{position:relative;height:1px;background:#e9eaeb;margin-bottom:20px}.db .sd-tabs{position:relative;display:flex;padding:4px;border-radius:12px;background:#f3f3fc;margin-bottom:12px}.db .sd-tabs button{flex:1;padding:10px 12px;border-radius:8px;font:600 14px/20px Plus Jakarta Sans,sans-serif;color:#655dbe;transition:background .2s,box-shadow .2s}.db .sd-tabs button.on{background:#fff;box-shadow:0 1px 2px #0a0d120d}.db .sd-th,.db .sd-tr{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:8px}.db .sdp .c1{width:100px;flex:none}.db .sdp .c2{min-width:48px}.db .sdp .c3{min-width:56px}.db .sdp .c4{min-width:72px}.db .sd-th.name,.db .sd-tr.name{justify-content:flex-start}.db .sd-th{padding-bottom:12px;font:500 14px/20px Inter,sans-serif;color:#535862}.db .sd-tr{padding:8px 8px 8px 0;font:400 16px/24px Inter,sans-serif;color:#414651}.db .sdp .c1{display:flex;align-items:center}.db .sdp .ix{width:24px;margin-right:4px;text-align:center}.db .sdp .rt{text-align:right}.db .sdp .res{font:inherit;color:inherit;border-radius:6px;padding:0 2px;margin-right:-2px;transition:background .15s}.db .db-build .sdp .res:hover{background:#f5f5f5}.db .sdp .badge{position:relative;min-width:72px;padding:8px 12px;border-radius:8px;text-align:center;font:600 16px/24px Inter,sans-serif;color:#fff}.db .sd-tr.name .nm{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db .db-spec .sdp-scr{box-shadow:0 0 0 1.5px #0d99ff}.db .db-spec{pointer-events:none}.db .frame-label{position:absolute;left:14px;top:-26px;font:500 13px/1 Inter,sans-serif;font-style:normal;color:#0d99ff;white-space:nowrap}.db .db-div{position:absolute;top:0;bottom:0;left:var(--x);width:2px;margin-left:-1px;background:var(--db-line);box-shadow:0 0 0 1px #0003;z-index:5;outline:none;pointer-events:none;transition:opacity .3s}.db .db-div .knob{position:absolute;pointer-events:auto;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:#fff;box-shadow:0 6px 18px -6px #0009;display:flex;align-items:center;justify-content:center;gap:5px;transition:transform .3s var(--spring)}.db .db-div .knob i{width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent}.db .db-div .knob i:first-child{border-right:6px solid #111}.db .db-div .knob i:last-child{border-left:6px solid #111}.db.dragging .knob,.db .db-div:focus-visible .knob{transform:scale(1.12)}.db .db-div:focus-visible .knob{box-shadow:0 0 0 3px var(--accent)}.db .db-tag{position:absolute;top:16px;z-index:4;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:99px;pointer-events:none}.db .db-tag.l{left:16px;pointer-events:auto;cursor:pointer;background:#0d99ff26;color:#5cbbff;box-shadow:0 0 0 1px #0d99ff66}.db .db-tag.r{right:16px;background:var(--db-tag-bg);color:var(--db-tag-ink);box-shadow:0 0 0 1px var(--db-tag-ring)}.db .ac-hd{padding:0 16px}.db .ac-hd button{position:relative;width:90px;padding:8px;font:500 16px/24px Inter,sans-serif;color:#535862;text-align:left}.db .ac-hd .ac-save{font-weight:600;color:#44408f;text-align:right}.db .ac-hd .ac-save.busy{color:#a4a7ae}.db .ac-body{padding-bottom:88px}.db .ac-sec{position:relative;margin-bottom:24px}.db .ac-lab{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.db .ac-l{position:relative;display:flex;align-items:center;gap:6px;font:500 16px/24px Inter,sans-serif;color:#252b37}.db .ac-info{position:relative;display:flex}.db .ac-link{position:relative;display:flex;align-items:center;font:600 14px/20px Inter,sans-serif;color:#5049ac}.db .ac-link.off{color:#a4a7ae;opacity:.5}.db .ac-cb{width:20px;height:20px;margin-left:6px;border-radius:4px;border:2px solid #9B98DC;display:grid;place-items:center;font-style:normal;transition:background .15s,border-color .15s}.db .ac-cb.on{background:#5049ac;border-color:#5049ac}.db .ac-row{position:relative;display:flex;gap:8px}.db .ac-row>.sd-btn{flex:1;min-width:0}.db .ac-grid{display:flex;flex-wrap:wrap;gap:8px}.db .ac-grid>.sd-btn{width:calc((100% - 32px)/5)}.db .ac-hr{position:relative;height:1px;background:#d5d7da;margin:12px 0}.db .ac-colors{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:8px}.db .ac-sw{position:relative;width:18%;padding:12px 4px;border-radius:8px;background:var(--c);border:1px solid var(--c);color:#fff;font:500 16px/24px Inter,sans-serif;text-align:center}.db .ac-sw.wht{border-color:#d5d7da;color:#252b37}.db .ac-sw.none{--c:#D5D7DA;width:100%;margin-top:10px;background:#fff;color:#414651}.db .ac-res{position:relative;display:flex;flex-direction:column;gap:12px}.db .ac-ib{padding:12px;gap:6px}.db .ac-ib svg{flex:none}.db .ac-ib.on svg{color:#383673}.db .ac-in{position:relative;display:flex;align-items:center;height:50px;padding:0 14px;border:1px solid #D5D7DA;border-radius:8px;background:#fff}.db .ac-in input{flex:1;min-width:0;border:0;outline:0;background:none;font:400 18px/22px Inter,sans-serif;color:#181d27}.db .ac-in input::placeholder{color:#717680}.db .db-build .ac-in:focus-within{border-color:#9b98dc;box-shadow:0 0 0 4px #f3f3fc}.db .ac-sum{position:relative;display:flex;align-items:center;padding:12px;border-radius:12px;background:#fafafa;border:1px solid #D5D7DA;box-shadow:0 1px 3px #0a0d120d;font:500 16px/24px Inter,sans-serif;color:#252b37}.db .ac-sb{display:flex;align-items:center;width:72px;margin-right:12px}.db .ac-sum .badge{width:72px;min-width:72px;padding:8px 0}.db .ac-p{width:20px;height:20px;margin-left:-9px;border-radius:50%;border:2px solid #fff;background:#d9d8f4;color:#383673;display:grid;place-items:center;font:700 12px/14px Inter,sans-serif;font-style:normal;flex:none;position:relative;z-index:1}.db .ac-st{width:48px;margin-right:6px;text-align:center}.db .ac-sh{width:56px;margin-right:12px;text-align:center}.db .ac-sr{flex:1}.db .spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:sd-spin .7s linear infinite}.db .spin.dk{border-color:#e9eaeb;border-top-color:#414651}@keyframes sd-spin{to{transform:rotate(360deg)}}.db .ac-snack{position:absolute;left:16px;right:16px;bottom:34px;z-index:3;padding:16px;border-radius:8px;background:#f3f3fc;color:#383673;font:500 16px/24px Inter,sans-serif;box-shadow:0 12px 16px -4px #0a0d1214,0 4px 6px -2px #0a0d1208;animation:sd-snack .35s var(--out) both;transition:opacity .3s,transform .3s}.db .ac-snack.gone{opacity:0;transform:translateY(12px)}@keyframes sd-snack{0%{opacity:0;transform:translateY(16px)}}.db .sel{position:absolute;z-index:6;pointer-events:none;border:1.5px solid #0D99FF;border-radius:2px;transition:left .35s var(--out),top .35s var(--out),width .35s var(--out),height .35s var(--out)}.db .sel .h{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid #0D99FF;border-radius:1px}.db .sel .tl{left:-5px;top:-5px}.db .sel .tr{right:-5px;top:-5px}.db .sel .bl{left:-5px;bottom:-5px}.db .sel .br{right:-5px;bottom:-5px}.db .sel-name{position:absolute;left:-1px;bottom:calc(100% + 8px);font:600 14px/1 Inter,sans-serif;color:#0d99ff;white-space:nowrap}.db .sel-dim{position:absolute;left:-1px;top:calc(100% + 8px);padding:3px 7px;border-radius:4px;background:#0d99ff;color:#fff;font:600 13px/1.2 Inter,sans-serif;white-space:nowrap}.db .insp{position:absolute;left:16px;z-index:6;padding:12px 12px 6px;border-radius:10px;background:#fff;color:#1e1e1e;box-shadow:0 0 0 1px #0000000f,0 12px 28px -12px #00000059;font:500 11.5px/1.35 Inter,sans-serif;pointer-events:none;animation:insp-in .3s var(--out) both;transition:top .35s var(--out)}.db .insp b{display:block;margin-bottom:8px;font:600 12px/1.2 Inter,sans-serif}.db .insp div{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid #EFEFEF}.db .insp span{color:#8a8a8a;flex:none}.db .insp em{font-style:normal;text-align:right;display:flex;align-items:center;gap:5px}.db .insp em i{width:10px;height:10px;border-radius:3px;box-shadow:inset 0 0 0 1px #0000001f;flex:none}@keyframes insp-in{0%{opacity:0;transform:translateY(4px)}}.db .db-spec.asm .sdp-scr,.db .db-spec.asm .sd-screen,.db .db-spec.asm .sd-scroll{overflow:visible}.db .db-spec.asm [data-part]{position:relative;z-index:3;outline:2px solid #9747FF;outline-offset:6px;border-radius:6px;transition:outline-color .4s}.db .db-spec.asm [data-part]:after{content:attr(data-part);position:absolute;left:-4px;top:-38px;font:600 22px/1 Inter,sans-serif;color:#9747ff;white-space:nowrap;transition:opacity .3s}.db .db-spec.asm.settle [data-part]{outline-color:transparent}.db .db-spec.asm.settle [data-part]:after{opacity:0}.db .db-spec.asm .sdp-scr,.db .db-spec.asm .sd-screen{background:transparent}.db .db-spec.asm .sdp-scr:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:46px;background:#fff}.db.intro .db-div{opacity:0}