.design-site{--paper:#fafafb;--card:#fff;--surface:#f1f2f5;--surface-2:#e8e9ee;--ink:#101114;--ink-2:#2a2c33;--muted:#6b6f78;--rule:#d8dae0;--rule-2:#b9bcc5;--accent:#5e6ad2;--accent-ink:#4a55c0;--accent-wash:#e2e4f8;--accent-wash-2:#c9cdf2;--hover:#1011140f;--press:#1011141a;--hover-edge:0 0 0 .5px var(--rule-2), 0 1px 3px #0e111614;--signal:#10b981;--signal-wash:#d1fae5;--warn:#f59e0b;--warn-wash:#fef3c7;--danger:#f43f5e;--danger-wash:#ffe4e6;--n1:#5e6ad2;--n2:#0891b2;--n3:#10b981;--n4:#f59e0b;--n5:#ef4444;--n6:#a855f7;--n7:#3b82f6;--n8:#14b8a6;--sans:"Geist", ui-sans-serif, system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, monospace;--t-display:44px/1.06 var(--sans);--t-h1:36px/1.08 var(--sans);--t-h2:24px/1.14 var(--sans);--t-h3:18px/1.2 var(--sans);--t-body:14px/1.5 var(--sans);--t-label:13.5px/1.4 var(--sans);--t-caption:12px/1.4 var(--sans);--t-meta:11.5px/1.4 var(--mono);--t-kicker:11px/1.4 var(--mono);--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--r-sm:3px;--r:6px;--r-lg:10px;--r-xl:16px;--e-raised:0 1px 2px #0e11160a, 0 4px 16px -8px #0e11161a;--e-floating:0 12px 32px -8px #0e11162e, 0 2px 6px #0e11160f;--ease:cubic-bezier(.2, 0, 0, 1);--dur:.16s}:where(.design-site) *{box-sizing:border-box}.design-site,.design-site{margin:0}.design-site{background:var(--paper);color:var(--ink);font:var(--t-body);-webkit-font-smoothing:antialiased}:where(.design-site) h1,:where(.design-site) h2,:where(.design-site) h3,:where(.design-site) h4,:where(.design-site) h5,:where(.design-site) h6,:where(.design-site) p,:where(.design-site) ul,:where(.design-site) ol{margin:0}:where(.design-site) button,:where(.design-site) input,:where(.design-site) textarea{font:inherit;color:inherit}:where(.design-site) a{color:inherit;text-decoration:none}@media (prefers-reduced-motion:reduce){:where(.design-site) *{transition:none!important;animation:none!important}}:where(.design-site) .kicker{font:500 var(--t-kicker);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}:where(.design-site) .meta{font:var(--t-meta);color:var(--muted);letter-spacing:.04em}:where(.design-site) .mono{font-family:var(--mono)}:where(.design-site) .i{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}:where(.design-site) .i.sm{width:14px;height:14px}:where(.design-site) .i.lg{width:20px;height:20px}:where(.design-site) .ib{border-radius:var(--r);width:32px;height:32px;color:var(--muted);cursor:pointer;transition:background var(--dur) var(--ease), color var(--dur) var(--ease);background:0 0;border:0;place-items:center;display:inline-grid}:where(.design-site) .ib:hover:not(:disabled){background:var(--hover);color:var(--ink)}:where(.design-site) .ib.on{background:var(--accent-wash);color:var(--accent)}:where(.design-site) .ib.tint{color:var(--ink-2);background:0 0}:where(.design-site) .btn{justify-content:center;align-items:center;gap:var(--s2);height:38px;padding:0 var(--s4);border-radius:var(--r);font:500 var(--t-label);cursor:pointer;white-space:nowrap;letter-spacing:.01em;transition:all var(--dur) var(--ease);border:.5px solid #0000;display:inline-flex}:where(.design-site) .btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(.design-site) .btn-primary{background:var(--accent);color:#fff}:where(.design-site) .btn-primary:hover:not(:disabled){background:var(--accent-ink)}:where(.design-site) .btn-secondary{background:var(--card);border-color:var(--rule);color:var(--ink)}:where(.design-site) .btn-secondary:hover:not(:disabled){border-color:var(--ink)}:where(.design-site) .btn-ghost{color:var(--ink);background:0 0}:where(.design-site) .btn-ghost:hover:not(:disabled){background:var(--hover)}:where(.design-site) .btn-soft{background:var(--accent-wash);color:var(--accent)}:where(.design-site) .btn-lg{border-radius:var(--r-lg);height:44px;padding:0 20px;font-size:14.5px}:where(.design-site) .btn-sm{height:30px;padding:0 10px;font-size:12.5px}:where(.design-site) .btn[disabled]{opacity:.4;cursor:not-allowed}:where(.design-site) .btn-soft:hover:not(:disabled){background:var(--accent-wash-2)}:where(.design-site) .btn-primary:active:not(:disabled){background:var(--accent-ink);box-shadow:inset 0 0 0 1px var(--accent)}:where(.design-site) .btn-secondary:active:not(:disabled){background:var(--surface-2)}:where(.design-site) :is(.btn-ghost,.ib):active:not(:disabled){background:var(--press)}:where(.design-site) .ib:disabled{opacity:.4}:where(.design-site) .composer-bar span.sel{cursor:default}@media (prefers-reduced-motion:reduce){:where(.design-site) :is(.btn,.ib,.send,.seg button){transition:none}}:where(.design-site) .chip{border:.5px solid var(--rule);background:var(--card);height:30px;font:400 12.5px/1 var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all var(--dur) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}:where(.design-site) .chip:hover{border-color:var(--rule-2);box-shadow:var(--hover-edge);color:var(--ink)}:where(.design-site) .chip.ai{background:var(--accent-wash);color:var(--accent);font-family:var(--sans);border-color:#0000;font-size:12.5px;font-weight:500}:where(.design-site) .chip.ai:hover{background:var(--accent);color:#fff}:where(.design-site) .badge{height:22px;font:500 11px/1 var(--mono);letter-spacing:.04em;text-transform:uppercase;border-radius:3px;align-items:center;gap:5px;padding:0 8px;display:inline-flex}:where(.design-site) .badge-default{background:var(--surface);color:var(--muted)}:where(.design-site) .badge-accent{background:var(--accent-wash);color:var(--accent)}:where(.design-site) .badge-signal{background:var(--signal-wash);color:#047857}:where(.design-site) .badge-warn{background:var(--warn-wash);color:#b45309}:where(.design-site) .badge-danger{background:var(--danger-wash);color:#be123c}:where(.design-site) .kbd{min-width:22px;height:22px;font:500 11px/1 var(--mono);color:var(--ink-2);background:var(--surface);border:.5px solid var(--rule);border-bottom-width:2px;border-radius:3px;justify-content:center;align-items:center;padding:0 6px;display:inline-flex}:where(.design-site) .card{background:var(--card);border:.5px solid var(--rule);border-radius:var(--r-lg)}:where(.design-site) .card-raised{background:var(--card);border:.5px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--e-raised)}:where(.design-site) .composer{background:var(--card);border:.5px solid var(--rule);border-radius:var(--r-xl);box-shadow:var(--e-raised);padding:var(--s3) var(--s3) var(--s3) var(--s4)}:where(.design-site) .composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}:where(.design-site) .composer textarea{resize:none;width:100%;font:var(--t-body);min-height:48px;padding:var(--s1) 0;background:0 0;border:0;outline:0}:where(.design-site) .composer textarea::placeholder{color:var(--muted)}:where(.design-site) .composer-bar{align-items:center;gap:var(--s1);margin-top:var(--s2);display:flex}:where(.design-site) .composer-bar .grow{flex:1}:where(.design-site) .composer-bar .sel{border-radius:var(--r);height:30px;font:500 var(--t-caption);color:var(--ink-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}:where(.design-site) button.sel:hover:not(:disabled){background:var(--hover);color:var(--ink)}:where(.design-site) .send{border-radius:var(--r);background:var(--ink);color:#fff;cursor:pointer;border:0;place-items:center;width:32px;height:32px;display:grid}:where(.design-site) .send:hover:not(:disabled){background:var(--ink-2)}:where(.design-site) .send[disabled]{color:var(--muted);opacity:.45;background:0 0}:where(.design-site) .top{align-items:center;gap:var(--s2);height:52px;padding:0 var(--s4);background:var(--paper);display:flex}:where(.design-site) .top .brand{color:var(--ink);margin-right:var(--s3);align-items:center;gap:8px;display:inline-flex}:where(.design-site) .top .brand .mark{flex:none;width:24px;height:24px;display:block}:where(.design-site) .top .brand .word{font:600 18.5px/1 var(--sans);letter-spacing:-.02em}:where(.design-site) .top .brand .word span{font:500 18.5px/1 var(--mono);letter-spacing:-.01em}:where(.design-site) .top .nav{margin-left:var(--s2);gap:2px;display:inline-flex}:where(.design-site) .top .title{font:500 var(--t-label)}:where(.design-site) .top .meta.pill{background:var(--surface);letter-spacing:0;border-radius:999px;align-items:center;height:22px;margin-left:8px;padding:0 8px;display:inline-flex}:where(.design-site) .usage{border-radius:var(--r);background:var(--surface);height:28px;font:var(--t-meta);color:var(--ink-2);align-items:center;gap:6px;padding:0 10px;display:inline-flex}:where(.design-site) .usage .bar{background:var(--surface-2);border-radius:2px;width:56px;height:4px;overflow:hidden}:where(.design-site) .usage .bar i{background:var(--accent);height:100%;display:block}:where(.design-site) .avatar{background:var(--accent);width:28px;height:28px;font:500 12px/1 var(--sans);color:#fff;border-radius:50%;place-items:center;display:grid}:where(.design-site) .chead{align-items:center;gap:var(--s2);height:48px;padding:0 var(--s3) 0 var(--s2);background:0 0;display:flex}:where(.design-site) .chead .title{font:500 var(--t-label);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}:where(.design-site) .brand-mark{flex:none;width:22px;height:22px;display:block}:where(.design-site) .tabs{min-width:0;margin-right:var(--s2);align-self:stretch;align-items:stretch;gap:2px;display:flex}:where(.design-site) .tab{font:500 var(--t-label);color:var(--muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:8px;min-width:0;max-width:170px;padding:0 10px;display:inline-flex}:where(.design-site) .tab.on{flex:none;max-width:none}:where(.design-site) .tab .nm{text-overflow:ellipsis;min-width:0;overflow:hidden}:where(.design-site) .tabs{overflow:hidden}:where(.design-site) .vrail{white-space:nowrap;flex:none}:where(.design-site) .panelbar .right{flex:none}:where(.design-site) .tab i{border-radius:2px;flex:none;width:8px;height:8px}:where(.design-site) .tab .m{font:var(--t-meta);color:var(--muted)}:where(.design-site) .tab .v{background:var(--surface);height:20px;font:var(--t-meta);color:var(--muted);letter-spacing:0;border-radius:4px;align-items:center;gap:3px;padding:0 6px;display:inline-flex}:where(.design-site) .tab.on .v{color:var(--ink-2)}:where(.design-site) .tab .v.open{background:var(--accent-wash);color:var(--accent)}:where(.design-site) .tab.on{color:var(--ink);border-bottom-color:var(--accent)}:where(.design-site) .tab.on .m{color:var(--ink-2)}:where(.design-site) .tab .ib{width:20px;height:20px;margin-right:-6px}:where(.design-site) .tab.new{padding:0 8px}:where(.design-site) .vrail{border:.5px solid var(--rule);border-radius:var(--r);background:var(--card);height:30px;font:var(--t-meta);color:var(--ink-2);align-items:center;gap:2px;padding:0 4px;display:inline-flex}:where(.design-site) .vrail .v{padding:0 6px}:where(.design-site) .vrail .ib{width:24px;height:24px}:where(.design-site) .msgs{gap:var(--s3);align-content:start;display:grid}:where(.design-site) .u{background:var(--surface);max-width:86%;padding:var(--s2) var(--s3);font:var(--t-body);border-radius:14px 14px 4px;justify-self:end}:where(.design-site) .a{font:var(--t-body);color:var(--ink-2)}:where(.design-site) .a b{color:var(--ink);font-weight:500}:where(.design-site) .receipt{font:var(--t-meta);color:var(--muted);background:var(--surface);border-radius:var(--r);align-items:center;gap:6px;margin-top:6px;padding:4px 8px;display:inline-flex}:where(.design-site) .acard{border:.5px solid var(--rule);border-radius:var(--r-lg);background:var(--card);cursor:pointer;align-items:center;gap:10px;margin-top:8px;padding:10px 12px;display:flex}:where(.design-site) .acard .ic{border-radius:var(--r);background:var(--accent-wash);width:32px;height:32px;color:var(--accent);place-items:center;display:grid}:where(.design-site) .acard .t{font:500 var(--t-label)}:where(.design-site) .acard .m{font:var(--t-meta);color:var(--muted)}:where(.design-site) .acard.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-wash)}:where(.design-site) .stack{flex-wrap:wrap;gap:6px;display:flex}:where(.design-site) .canvas{background:var(--paper);background-image:radial-gradient(#e6e7ec 1px,#0000 1px);background-size:24px 24px;position:relative;overflow:hidden}:where(.design-site) .zoom{background:var(--card);border:.5px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--e-raised);font:var(--t-meta);color:var(--muted);align-items:center;gap:2px;padding:4px;display:flex;position:absolute;bottom:14px;right:16px}:where(.design-site) .zoom span{padding:0 8px}:where(.design-site) .hint{background:var(--card);border:.5px solid var(--rule);border-radius:var(--r);font:var(--t-meta);color:var(--muted);align-items:center;gap:8px;padding:6px 10px;display:inline-flex;position:absolute;bottom:14px;left:14px}:where(.design-site) .seltool{background:var(--card);border:.5px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--e-floating);align-items:center;gap:2px;padding:4px;display:inline-flex;position:absolute}:where(.design-site) .seltool .pb{border-radius:var(--r);height:28px;font:500 var(--t-caption);color:var(--ink-2);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0 10px;display:inline-flex}:where(.design-site) .seltool .pb:hover{background:var(--hover);color:var(--ink)}:where(.design-site) .seltool .pb.ai{background:var(--accent-wash);color:var(--accent)}:where(.design-site) .seltool .sep{background:var(--rule);width:.5px;height:18px;margin:0 4px}:where(.design-site) .status{background:var(--card);border:.5px solid var(--rule);border-radius:var(--r-lg);box-shadow:var(--e-raised);align-items:flex-start;gap:10px;max-width:360px;padding:10px 12px;display:flex;position:absolute}:where(.design-site) .status .ic{border-radius:var(--r);flex:none;place-items:center;width:26px;height:26px;display:grid}:where(.design-site) .status{z-index:6}:where(.design-site) .status.ok .ic{background:var(--signal-wash);color:#047857}:where(.design-site) .status.warn .ic{background:var(--warn-wash);color:#b45309}:where(.design-site) .status h5{font:500 var(--t-label)}:where(.design-site) .status p{font:var(--t-caption);color:var(--muted);margin-top:2px}:where(.design-site) .dg text{font:12px var(--sans);fill:var(--ink)}:where(.design-site) .dg .n{fill:#f1f5f9;stroke:#334155;stroke-width:1.25px}:where(.design-site) .dg .n[rx="18"]{fill:#dbeafe}:where(.design-site) .dg .d{fill:#fef3c7;stroke:#334155;stroke-width:1.25px}:where(.design-site) .dg text{fill:#0f172a}:where(.design-site) .dg .s{fill:var(--accent-wash);stroke:var(--accent);stroke-width:1px}:where(.design-site) .dg .e{fill:none;stroke:#64748b;stroke-width:1.25px;marker-end:url(#arr)}:where(.design-site) .dg .lbl{font:10.5px var(--mono);fill:var(--muted)}:where(.design-site) .dg .chg{fill:#ecfdf5;stroke:var(--signal);stroke-width:1.5px}:where(.design-site) .dg .sel{stroke:var(--accent);stroke-width:2px;stroke-dasharray:4 3;fill:none}:where(.design-site) .dg .ghost{fill:none;stroke:var(--rule-2);stroke-width:1px;stroke-dasharray:3 3}:where(.design-site) .note{z-index:5;background:var(--ink);color:#fff;width:20px;height:20px;font:600 11px/1 var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;box-shadow:0 0 0 2px #fff}:where(.design-site) .legend{z-index:5;border-radius:var(--r-lg);width:420px;box-shadow:var(--e-raised);font:12.5px/1.45 var(--sans);color:var(--ink-2);background:#fffbe6;border:.5px solid #e6d58a;padding:14px 16px;position:absolute}:where(.design-site) .legend h4{font:600 13px/1.3 var(--sans);color:var(--ink);margin-bottom:6px}:where(.design-site) .legend ol{padding-left:0;list-style:none}:where(.design-site) .legend li{margin:4px 0}:where(.design-site) .legend b{background:var(--ink);color:#fff;width:18px;height:18px;font:600 10px/1 var(--mono);border-radius:50%;place-items:center;margin-right:6px;display:inline-grid}:where(.design-site) .thumb{object-fit:contain;width:100%;height:100%;padding:8px;display:block}:where(.design-site) .design-site.nonotes[data-state] .note,:where(.design-site) .design-site.nonotes[data-state] .legend{display:none!important}:where(.design-site) .chead .home{border-radius:var(--r);width:32px;height:32px;transition:background var(--dur) var(--ease);flex:none;place-items:center;display:inline-grid}:where(.design-site) .chead .home:hover{background:var(--hover)}:where(.design-site) .chead .seg{border-radius:var(--r);background:var(--surface);flex:none;gap:2px;padding:2px;display:inline-flex}:where(.design-site) .chead .seg button{width:28px;height:26px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:grid}:where(.design-site) .chead .seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--e-raised)}:where(.design-site) .chead .seg button:hover{color:var(--ink)}:where(.design-site) .types{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}:where(.design-site) .types .k{font:var(--t-meta);color:var(--muted);margin-right:4px}:where(.design-site) .tp{border:.5px solid var(--rule);background:var(--card);height:34px;font:500 12.5px/1 var(--sans);color:var(--ink-2);cursor:pointer;transition:all var(--dur) var(--ease);border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 9px;display:inline-flex}:where(.design-site) .tp:hover{border-color:var(--accent);color:var(--accent)}:where(.design-site) .tp.all{color:var(--accent);border-style:dashed;padding:0 12px}:where(.design-site) .ti{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.design-site{--sky-a:#5e6ad24d;--sky-b:#7dc4ff52;--sky-c:#8fe3c842}:where(.design-site) .sky{pointer-events:none;z-index:0;background:radial-gradient(38% 58% at 18% 2%, var(--sky-b) 0, #7dc4ff00 100%), radial-gradient(44% 64% at 52% -4%, var(--sky-a) 0, #5e6ad200 100%), radial-gradient(38% 58% at 84% 4%, var(--sky-c) 0, #8fe3c800 100%);height:min(460px,80vw);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 40%,#0000);mask-image:linear-gradient(#000 40%,#0000)}:where(.design-site) .dots{background-image:radial-gradient(var(--rule) .7px, transparent .7px);background-size:18px 18px}:where(.design-site) .top.clear{z-index:1;background:0 0;position:relative}:where(.design-site) .composer.hero{box-shadow:0 0 0 .5px var(--rule), 0 1px 2px #0e11160a, 0 22px 48px -20px #5e6ad259;border-color:#0000;border-radius:18px;padding:16px 14px 12px 20px}:where(.design-site) .composer.hero:focus-within{box-shadow:0 0 0 .5px var(--accent), 0 0 0 5px var(--accent-wash), 0 22px 48px -20px #5e6ad266;border-color:#0000}:where(.design-site) .composer.hero textarea{min-height:56px;font-size:16px}:where(.design-site) .composer.hero textarea::placeholder{color:#8a8f99}:where(.design-site) .types.center{justify-content:center}.design-site{--ease-out:cubic-bezier(.2, .7, .2, 1);--d-fast:.28s;--d-slow:.6s;--grid:radial-gradient(#e3e5ea 1px, transparent 1px);scroll-behavior:smooth;background:var(--paper);background-image:radial-gradient(var(--rule) .7px, transparent .7px);background-size:18px 18px;position:relative;overflow-x:hidden}:where(.design-site) .wrap{width:min(1120px,100% - 32px);margin:0 auto;position:relative}:where(.design-site) .bg{pointer-events:none;background:url(/design/art/bg-hero.png) top/cover no-repeat;height:min(760px,120vw);position:absolute;top:0;left:0;right:0;-webkit-mask-image:linear-gradient(#000 50%,#0000);mask-image:linear-gradient(#000 50%,#0000)}:where(.design-site) .ghost{opacity:.07;pointer-events:none;filter:grayscale();width:520px;position:absolute;top:96px;-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000);mask-image:radial-gradient(closest-side,#000 40%,#0000)}:where(.design-site) .ghost.l{left:-120px}:where(.design-site) .ghost.r{top:140px;right:-140px}:where(.design-site) .top{height:60px;padding:0 24px}:where(.design-site) .top nav{gap:4px;margin-left:12px;display:flex}:where(.design-site) .top nav a{border-radius:var(--r);height:32px;font:500 var(--t-label);color:var(--ink-2);align-items:center;padding:0 10px;display:inline-flex}:where(.design-site) .top nav a:hover{color:var(--ink);background:var(--hover)}:where(.design-site) .top .right{align-items:center;gap:8px;margin-left:auto;display:flex}:where(.design-site) .kick{font:500 var(--t-kicker);letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}:where(.design-site) .rv{opacity:0;transition:opacity var(--d-slow) var(--ease-out), transform var(--d-slow) var(--ease-out);transform:translateY(10px)}:where(.design-site) .rv.in{opacity:1;transform:none}:where(.design-site) .hero.wrap{z-index:1;text-align:center;padding:76px 0 0;position:relative}:where(.design-site) .hero h1{font:600 66px/1 var(--sans);letter-spacing:-.036em;text-wrap:balance;max-width:820px;margin:18px auto 0}:where(.design-site) .hero .sub{font:400 17px/1.55 var(--sans);color:var(--ink-2);text-wrap:pretty;max-width:640px;margin:20px auto 0}:where(.design-site) .hero .composer.hero{text-align:left;width:min(820px,100%);margin:34px auto 0}:where(.design-site) .hero .composer textarea{min-height:56px;font-size:15.5px}:where(.design-site) .hero .types{justify-content:center;margin-top:14px}:where(.design-site) .hero .tp.all{color:var(--accent);border-style:dashed}:where(.design-site) .hero .fine{font:var(--t-meta);color:var(--muted);margin-top:14px}:where(.design-site) .stage{background:var(--paper);border:.5px solid var(--rule);width:min(1120px,100% - 32px);box-shadow:var(--e-floating);z-index:1;border-radius:18px;grid-template-columns:340px 1fr;height:660px;margin:52px auto 0;display:grid;position:relative;overflow:hidden}:where(.design-site) .rail{flex-direction:column;min-height:0;display:flex}:where(.design-site) .rail .hd,:where(.design-site) .cv .hd{height:48px;font:500 var(--t-label);color:var(--ink);flex:none;align-items:center;gap:10px;padding:0 14px;display:flex}:where(.design-site) .rail .hd .home{border-radius:var(--r);width:28px;height:28px;color:var(--muted);place-items:center;display:grid}:where(.design-site) .rail .msgs{scrollbar-width:none;flex-direction:column;flex:1;justify-content:flex-start;gap:10px;padding:14px;display:flex;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 22px);mask-image:linear-gradient(#0000,#000 22px)}:where(.design-site) .rail .msgs::-webkit-scrollbar{display:none}:where(.design-site) .rail .u{opacity:0;transform-origin:100% 100%;transition:opacity var(--d-fast) var(--ease-out), transform .4s var(--ease-out);color:var(--ink);border-radius:16px 16px 5px;align-self:flex-end;max-width:88%;padding:9px 13px;font-size:13.5px;line-height:1.5;transform:translateY(8px)scale(.98);box-shadow:inset 0 0 0 .5px #1011140a}:where(.design-site) .rail .u.in{opacity:1;transform:none}:where(.design-site) .rail .u .caret{background:var(--ink);vertical-align:-2px;width:1.5px;height:14px;margin-left:1px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}:where(.design-site) .rail .am{opacity:0;transition:opacity .4s var(--ease-out), transform .45s var(--ease-out);color:var(--ink-2);padding-left:26px;font-size:13.5px;line-height:1.5;position:relative;transform:translateY(6px)}:where(.design-site) .rail .am .amark{width:17px;height:17px;color:var(--accent);position:absolute;top:0;left:0}:where(.design-site) .rail .am.in{opacity:1;transform:none}:where(.design-site) .rail .am .st{font:var(--t-meta);color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;display:flex}:where(.design-site) .rail .am .st .dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}:where(.design-site) .rail .am.settled .st .dot{background:#2eaa6f;animation:none}:where(.design-site) .rail .am .st .sh{background:linear-gradient(90deg, var(--muted) 30%, var(--ink) 50%, var(--muted) 70%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite shimmer}:where(.design-site) .rail .am.settled .st .sh{color:var(--muted);background:0 0;animation:none}@keyframes shimmer{to{background-position:-200% 0}}@keyframes pulse{50%{opacity:.35;transform:scale(.8)}}:where(.design-site) .rail .tx{opacity:0;transition:opacity .4s var(--ease-out);display:block}:where(.design-site) .rail .tx.in{opacity:1}:where(.design-site) .rail .acard{opacity:0;transition:opacity .35s var(--ease-out), transform .4s var(--ease-out);gap:10px;margin-top:10px;transform:translateY(4px)}:where(.design-site) .rail .acard.in{opacity:1;transform:none}:where(.design-site) .rail .acard .th{width:48px;height:34px;box-shadow:0 0 0 .5px var(--rule);color:var(--muted);background:#fff;border-radius:6px;flex:none;place-items:center;display:grid;overflow:hidden}:where(.design-site) .rail .acard .th svg{width:100%;height:100%;display:block}:where(.design-site) .rail .acard .th .ti{width:16px;height:16px}:where(.design-site) .rail .acard .tt{font:500 13px/1.3 var(--sans);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(.design-site) .rail .acard .tm{font:var(--t-meta);color:var(--muted);margin-top:2px}:where(.design-site) .rail .sugg{opacity:0;transition:opacity .4s var(--ease-out), transform .45s var(--ease-out);flex-direction:column;align-items:stretch;gap:2px;margin-top:2px;display:flex;transform:translateY(4px)}:where(.design-site) .rail .sugg.in{opacity:1;transform:none}:where(.design-site) .rail .sugg .k{font:500 var(--t-kicker);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}:where(.design-site) .rail .sugg .chip{height:30px;font:400 13px/1 var(--sans);color:var(--ink-2);text-overflow:ellipsis;background:0 0;border:0;border-radius:7px;justify-content:flex-start;gap:8px;max-width:100%;padding:0 8px;overflow:hidden}:where(.design-site) .rail .sugg .chip .i{width:13px;height:13px;color:var(--accent);flex:none}:where(.design-site) .rail .sugg .chip:hover{background:var(--hover);color:var(--ink)}:where(.design-site) .rail .foot{border:.5px solid var(--rule);background:var(--card);min-height:46px;font:400 13.5px/1.45 var(--sans);color:var(--ink);transition:border-color var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);border-radius:12px;flex:none;align-items:center;gap:8px;margin:0 12px 12px;padding:8px 8px 8px 12px;display:flex}:where(.design-site) .rail .foot.typing{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}:where(.design-site) .rail .foot .ph{color:var(--muted)}:where(.design-site) .rail .foot.typing .ph{display:none}:where(.design-site) .rail .foot .typed{flex:1;min-width:0}:where(.design-site) .rail .foot .send{width:28px;height:28px;color:var(--muted);opacity:.5;transition:all var(--d-fast) var(--ease-out);border-radius:8px;flex:none;place-items:center;margin-left:auto;display:grid}:where(.design-site) .rail .foot.typing .send{opacity:1;background:var(--ink);color:#fff}:where(.design-site) .cv{flex-direction:column;min-width:0;min-height:0;padding:0 10px 10px 0;display:flex}:where(.design-site) .cv .hd .ttl{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(.design-site) .cv .hd .ver{font:var(--t-meta);color:var(--muted);align-items:center;gap:6px;margin-left:8px;display:inline-flex}:where(.design-site) .cv .hd .ver b{font:500 11px/1 var(--mono);color:var(--accent);background:var(--accent-wash);letter-spacing:.04em;border-radius:4px;padding:4px 6px;display:inline-block}:where(.design-site) .cv .hd .ver b.pop{animation:pop .45s var(--ease-out)}@keyframes pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:none}}:where(.design-site) .cv .hd .tools{color:var(--muted);gap:2px;margin-left:auto;display:flex}:where(.design-site) .cv .hd .tools .ib{width:28px;height:28px}:where(.design-site) .cv .canvas{background-color:#fff;background-image:var(--grid);min-height:0;box-shadow:0 0 0 .5px var(--rule), 0 12px 32px -20px #0e111640;background-size:22px 22px;border-radius:14px;flex:1;place-items:center;padding:28px;display:grid;position:relative;overflow:hidden}:where(.design-site) .cv .canvas svg{grid-area:1/1;width:100%;height:100%;max-height:520px;display:block;overflow:visible}:where(.design-site) .cv .canvas svg.out{opacity:0;transition:opacity .35s var(--ease-out)}:where(.design-site) .cv .canvas svg.dim{opacity:.14;filter:grayscale();transition:opacity .6s var(--ease-out), filter .6s var(--ease-out)}:where(.design-site) .cv .canvas svg.dim.out{opacity:0}:where(.design-site) .stage .lt-sld-band-odd,:where(.design-site) .stage .lt-sld-band-even{fill:#0000}:where(.design-site) .cv .canvas svg .st{opacity:0}:where(.design-site) .cv .canvas svg .st.in{opacity:1;transition:opacity .28s var(--ease-out)}:where(.design-site) .cv .canvas svg .dr{stroke-dashoffset:var(--len);stroke-dasharray:var(--len)}:where(.design-site) .cv .canvas svg .dr.in{stroke-dashoffset:0;transition:stroke-dashoffset .55s var(--ease-out)}:where(.design-site) .cv .zoom{background:var(--card);border:.5px solid var(--rule);color:var(--muted);border-radius:8px;gap:2px;padding:2px;display:flex;position:absolute;bottom:24px;right:26px}:where(.design-site) .acts{z-index:1;justify-content:center;gap:6px;margin-top:16px;display:flex;position:relative}:where(.design-site) .at{height:32px;font:500 12.5px/1 var(--sans);color:var(--ink-2);cursor:pointer;transition:all var(--d-fast) var(--ease-out);background:0 0;border:.5px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:0 12px 0 9px;display:inline-flex}:where(.design-site) .at .ti{width:16px;height:16px}:where(.design-site) .at:hover{background:var(--hover);color:var(--ink)}:where(.design-site) .at.on{border-color:var(--rule);background:var(--card);color:var(--ink);box-shadow:var(--e-raised)}:where(.design-site) .at:focus-visible,:where(.design-site) .wi:focus-visible,:where(.design-site) .tile:focus-visible,:where(.design-site) .seg button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(.design-site) .stds{z-index:1;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 28px;margin:36px auto 0;display:flex;position:relative}:where(.design-site) .stds .k{font:500 var(--t-kicker);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);text-align:center;width:100%;margin-bottom:4px}:where(.design-site) .stds span:not(.k){font:500 13px/1 var(--mono);letter-spacing:.02em;color:var(--ink-2)}:where(.design-site) .sec{padding:128px 0 0}:where(.design-site) .sec .hd{max-width:720px;margin-bottom:36px}:where(.design-site) .sec .hd .kick{margin-bottom:14px;display:block}:where(.design-site) .sec h2{font:600 44px/1.05 var(--sans);letter-spacing:-.03em;text-wrap:balance}:where(.design-site) .sec .hd p{font:400 17px/1.55 var(--sans);color:var(--ink-2);text-wrap:pretty;max-width:600px;margin-top:14px}:where(.design-site) .sec.center .hd{text-align:center;margin-left:auto;margin-right:auto}:where(.design-site) .sec.center .hd p{margin-left:auto;margin-right:auto}:where(.design-site) .whoS{grid-template-columns:360px 1fr;align-items:start;gap:40px;display:grid}:where(.design-site) .wlist{flex-direction:column;gap:4px;display:flex}:where(.design-site) .wi{transition:background var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);border-radius:16px;padding:12px 14px}:where(.design-site) .wi.on{background:var(--card);box-shadow:0 0 0 .5px var(--rule), 0 18px 40px -26px #0e111647}:where(.design-site) .wi .wh{text-align:left;cursor:pointer;width:100%;color:var(--ink);background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}:where(.design-site) .wi .wh>.ti{background:var(--surface);width:34px;height:34px;color:var(--ink-2);transition:background var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);border-radius:10px;flex:none;padding:7px}:where(.design-site) .wi:not(.on) .wh:hover>.ti{background:var(--hover);color:var(--ink)}:where(.design-site) .wi.on .wh{align-items:flex-start}:where(.design-site) .wi.on .wh>.ti{background:var(--accent);color:#fff;box-shadow:0 8px 18px -10px #5e6ad2e6}:where(.design-site) .wi .tx{flex:1;grid-template-columns:1fr auto;align-items:baseline;gap:4px 10px;min-width:0;display:grid}:where(.design-site) .wi .tx b{font:600 15px/1.3 var(--sans);letter-spacing:-.012em}:where(.design-site) .wi .tx .cnt{font:500 10.5px/1 var(--mono);letter-spacing:.04em;color:var(--muted);white-space:nowrap;font-style:normal}:where(.design-site) .wi .tx>span{font:400 13px/1.5 var(--sans);color:var(--ink-2);grid-column:1/3;display:none}:where(.design-site) .wi.on .tx>span{display:block}:where(.design-site) .wi .tys{flex-wrap:wrap;gap:5px;margin:12px 0 2px 46px;display:none}:where(.design-site) .wi.on .tys{display:flex}:where(.design-site) .wi .tc{background:var(--surface);height:30px;font:500 12.5px/1 var(--sans);color:var(--ink-2);cursor:pointer;transition:background var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);border:0;border-radius:999px;align-items:center;gap:6px;padding:0 11px 0 8px;display:inline-flex}:where(.design-site) .wi .tc .ti{width:15px;height:15px;color:var(--muted)}:where(.design-site) .wi .tc:hover{background:var(--surface-2);color:var(--ink)}:where(.design-site) .wi .tc:hover .ti{color:var(--accent)}:where(.design-site) .wi .tc.on{background:var(--ink);color:#fff}:where(.design-site) .wi .tc.on .ti{color:#fff}:where(.design-site) .wi .tc:focus-visible,:where(.design-site) .wi .wh:focus-visible,:where(.design-site) .wnav .ib:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(.design-site) .wstage{height:620px;margin-bottom:18px;position:relative}:where(.design-site) .wstage:before,:where(.design-site) .wstage:after{content:"";box-shadow:0 0 0 .5px var(--rule);background:#fff;border-radius:22px;position:absolute}:where(.design-site) .wstage:before{opacity:.55;inset:14px 28px -16px}:where(.design-site) .wstage:after{opacity:.85;inset:7px 14px -8px}:where(.design-site) .wsheet{z-index:1;box-shadow:0 0 0 .5px var(--rule), 0 40px 80px -44px #0e111673, 0 2px 6px #0e11160a;background:#fff;border-radius:22px;grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;inset:0;overflow:hidden}:where(.design-site) .wsheet:before{content:"";pointer-events:none;background-image:radial-gradient(#dfe1e8 1px,#0000 1.2px);background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 90% at 50% 45%,#000 40%,#0000 85%);mask-image:radial-gradient(120% 90% at 50% 45%,#000 40%,#0000 85%)}:where(.design-site) .wtop{z-index:2;justify-content:space-between;align-items:center;padding:16px 16px 0 22px;display:flex;position:relative}:where(.design-site) .wfield{font:500 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:9px;display:inline-flex}:where(.design-site) .wfield i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-wash);border-radius:50%}:where(.design-site) .wnav{gap:4px;display:flex}:where(.design-site) .wnav .ib{background:var(--card);width:36px;height:36px;box-shadow:0 0 0 .5px var(--rule);color:var(--ink-2);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:relative}:where(.design-site) .wnav .ib:hover{background:var(--card);color:var(--ink);box-shadow:0 0 0 .5px var(--rule-2), 0 4px 10px -6px #0e11164d}:where(.design-site) .wnav .ib:active{background:var(--surface-2)}:where(.design-site) .wnav .ring{pointer-events:none;width:36px;height:36px;position:absolute;inset:0;transform:rotate(-90deg)}:where(.design-site) .wnav .ring circle{fill:none;stroke-width:2px}:where(.design-site) .wnav .ring circle:first-child{stroke:#0000}:where(.design-site) .wnav .ring .run{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px}:where(.design-site) .whoS.auto .wnav .ring .run.go{animation:4.2s linear forwards wring}:where(.design-site) .whoS.auto:hover .wnav .ring .run.go{animation-play-state:paused}@keyframes wring{to{stroke-dashoffset:0}}:where(.design-site) .wspecs{z-index:1;min-height:0;position:relative}:where(.design-site) .spec{opacity:0;visibility:hidden;transition:opacity .45s var(--ease-out), visibility 0s linear .45s;grid-template-rows:minmax(0,1fr) auto;margin:0;display:grid;position:absolute;inset:0}:where(.design-site) .spec.on{opacity:1;visibility:visible;transition:opacity .45s var(--ease-out)}:where(.design-site) .spec .wdraw{min-height:0;padding:14px 44px 18px}:where(.design-site) .spec .wdraw img{object-fit:contain;width:100%;height:100%;transition:transform .7s var(--ease-out);display:block;transform:scale(.98)}:where(.design-site) .spec.on .wdraw img{transform:none}:where(.design-site) .wtb{background:var(--paper);box-shadow:inset 0 0 0 .5px var(--rule);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;margin:0 14px 14px;padding:12px 18px 12px 12px;display:grid}:where(.design-site) .wtb .g{width:40px;height:40px;box-shadow:0 0 0 .5px var(--rule), 0 4px 10px -8px #0e111666;color:var(--accent);background:#fff;border-radius:11px;place-items:center;display:grid}:where(.design-site) .wtb .g .ti{width:22px;height:22px}:where(.design-site) .wtb .tt{gap:4px;min-width:0;display:grid}:where(.design-site) .wtb .tt b{font:600 15px/1.25 var(--sans);letter-spacing:-.012em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(.design-site) .wtb .tt span{font:400 12.5px/1.3 var(--sans);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(.design-site) .wtb .meta{box-shadow:inset .5px 0 0 var(--rule);justify-items:end;gap:5px;padding-left:18px;display:grid}:where(.design-site) .wtb .meta .k{font:500 9.5px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}:where(.design-site) .wtb .meta b{font:600 14px/1 var(--mono);color:var(--ink)}:where(.design-site) .wtb .meta b i{color:var(--muted);margin-left:3px;font-size:11.5px;font-style:normal;font-weight:500}:where(.design-site) .wtb .meta b.m{font:500 12px/1 var(--mono);color:var(--ink-2)}:where(.design-site) .cases{grid-template-columns:1fr 1fr;align-items:start;gap:20px;display:grid}:where(.design-site) .cases .col{gap:20px;display:grid}:where(.design-site) .case{background:var(--card);box-shadow:0 0 0 .5px var(--rule), var(--e-raised);border-radius:18px;overflow:hidden}:where(.design-site) .case .ch{font:500 14px/1 var(--sans);color:var(--ink);align-items:center;gap:8px;padding:18px 20px 0;display:flex}:where(.design-site) .case .ch .ti{width:18px;height:18px;color:var(--ink)}:where(.design-site) .case .ch span{color:var(--muted);font-weight:400;font:var(--t-meta);margin-left:auto}:where(.design-site) .case .u{background:var(--surface);max-width:88%;font:400 14px/1.5 var(--sans);color:var(--ink);border-radius:16px 16px 5px;margin:14px 20px 0 auto;padding:10px 14px}:where(.design-site) .case .pic{aspect-ratio:var(--ar,4/3);background:#fff;background-image:var(--grid);max-height:600px;box-shadow:inset 0 0 0 .5px var(--rule);background-size:20px 20px;border-radius:12px;margin:16px 14px 0;overflow:hidden}:where(.design-site) .case .pic img{object-fit:contain;width:100%;height:100%;padding:18px;display:block}:where(.design-site) .case .then{font:400 13.5px/1.4 var(--sans);color:var(--ink-2);align-items:center;gap:10px;padding:14px 20px 18px;display:flex}:where(.design-site) .case .then .k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-wash);border-radius:4px;flex:none;padding:4px 6px}:where(.design-site) .cmp{border-collapse:separate;border-spacing:0;background:var(--card);border:.5px solid var(--rule);width:100%;font:400 13.5px/1.4 var(--sans);box-shadow:var(--e-raised);border-radius:16px;overflow:hidden}:where(.design-site) .cmp th,:where(.design-site) .cmp td{text-align:left;border-bottom:.5px solid var(--rule);vertical-align:top;padding:15px 18px}:where(.design-site) .cmp tr:last-child td{border-bottom:0}:where(.design-site) .cmp th{font:500 12px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface)}:where(.design-site) .cmp th small{font:400 11px/1 var(--sans);text-transform:none;letter-spacing:0;margin-top:5px;display:block}:where(.design-site) .cmp td:first-child{color:var(--ink);font-weight:500}:where(.design-site) .cmp .no{color:var(--muted)}:where(.design-site) .cmp .part{color:var(--ink-2)}:where(.design-site) .cmp .yes{color:var(--ink)}:where(.design-site) .cmp .yes:before{content:"";vertical-align:1px;background:#2eaa6f;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}:where(.design-site) .cmp .no:before{content:"—";opacity:.6;margin-right:8px}:where(.design-site) .cmp .ours{background:var(--accent-wash)}:where(.design-site) .pipe{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;display:grid}:where(.design-site) .pipe>div{padding:0}:where(.design-site) .pipe .n{font:500 var(--t-meta);color:var(--accent)}:where(.design-site) .pipe h3{font:600 21px/1.2 var(--sans);letter-spacing:-.016em;margin-top:12px}:where(.design-site) .pipe p{font:400 14.5px/1.55 var(--sans);color:var(--ink-2);max-width:320px;margin-top:10px}:where(.design-site) #types{isolation:isolate;margin-top:128px;padding:88px 0 96px}:where(.design-site) #types:before{content:"";z-index:-1;background:linear-gradient(#f1f2f9,#f7f8fc);width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}:where(.design-site) .drawer{flex-direction:column;gap:6px;margin:0 calc(50% - 50vw);display:flex;overflow:hidden}:where(.design-site) .drawer .row{padding:14px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}:where(.design-site) .drawer .track{width:max-content;animation:drift var(--dur,160s) linear infinite;display:flex}:where(.design-site) .drawer .row[data-dir=r] .track{animation-direction:reverse}:where(.design-site) .drawer[data-paused=true] .track,:where(.design-site) .drawer .row:hover .track{animation-play-state:paused}:where(.design-site) .drawer .row:focus-within{overflow-x:auto;-webkit-mask-image:none;mask-image:none}:where(.design-site) .drawer .row:focus-within .track{animation:none}:where(.design-site) .drawer .row:focus-within .dup{display:none}:where(.design-site) .drawer .row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}:where(.design-site) .drawer-toggle{margin-bottom:var(--s4)}@media (prefers-reduced-motion:reduce),(max-width:960px){:where(.design-site) .drawer-toggle{display:none}}@keyframes drift{to{transform:translate(-50%)}}:where(.design-site) .dsh{--sh:230px;box-shadow:0 0 0 .5px var(--rule), 0 14px 34px -22px #0e11164d;color:var(--ink);transition:transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);background:#fff;border-radius:14px;flex-direction:column;flex:none;margin-right:18px;display:flex;overflow:hidden}:where(.design-site) .dsh:hover{box-shadow:0 0 0 .5px var(--rule), 0 24px 44px -22px #0e11166b;transform:translateY(-3px)}:where(.design-site) .dsh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(.design-site) .dsh .im{height:var(--sh);width:clamp(190px, calc(var(--sh) * var(--ar)), 660px);box-sizing:border-box;background-image:var(--grid);background-size:16px 16px;padding:14px 16px;display:block}:where(.design-site) .dsh .im img{object-fit:contain;width:100%;height:100%;display:block}:where(.design-site) .dsh .cap{flex-direction:column;gap:3px;min-width:0;padding:11px 16px 13px;display:flex}:where(.design-site) .dsh .cap b{font:600 13.5px/1.2 var(--sans);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:where(.design-site) .dsh .cap i{font:500 10.5px/1.3 var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-style:normal;overflow:hidden}:where(.design-site) .dlegend{font:500 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 18px;margin-top:26px;display:flex}:where(.design-site) .dlegend i{color:var(--muted-2,#a3a7b3);margin-left:5px;font-style:normal}:where(.design-site) .dlegend a{color:var(--accent);text-transform:none;letter-spacing:0;font:550 13px/1 var(--sans);flex-basis:100%;align-items:center;gap:6px;margin-top:4px;display:inline-flex}:where(.design-site) .dlegend a .i{width:14px;height:14px}@media (prefers-reduced-motion:reduce){:where(.design-site) .drawer .track{animation:none}:where(.design-site) .drawer .row{scrollbar-width:none;padding-left:16px;overflow-x:auto;-webkit-mask-image:none;mask-image:none}:where(.design-site) .dsh.dup{display:none}}@media (max-width:960px){:where(.design-site) .drawer .track{animation:none}:where(.design-site) .drawer .row{scrollbar-width:none;padding:8px 16px;overflow-x:auto;-webkit-mask-image:none;mask-image:none}:where(.design-site) .dsh.dup{display:none}:where(.design-site) .dsh{--sh:170px;margin-right:12px}:where(.design-site) .dsh .im{width:clamp(150px, calc(var(--sh) * var(--ar)), 480px)}}:where(.design-site) .tools{flex-wrap:wrap;gap:8px;display:flex}:where(.design-site) .tools a{height:38px;box-shadow:0 0 0 .5px var(--rule);font:500 13.5px/1 var(--sans);color:var(--ink);transition:box-shadow var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out), transform var(--d-fast) var(--ease-out);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 15px;display:inline-flex}:where(.design-site) .tools a .i{width:14px;height:14px;display:none}:where(.design-site) .tools a:hover{color:var(--accent);box-shadow:0 0 0 .5px var(--accent-wash-2), var(--e-raised);transform:translateY(-1px)}:where(.design-site) .tools a.more{box-shadow:none;color:var(--accent);background:0 0}:where(.design-site) .tools a.more .i{display:block}:where(.design-site) .seg{background:var(--surface);border:.5px solid var(--rule);border-radius:999px;align-items:center;gap:2px;margin:0 auto 36px;padding:3px;display:inline-flex}:where(.design-site) .seg button{height:32px;font:500 12px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);cursor:pointer;transition:all var(--d-fast) var(--ease-out);background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}:where(.design-site) .seg button:hover:not(.on):not(:disabled){background:var(--hover)}:where(.design-site) .seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--e-raised)}:where(.design-site) .seg button .sv{color:var(--accent);font-size:10.5px}:where(.design-site) .plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}:where(.design-site) .plan{background:var(--card);border:.5px solid var(--rule);text-align:left;transition:transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);border-radius:18px;align-content:start;gap:14px;padding:28px 26px 26px;display:grid;position:relative}:where(.design-site) .plan:hover{box-shadow:var(--e-floating);transform:translateY(-2px)}:where(.design-site) .plan.pro{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash), var(--e-floating)}:where(.design-site) .plan .rec{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--accent);border-radius:5px;padding:6px 8px;position:absolute;top:-11px;left:22px}:where(.design-site) .plan .pname{font:600 22px/1.1 var(--sans);letter-spacing:-.016em}:where(.design-site) .plan .tag{font:400 13.5px/1.4 var(--sans);color:var(--ink-2);margin-top:-8px}:where(.design-site) .plan .cap{font:500 13px/1.3 var(--sans);color:var(--accent)}:where(.design-site) .plan .pr{font:600 48px/1 var(--sans);letter-spacing:-.035em;font-variant-numeric:tabular-nums;align-items:baseline;gap:0;margin-top:4px;display:flex}:where(.design-site) .plan .pr small{font:var(--t-meta);color:var(--muted);letter-spacing:0;margin-left:8px}:where(.design-site) .plan .bill{font:var(--t-meta);color:var(--muted);min-height:14px}:where(.design-site) .plan .btn{justify-self:stretch;height:42px}:where(.design-site) .plan ul{font:400 13.5px/1.45 var(--sans);color:var(--ink-2);border-top:.5px solid var(--rule);gap:9px;padding-top:14px;list-style:none;display:grid}:where(.design-site) .plan li{align-items:flex-start;gap:9px;display:flex}:where(.design-site) .plan li .i{color:var(--ink);width:14px;height:14px;margin-top:2px}:where(.design-site) .pfine{text-align:center;font:var(--t-meta);color:var(--muted);margin-top:22px}:where(.design-site) .close{background:var(--ink);color:#fff;text-align:center;margin-top:128px;padding:104px 0;position:relative;overflow:hidden}:where(.design-site) .close .ghost{opacity:.12;filter:invert()grayscale();top:-40px}:where(.design-site) .close .in{z-index:1;position:relative}:where(.design-site) .close h2{font:600 48px/1.05 var(--sans);letter-spacing:-.032em;text-wrap:balance}:where(.design-site) .close p{font:400 16px/1.5 var(--sans);color:#ffffffb3;margin-top:12px}:where(.design-site) .close .btn{color:var(--ink);background:#fff;margin-top:26px}:where(.design-site) footer{border-top:.5px solid var(--rule);padding:28px 0 40px}:where(.design-site) footer .row{font:var(--t-label);color:var(--muted);flex-wrap:wrap;align-items:center;gap:24px;display:flex}:where(.design-site) footer .row a{color:var(--ink-2)}:where(.design-site) footer .row .grow{flex:1}@media (prefers-reduced-motion:reduce){:where(.design-site) .rv,:where(.design-site) .rail .u,:where(.design-site) .rail .am,:where(.design-site) .rail .tx,:where(.design-site) .rail .acard,:where(.design-site) .rail .sugg,:where(.design-site) .spec,:where(.design-site) .spec .wdraw img,:where(.design-site) .cv .canvas svg .st.in,:where(.design-site) .cv .canvas svg .dr.in{transition:none}:where(.design-site) .rail .u .caret,:where(.design-site) .rail .am .st .dot,:where(.design-site) .rail .am .st .sh{animation:none}:where(.design-site) .rv{opacity:1;transform:none}}@media (max-width:960px){:where(.design-site) .hero h1{font-size:40px}:where(.design-site) .hero.wrap{padding-top:40px}:where(.design-site) .top nav,:where(.design-site) .top .btn-ghost{display:none}:where(.design-site) .top{padding:0 16px}:where(.design-site) .ghost{display:none}:where(.design-site) .stage{grid-template-columns:1fr;height:auto}:where(.design-site) .rail{border-bottom:0}:where(.design-site) .rail .msgs{justify-content:flex-start}:where(.design-site) .rail .foot{display:none}:where(.design-site) .cv .canvas{min-height:360px;padding:16px}:where(.design-site) .whoS{grid-template-columns:1fr;gap:18px}:where(.design-site) .wlist{scrollbar-width:none;flex-direction:row;gap:6px;margin:0 -16px;padding:4px 16px;overflow-x:auto}:where(.design-site) .wi{box-shadow:0 0 0 .5px var(--rule);background:#fff;border-radius:999px;flex:none;padding:0}:where(.design-site) .wi .wh{align-items:center;padding:8px 14px 8px 11px}:where(.design-site) .wi .wh>.ti{width:16px;height:16px;margin:0}:where(.design-site) .wi.on{background:var(--ink);color:#fff;box-shadow:none}:where(.design-site) .wi.on .wh>.ti{color:#fff}:where(.design-site) .wi .tx b{white-space:nowrap;font-size:13px}:where(.design-site) .wi .tx>span{display:none!important}:where(.design-site) .wi .tys{display:none}:where(.design-site) .wstage{height:540px}:where(.design-site) .wstage:before{left:18px;right:18px}:where(.design-site) .wstage:after{left:9px;right:9px}:where(.design-site) .spec .wdraw{padding:10px 14px 12px}:where(.design-site) .wtb{grid-template-columns:auto minmax(0,1fr) auto;gap:12px;margin:0 8px 8px;padding:10px 12px 10px 10px}:where(.design-site) .wtb .meta:last-child{display:none}:where(.design-site) .wtb .g{width:34px;height:34px}:where(.design-site) .wtb .tt b{font-size:14px}:where(.design-site) .wtop{padding:12px 10px 0 16px}:where(.design-site) .wi.on .wh,:where(.design-site) .wi.on .wh b,:where(.design-site) .wi.on .wh .ti{color:#fff}:where(.design-site) .wi .wh>.ti,:where(.design-site) .wi.on .wh>.ti{box-shadow:none;background:0 0;border-radius:0;padding:0}:where(.design-site) .wi.on .tys{display:none}:where(.design-site) .wi .tx{display:block}:where(.design-site) .wi .tx .cnt{display:none}:where(.design-site) .cases,:where(.design-site) .pipe,:where(.design-site) .plans{grid-template-columns:1fr}:where(.design-site) .sec h2{font-size:32px}:where(.design-site) .close h2{font-size:34px}:where(.design-site) .cmp th small{display:none}:where(.design-site) .cmp th,:where(.design-site) .cmp td{padding:10px 8px;font-size:12px}}:where(.design-site) .crumb{font:500 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);z-index:1;align-items:center;gap:8px;padding-top:36px;display:flex;position:relative}:where(.design-site) .crumb a{color:var(--muted)}:where(.design-site) .crumb a:hover{color:var(--ink)}:where(.design-site) .crumb .sep{opacity:.5}:where(.design-site) .crumb b{color:var(--ink);font-weight:500}:where(.design-site) .lede{z-index:1;padding:26px 0 0;position:relative}:where(.design-site) .lede h1{font:600 58px/1.02 var(--sans);letter-spacing:-.035em;text-wrap:balance;max-width:16ch}:where(.design-site) .lede h1.wide{max-width:22ch}:where(.design-site) .lede p{font:400 17px/1.6 var(--sans);color:var(--ink-2);text-wrap:pretty;max-width:62ch;margin-top:18px}:where(.design-site) .lede>.meta{font:500 11.5px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;gap:8px 20px;margin-top:22px;display:flex}:where(.design-site) .lede>.meta b{color:var(--ink-2);font-weight:500}:where(.design-site) .frame{background:var(--paper);border:.5px solid var(--rule);box-shadow:var(--e-floating);z-index:1;border-radius:18px;margin-top:32px;position:relative;overflow:hidden}:where(.design-site) .frame .bar{height:48px;font:500 var(--t-label);color:var(--ink);align-items:center;gap:10px;padding:0 14px;display:flex}:where(.design-site) .frame .bar .dot{background:var(--rule);border-radius:50%;width:9px;height:9px}:where(.design-site) .frame .bar .nm{font:500 12.5px/1 var(--mono);letter-spacing:.02em;color:var(--ink-2);margin-left:6px}:where(.design-site) .frame .bar .rt{align-items:center;gap:6px;margin-left:auto;display:flex}:where(.design-site) .frame .art{background:#fff;background-image:var(--grid);box-shadow:0 0 0 .5px var(--rule);background-size:22px 22px;border-radius:12px;place-items:center;min-height:420px;margin:0 10px 10px;padding:34px;display:grid}:where(.design-site) .frame .art img{max-width:100%;max-height:520px;display:block}:where(.design-site) .frame .art.tall img{max-height:680px}:where(.design-site) .pair{grid-template-columns:380px 1fr;align-items:start;gap:20px;display:grid}:where(.design-site) .pair .say{background:var(--card);border:.5px solid var(--rule);box-shadow:var(--e-raised);border-radius:16px;padding:20px}:where(.design-site) .pair .say .k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:var(--accent-wash);border-radius:5px;padding:5px 7px;display:inline-block}:where(.design-site) .pair .say p{font:400 15px/1.55 var(--sans);color:var(--ink);margin-top:14px}:where(.design-site) .pair .say .chips{border-top:.5px solid var(--rule);flex-direction:column;align-items:flex-start;gap:6px;margin-top:18px;padding-top:16px;display:flex}:where(.design-site) .pair .say .chips .kk{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}:where(.design-site) .pair .say .chips .chip{white-space:normal;text-align:left;height:auto;color:var(--ink-2);padding:7px 12px;font-size:12.5px;line-height:1.35}:where(.design-site) .gal{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}:where(.design-site) .gal.four{grid-template-columns:repeat(4,1fr)}:where(.design-site) .gcard{background:var(--paper);border:.5px solid var(--rule);box-shadow:var(--e-raised);transition:transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out), border-color var(--d-fast) var(--ease-out);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}:where(.design-site) .gcard:hover{box-shadow:var(--e-floating);border-color:var(--ink);transform:translateY(-3px)}:where(.design-site) .gcard .im{aspect-ratio:4/3;background:#fff;background-image:var(--grid);box-shadow:0 0 0 .5px var(--rule);background-size:20px 20px;border-radius:10px;margin:10px 10px 0;display:block;position:relative;overflow:hidden}:where(.design-site) .gcard .im img{object-fit:contain;width:calc(100% - 26px);height:calc(100% - 26px);display:block;position:absolute;inset:13px}:where(.design-site) .gcard .bd{flex-direction:column;flex:1;gap:7px;padding:14px 16px 16px;display:flex}:where(.design-site) .gcard .bd b{font:600 15px/1.3 var(--sans);letter-spacing:-.01em;color:var(--ink)}:where(.design-site) .gcard .bd .row{font:500 11px/1 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-top:auto;padding-top:8px;display:flex}:where(.design-site) .gcard .bd .row .ti{width:14px;height:14px;color:var(--ink-2)}:where(.design-site) .gcard .bd .row .go{color:var(--accent);text-transform:none;letter-spacing:0;font:500 12px/1 var(--sans);margin-left:auto}:where(.design-site) .filt{flex-wrap:wrap;gap:6px;margin-bottom:28px;display:flex}:where(.design-site) .fb{border:.5px solid var(--rule);background:var(--card);height:34px;font:500 12.5px/1 var(--sans);color:var(--ink-2);cursor:pointer;transition:all var(--d-fast) var(--ease-out);border-radius:999px;align-items:center;gap:7px;padding:0 13px;display:inline-flex}:where(.design-site) .fb span{font:500 11px/1 var(--mono);color:var(--muted)}:where(.design-site) .fb:hover{border-color:var(--ink);color:var(--ink)}:where(.design-site) .fb.on{background:var(--ink);border-color:var(--ink);color:#fff}:where(.design-site) .fb.on span{color:#fff9}:where(.design-site) .search{background:var(--card);border:.5px solid var(--rule);height:52px;box-shadow:var(--e-raised);border-radius:14px;align-items:center;gap:10px;max-width:560px;margin-top:26px;padding:0 18px;display:flex}:where(.design-site) .search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash)}:where(.design-site) .search .i{color:var(--muted);width:17px;height:17px}:where(.design-site) .search input{font:400 15px/1 var(--sans);color:var(--ink);background:0 0;border:0;outline:0;flex:1}:where(.design-site) .search input::placeholder{color:var(--muted)}:where(.design-site) .search .kbd{font:500 11px/1 var(--mono);color:var(--muted);border:.5px solid var(--rule);border-radius:5px;padding:5px 7px}:where(.design-site) .notes{grid-template-columns:repeat(2,1fr);gap:18px 40px;display:grid}:where(.design-site) .notes div{gap:14px;display:flex}:where(.design-site) .notes .n{background:var(--surface);width:26px;height:26px;font:500 11px/1 var(--mono);color:var(--ink-2);border-radius:7px;flex:none;place-items:center;display:grid}:where(.design-site) .notes b{font:600 15px/1.3 var(--sans);letter-spacing:-.01em;display:block}:where(.design-site) .notes p{font:400 14px/1.55 var(--sans);color:var(--ink-2);margin-top:5px}:where(.design-site) .strip{flex-wrap:wrap;gap:8px;display:flex}:where(.design-site) .strip a{border:.5px solid var(--rule);background:var(--card);height:40px;font:500 13px/1 var(--sans);color:var(--ink-2);transition:all var(--d-fast) var(--ease-out);border-radius:10px;align-items:center;gap:8px;padding:0 14px 0 11px;display:inline-flex}:where(.design-site) .strip a:hover{border-color:var(--ink);color:var(--ink)}:where(.design-site) .strip a .ti{width:16px;height:16px}@media (max-width:960px){:where(.design-site) .lede h1{font-size:36px}:where(.design-site) .pair,:where(.design-site) .gal,:where(.design-site) .gal.four,:where(.design-site) .notes{grid-template-columns:1fr}:where(.design-site) .frame .art{min-height:280px;padding:16px}}:where(.design-site) .demo{background:var(--paper);border:.5px solid var(--rule);box-shadow:var(--e-floating);border-radius:20px;overflow:hidden}:where(.design-site) .demo .dtabs{scrollbar-width:none;gap:3px;padding:10px 12px;display:flex;overflow-x:auto}:where(.design-site) .demo .dtabs::-webkit-scrollbar{display:none}:where(.design-site) .dt{height:34px;font:500 12.5px/1 var(--sans);color:var(--ink-2);cursor:pointer;white-space:nowrap;transition:all var(--d-fast) var(--ease-out);background:0 0;border:.5px solid #0000;border-radius:999px;align-items:center;gap:7px;padding:0 14px;display:inline-flex}:where(.design-site) .dt .n{font:500 10.5px/1 var(--mono);color:var(--muted)}:where(.design-site) .dt:hover{background:var(--hover);color:var(--ink)}:where(.design-site) .dt.on{background:var(--ink);border-color:var(--ink);color:#fff}:where(.design-site) .dt.on .n{color:#ffffff8c}:where(.design-site) .dt:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(.design-site) .dbody{grid-template-columns:336px 1fr;min-height:500px;display:grid}:where(.design-site) .dsay{padding:24px 22px;display:grid}:where(.design-site) .dsay .v,:where(.design-site) .dart .v{opacity:0;pointer-events:none;transition:opacity .4s var(--ease-out);grid-area:1/1}:where(.design-site) .dsay .v{flex-direction:column;display:flex}:where(.design-site) .dsay .v.on,:where(.design-site) .dart .v.on{opacity:1;pointer-events:auto}:where(.design-site) .dsay .k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}:where(.design-site) .dsay .bub{background:var(--card);border:.5px solid var(--rule);font:400 14.5px/1.55 var(--sans);color:var(--ink);box-shadow:var(--e-raised);border-radius:14px 14px 14px 4px;margin-top:12px;padding:14px 16px}:where(.design-site) .dsay .fu{border-top:.5px solid var(--rule);flex-direction:column;align-items:flex-start;gap:6px;margin-top:auto;padding-top:18px;display:flex}:where(.design-site) .dsay .fu .kk{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}:where(.design-site) .dsay .fu .chip{white-space:normal;text-align:left;height:auto;color:var(--ink-2);padding:7px 12px;font-size:12.5px;line-height:1.35}:where(.design-site) .dart{background:#fff;background-image:var(--grid);box-shadow:0 0 0 .5px var(--rule);background-size:22px 22px;border-radius:12px;place-items:center;min-width:0;margin:0 10px 0 0;padding:28px 32px;display:grid}:where(.design-site) .dart img{max-width:100%;max-height:440px;margin:auto;display:block}:where(.design-site) .dfoot{height:52px;font:500 12px/1 var(--mono);letter-spacing:.02em;color:var(--muted);background:var(--paper);align-items:center;gap:10px;padding:0 20px;display:flex}:where(.design-site) .dfoot .ti{width:15px;height:15px;color:var(--ink-2)}:where(.design-site) .dfoot b{color:var(--ink-2);font-weight:500}:where(.design-site) .dfoot .rt{margin-left:auto}:where(.design-site) .dfoot .sd:before{content:"· "}:where(.design-site) .def{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}:where(.design-site) .def h2{font:600 40px/1.06 var(--sans);letter-spacing:-.028em;text-wrap:balance}:where(.design-site) .def p{font:400 16px/1.65 var(--sans);color:var(--ink-2);max-width:52ch;margin-top:16px}:where(.design-site) .def .facts{border-top:.5px solid var(--rule);gap:0;margin-top:28px;display:grid}:where(.design-site) .def .facts div{border-bottom:.5px solid var(--rule);gap:18px;padding:13px 0;display:flex}:where(.design-site) .def .facts dt{width:106px;font:500 11px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);flex:none}:where(.design-site) .def .facts dd{font:400 14px/1.5 var(--sans);color:var(--ink);margin:0}:where(.design-site) .def .pic{background:var(--card);border:.5px solid var(--rule);box-shadow:var(--e-raised);background-image:var(--grid);background-size:22px 22px;border-radius:18px;place-items:center;min-height:400px;padding:26px;display:grid}:where(.design-site) .def .pic img{max-width:100%;max-height:420px;display:block}:where(.design-site) .uses div{border-top:1.5px solid var(--ink);padding:22px 0 0}:where(.design-site) .uses b{font:600 18px/1.25 var(--sans);letter-spacing:-.014em;display:block}:where(.design-site) .uses p{font:400 14.5px/1.55 var(--sans);color:var(--ink-2);max-width:320px;margin-top:9px}@media (max-width:960px){:where(.design-site) .dbody{grid-template-columns:1fr}:where(.design-site) .dsay{border-right:0;border-bottom:.5px solid var(--rule)}:where(.design-site) .dart{padding:18px}:where(.design-site) .dart img{max-height:300px}:where(.design-site) .def{grid-template-columns:1fr;gap:32px}:where(.design-site) .def h2{font-size:30px}:where(.design-site) .def .pic{min-height:260px;padding:16px}:where(.design-site) .uses{grid-template-columns:1fr}}:where(.design-site) .how{counter-reset:s;gap:4px;max-width:820px;list-style:none;display:grid}:where(.design-site) .how li{gap:20px;padding:16px 0;display:flex}:where(.design-site) .how .n{font:500 12px/1.4 var(--mono);color:var(--accent);flex:none;width:32px}:where(.design-site) .how b{font:600 17px/1.3 var(--sans);letter-spacing:-.012em;display:block}:where(.design-site) .how p{font:400 14.5px/1.6 var(--sans);color:var(--ink-2);max-width:60ch;margin-top:6px}:where(.design-site) .auth{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:calc(100vh - 60px);display:grid}:where(.design-site) .auth .form{justify-self:end;width:100%;max-width:400px}:where(.design-site) .auth h1{font:600 36px/1.1 var(--sans);letter-spacing:-.028em}:where(.design-site) .auth .sub{font:400 15px/1.6 var(--sans);color:var(--ink-2);margin-top:12px}:where(.design-site) .auth .oauth{gap:8px;margin-top:28px;display:grid}:where(.design-site) .auth .oauth .btn{justify-content:center;gap:10px;height:44px}:where(.design-site) .auth .or{font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:14px;margin:22px 0;display:flex}:where(.design-site) .auth .or:before,:where(.design-site) .auth .or:after{content:"";background:var(--rule);flex:1;height:.5px}:where(.design-site) .auth label{font:500 12.5px/1 var(--sans);color:var(--ink-2);margin-bottom:7px;display:block}:where(.design-site) .auth .field{margin-bottom:14px}:where(.design-site) .auth input{border:.5px solid var(--rule);background:var(--card);width:100%;height:44px;font:400 14.5px/1 var(--sans);color:var(--ink);border-radius:10px;padding:0 14px}:where(.design-site) .auth input::placeholder{color:var(--muted)}:where(.design-site) .auth input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:0}:where(.design-site) .auth .row2{font:var(--t-label);color:var(--ink-2);justify-content:space-between;align-items:center;margin:4px 0 18px;display:flex}:where(.design-site) .auth .row2 a{color:var(--accent)}:where(.design-site) .auth .go{width:100%;height:46px}:where(.design-site) .auth .alt{text-align:center;font:var(--t-label);color:var(--ink-2);margin-top:20px}:where(.design-site) .auth .alt a{color:var(--accent)}:where(.design-site) .auth .fine{font:var(--t-meta);color:var(--muted);margin-top:22px;line-height:1.6}:where(.design-site) .auth .proof{background:var(--paper);box-shadow:0 0 0 .5px var(--rule), var(--e-floating);border-radius:20px;max-width:560px;position:relative;overflow:hidden}:where(.design-site) .auth .proof .bar{height:44px;font:500 12px/1 var(--mono);color:var(--ink-2);align-items:center;gap:8px;padding:0 14px;display:flex}:where(.design-site) .auth .proof .bar .dot{background:var(--rule);border-radius:50%;width:9px;height:9px}:where(.design-site) .auth .proof .art{box-shadow:0 0 0 .5px var(--rule);background:#fff;background-image:var(--grid);background-size:22px 22px;border-radius:12px;place-items:center;min-height:360px;margin:0 10px;padding:26px;display:grid}:where(.design-site) .auth .proof .art img{max-width:100%;max-height:340px;display:block}:where(.design-site) .auth .proof .cap{font:400 13px/1.5 var(--sans);color:var(--ink-2);padding:12px 18px 14px}@media (max-width:960px){:where(.design-site) .auth{grid-template-columns:1fr;gap:32px;min-height:0;padding:32px 0 64px}:where(.design-site) .auth .form{justify-self:stretch}:where(.design-site) .auth .proof{display:none}:where(.design-site) .how li{flex-direction:column;gap:6px}}:where(.design-site) .share{grid-template-rows:auto 1fr auto;min-height:calc(100vh - 60px);display:grid}:where(.design-site) .share .sh{align-items:center;gap:14px;padding:26px 0 18px;display:flex}:where(.design-site) .share .sh .ti{width:22px;height:22px;color:var(--ink-2)}:where(.design-site) .share .sh h1{font:600 24px/1.2 var(--sans);letter-spacing:-.018em}:where(.design-site) .share .sh .by{font:var(--t-meta);color:var(--muted);margin-top:4px}:where(.design-site) .share .sh .rt{gap:8px;margin-left:auto;display:flex}:where(.design-site) .share .stagebox{background:var(--card);border:.5px solid var(--rule);box-shadow:var(--e-floating);background-image:var(--grid);background-size:22px 22px;border-radius:18px;place-items:center;min-height:520px;padding:40px;display:grid}:where(.design-site) .share .stagebox img{max-width:100%;max-height:600px;display:block}:where(.design-site) .share .made{flex-wrap:wrap;align-items:center;gap:16px;padding:26px 0 40px;display:flex}:where(.design-site) .share .made .q{background:var(--surface);min-width:280px;font:400 13.5px/1.55 var(--sans);color:var(--ink-2);border-radius:14px 14px 14px 4px;flex:1;padding:12px 16px}:where(.design-site) .share .made .q b{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}:where(.design-site) .badge-embed{display:none}:where(.design-site) .langs{border-top:.5px solid var(--rule);font:var(--t-label);flex-wrap:wrap;gap:6px 18px;margin-top:22px;padding-top:22px;display:flex}:where(.design-site) .langs a{color:var(--muted)}:where(.design-site) .langs a:hover{color:var(--ink)}:where(.design-site) .langs a.on{color:var(--ink);font-weight:500}:where(.design-site) .langs .k{width:100%;font:500 11px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}:where(.design-site) .acct{grid-template-columns:200px 1fr;align-items:start;gap:48px;padding:40px 0 0;display:grid}:where(.design-site) .anav{flex-direction:column;gap:2px;display:flex;position:sticky;top:24px}:where(.design-site) .anav a{border-radius:var(--r);font:500 13.5px/1 var(--sans);color:var(--ink-2);padding:9px 12px}:where(.design-site) .anav a.on{background:var(--surface);color:var(--ink)}:where(.design-site) .anav a:hover{color:var(--ink)}:where(.design-site) .apanel{gap:22px;max-width:760px;display:grid}:where(.design-site) .card2{background:var(--card);border:.5px solid var(--rule);box-shadow:var(--e-raised);border-radius:16px;padding:24px 26px}:where(.design-site) .card2 h2{font:600 19px/1.2 var(--sans);letter-spacing:-.014em}:where(.design-site) .card2 .sub{font:400 13.5px/1.55 var(--sans);color:var(--ink-2);margin-top:6px}:where(.design-site) .card2 .planrow{border-top:.5px solid var(--rule);flex-wrap:wrap;align-items:center;gap:16px;margin-top:18px;padding-top:18px;display:flex}:where(.design-site) .card2 .planrow .big{font:600 26px/1 var(--sans);letter-spacing:-.02em}:where(.design-site) .card2 .planrow .badge{background:var(--accent-wash);color:var(--accent)}:where(.design-site) .card2 .planrow .rt{gap:8px;margin-left:auto;display:flex}:where(.design-site) .meter{margin-top:16px}:where(.design-site) .meter .top2{font:400 13.5px/1 var(--sans);color:var(--ink-2);justify-content:space-between;align-items:baseline;display:flex}:where(.design-site) .meter .top2 b{font:600 20px/1 var(--sans);color:var(--ink);letter-spacing:-.012em}:where(.design-site) .meter .bar{background:var(--surface);border-radius:99px;height:8px;margin-top:10px;overflow:hidden}:where(.design-site) .meter .bar i{background:var(--accent);border-radius:99px;height:100%;display:block}:where(.design-site) .meter .cnote{font:var(--t-meta);color:var(--muted);margin-top:8px}:where(.design-site) .rows{border-top:.5px solid var(--rule);margin-top:16px}:where(.design-site) .rows div{border-bottom:.5px solid var(--rule);font:400 13.5px/1.4 var(--sans);color:var(--ink-2);align-items:center;gap:16px;padding:12px 0;display:flex}:where(.design-site) .rows div b{color:var(--ink);min-width:180px;font-weight:500}:where(.design-site) .rows div .rt{font:500 12px/1 var(--mono);color:var(--muted);margin-left:auto}:where(.design-site) .rows div a{color:var(--accent);font:500 12.5px/1 var(--sans)}:where(.design-site) .danger{border-color:#e7c9c9}:where(.design-site) .danger h2{color:#a4373a}:where(.design-site) .btn-danger{color:#a4373a;background:#fff;border-color:#e7c9c9}:where(.design-site) .btn-danger:hover:not(:disabled){background:#fdf5f5}:where(.design-site) .sheet{z-index:9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10111459;place-items:center;display:none;position:fixed;inset:0}:where(.design-site) .design-site[data-state="2"] .sheet{display:grid}:where(.design-site) .sheet .box{background:var(--card);box-shadow:var(--e-floating);border-radius:20px;width:min(520px,100% - 32px);padding:30px 32px 26px}:where(.design-site) .sheet h3{font:600 22px/1.2 var(--sans);letter-spacing:-.018em}:where(.design-site) .sheet p{font:400 14.5px/1.6 var(--sans);color:var(--ink-2);margin-top:10px}:where(.design-site) .sheet .opts{gap:8px;margin:20px 0 22px;display:grid}:where(.design-site) .sheet .opts label{border:.5px solid var(--rule);font:400 13.5px/1 var(--sans);color:var(--ink-2);cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:11px 14px;display:flex}:where(.design-site) .sheet .opts label:hover{border-color:var(--ink);color:var(--ink)}:where(.design-site) .sheet .act{justify-content:flex-end;gap:10px;display:flex}@media (max-width:960px){:where(.design-site) .acct{grid-template-columns:1fr;gap:20px;padding-top:20px}:where(.design-site) .acct>*{min-width:0}:where(.design-site) .anav{scrollbar-width:none;flex-direction:row;margin:0 -16px;padding:0 16px;position:static;overflow-x:auto}:where(.design-site) .anav a{white-space:nowrap}:where(.design-site) .card2{padding:20px 18px}:where(.design-site) .card2 .planrow .rt{width:100%;margin-left:0}:where(.design-site) .rows div{flex-wrap:wrap;gap:4px 12px}:where(.design-site) .rows div b{flex:100%;min-width:0}:where(.design-site) .rows div .rt{margin-left:0}:where(.design-site) .top .right .meta{display:none}}:where(.design-site) .done{text-align:center;place-items:center;min-height:calc(100vh - 60px);display:grid}:where(.design-site) .done .in{max-width:620px}:where(.design-site) .done h1{font:600 38px/1.1 var(--sans);letter-spacing:-.028em}:where(.design-site) .done p{font:400 16px/1.6 var(--sans);color:var(--ink-2);margin-top:14px}:where(.design-site) .done .resume{background:var(--card);border:.5px solid var(--rule);box-shadow:var(--e-floating);text-align:left;border-radius:16px;margin:32px auto 0;overflow:hidden}:where(.design-site) .done .resume .cover{border-bottom:.5px solid var(--rule);background:radial-gradient(60% 160% at 8% 0%, #5e6ad229, transparent 60%), radial-gradient(var(--rule) .7px, transparent .7px) 0 0/16px 16px, linear-gradient(180deg, #f6f7fa, #fff);align-items:center;gap:14px;padding:14px 16px;display:flex}:where(.design-site) .done .resume .peek{border:.5px solid var(--rule);width:104px;height:68px;box-shadow:var(--e-raised);background:#fff;border-radius:8px;flex:none;position:relative;overflow:hidden}:where(.design-site) .done .resume .peek img{left:var(--px);top:var(--py);max-width:none;position:absolute}:where(.design-site) .done .resume .cv i{font:var(--t-meta);color:var(--muted);margin-top:5px;font-style:normal;display:block}:where(.design-site) .done .resume .body{padding:14px 16px 16px}:where(.design-site) .done .resume b{font:500 13.5px/1.4 var(--sans);color:var(--ink);display:block}:where(.design-site) .done .resume span{font:400 13px/1.5 var(--sans);color:var(--ink-2);margin-top:4px;display:block}:where(.design-site) .done .resume .dots{gap:3px;margin-left:6px;display:inline-flex}:where(.design-site) .done .resume .dots i{background:var(--muted);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite pulse}:where(.design-site) .done .resume .dots i:nth-child(2){animation-delay:.15s}:where(.design-site) .done .resume .dots i:nth-child(3){animation-delay:.3s}:where(.design-site) .done .btns{justify-content:center;gap:10px;margin-top:28px;display:flex}:where(.design-site) .done .fine{font:var(--t-meta);color:var(--muted);margin-top:22px}:where(.design-site) .fword{font:600 15px/1 var(--sans);letter-spacing:-.02em;color:var(--ink)}:where(.design-site) .fword span{font:500 15px/1 var(--mono);letter-spacing:-.01em}:where(.design-site) .feat{background:var(--paper);box-shadow:0 0 0 .5px var(--rule), var(--e-raised);border-radius:18px;grid-template-columns:1fr 330px;gap:0;margin-bottom:18px;display:grid;overflow:hidden}:where(.design-site) .feat .sheet{background:#fff;background-image:var(--grid);box-shadow:0 0 0 .5px var(--rule);background-size:20px 20px;border-radius:12px;height:440px;margin:10px 0 10px 10px;display:block;position:relative}:where(.design-site) .feat .sheet img{object-fit:contain;width:calc(100% - 52px);height:calc(100% - 52px);position:absolute;inset:26px}:where(.design-site) .feat .side{flex-direction:column;gap:14px;padding:24px 24px 22px;display:flex}:where(.design-site) .feat h3{font:600 22px/1.2 var(--sans);letter-spacing:-.02em;margin-top:-4px}:where(.design-site) .feat dl{gap:9px;margin:2px 0 0;display:grid}:where(.design-site) .feat dl div{grid-template-columns:62px 1fr;align-items:baseline;gap:10px;display:grid}:where(.design-site) .feat dt{font:500 10.5px/1.4 var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}:where(.design-site) .feat dd{font:400 13.5px/1.45 var(--sans);color:var(--ink-2);margin:0}:where(.design-site) .feat .req{box-shadow:0 0 0 .5px var(--rule);background:#fff;border-radius:12px;padding:13px 14px}:where(.design-site) .feat .req .k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}:where(.design-site) .feat .req p{font:400 13.5px/1.5 var(--sans);color:var(--ink);margin-top:8px}:where(.design-site) .feat .acts{justify-content:flex-start;align-items:center;gap:14px;margin-top:auto;display:flex}:where(.design-site) .feat .go,:where(.design-site) .gcard .go{font:550 13px/1 var(--sans);color:var(--accent);align-items:center;gap:6px;display:inline-flex}:where(.design-site) .gal.three .bd .tg{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}:where(.design-site) .gal.three .bd .row .use{text-transform:none;letter-spacing:0;font:500 12px/1 var(--sans);color:var(--ink-2);height:28px;box-shadow:0 0 0 .5px var(--rule), 0 1px 2px #0e11160d;background:#fff;border-radius:8px;align-items:center;padding:0 11px;display:inline-flex}:where(.design-site) .gal.three .gcard:hover .use{color:var(--ink);box-shadow:0 0 0 .5px var(--ink-2)}:where(.design-site) .check{box-shadow:0 0 0 .5px var(--rule), var(--e-raised);background:#fff;border-radius:20px;grid-template-columns:340px 1fr;align-items:start;gap:48px;padding:40px 44px;display:grid}:where(.design-site) .check .hd h2{font-size:32px}:where(.design-site) .strip.near a .ct{font:500 11px/1 var(--mono);color:var(--muted);margin-left:4px}:where(.design-site) .strip.near a.x{background:0 0;border-style:dashed}:where(.design-site) .az{box-shadow:0 0 0 .5px var(--rule);background:#fff;border-radius:16px;margin-top:34px;padding:22px 24px 16px}:where(.design-site) .az .azh{align-items:baseline;gap:10px;margin-bottom:14px;display:flex}:where(.design-site) .az .azh .k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}:where(.design-site) .az .azh .n{font:500 11px/1 var(--mono);color:var(--muted-2,#a3a7b3)}:where(.design-site) .az ul{columns:4;column-gap:28px;max-height:228px;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}:where(.design-site) .az.open ul{max-height:none;-webkit-mask-image:none;mask-image:none}:where(.design-site) .az li{break-inside:avoid;padding:3px 0}:where(.design-site) .az li a{font:400 13px/1.35 var(--sans);color:var(--ink-2)}:where(.design-site) .az li a:hover{color:var(--accent)}:where(.design-site) .az .azmore{font:550 13px/1 var(--sans);color:var(--accent);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:8px;padding:6px 0;display:inline-flex}@media (max-width:960px){:where(.design-site) .feat{grid-template-columns:1fr}:where(.design-site) .feat .sheet{height:260px;margin:10px 10px 0}:where(.design-site) .feat .sheet img{width:calc(100% - 28px);height:calc(100% - 28px);inset:14px}:where(.design-site) .check{grid-template-columns:1fr;gap:26px;padding:26px 20px}:where(.design-site) .check .notes{grid-template-columns:1fr}:where(.design-site) .az ul{columns:1;max-height:260px}:where(.design-site) .strip.near{scrollbar-width:none;flex-wrap:nowrap;margin:0 -16px;padding:0 16px 4px;overflow-x:auto}:where(.design-site) .strip.near a{flex:none}}:where(.design-site) header.top,:where(.design-site) header.top.clear{z-index:50;position:relative}:where(.design-site) .ck{z-index:60;width:360px;box-shadow:0 0 0 .5px var(--rule), var(--e-floating);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:14px 14px 12px;display:none;position:fixed;bottom:16px;left:16px}:where(.design-site) .ck.show{animation:ckin .3s var(--ease-out);display:flex}@keyframes ckin{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}:where(.design-site) .ck [data-v]{display:none}:where(.design-site) .ck[data-mode=us] [data-v=us],:where(.design-site) .ck[data-mode=eu] [data-v=eu]{display:revert}:where(.design-site) .ck-row{align-items:flex-start;gap:11px;display:flex}:where(.design-site) .ck-ic{background:var(--accent-wash);width:28px;height:28px;color:var(--accent);border-radius:8px;flex:none;place-items:center;display:grid}:where(.design-site) .ck-t{font:400 13px/1.5 var(--sans);color:var(--ink-2);margin:0}:where(.design-site) .ck-t a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:2px}:where(.design-site) .ck-acts{justify-content:flex-end;gap:6px;display:flex}:where(.design-site) .ck-acts button{height:30px;font:550 12.5px/1 var(--sans);cursor:pointer;border:0;border-radius:8px;padding:0 12px}:where(.design-site) .ck-off{color:var(--muted);background:0 0}:where(.design-site) .ck-off:hover{color:var(--ink);background:var(--paper)}:where(.design-site) .ck-ok{background:var(--paper);color:var(--ink);min-width:52px;box-shadow:0 0 0 .5px var(--rule)}:where(.design-site) .ck-ok:hover{background:#eef0f7}:where(.design-site) .ck[data-mode=us]{flex-direction:row;align-items:center;gap:14px;width:auto;max-width:540px;padding:10px 10px 10px 12px}:where(.design-site) .ck[data-mode=us] .ck-row{align-items:center}:where(.design-site) .ck[data-mode=us] .ck-acts{flex:none}:where(.design-site) .ck-b{background:var(--paper);color:var(--ink);box-shadow:0 0 0 .5px var(--rule);flex:1}:where(.design-site) .ck-b:hover{background:#eef0f7}:where(.design-site) .ck-acts button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-reduced-motion:reduce){:where(.design-site) .ck.show{animation:none}}@media (max-width:960px){:where(.design-site) .ck{width:auto;bottom:8px;left:8px;right:8px}:where(.design-site) .ck[data-mode=us]{flex-direction:column;align-items:stretch;gap:10px;max-width:none;padding:12px}:where(.design-site) .ck[data-mode=us] .ck-acts{justify-content:flex-end}}:where(.design-site) .design-site.sys [data-s]{display:none!important}:where(.design-site) .design-site.sys:not([data-state="1"]) .top nav{display:none}:where(.design-site) .design-site.sys[data-state="1"] [data-s~="1"],:where(.design-site) .design-site.sys[data-state="2"] [data-s~="2"],:where(.design-site) .design-site.sys[data-state="3"] [data-s~="3"],:where(.design-site) .design-site.sys[data-state="4"] [data-s~="4"],:where(.design-site) .design-site.sys[data-state="5"] [data-s~="5"]{display:var(--d,block)!important}:where(.design-site) .lost{z-index:1;grid-template-columns:1fr 460px;align-items:center;gap:64px;padding:64px 0 96px;display:grid;position:relative}:where(.design-site) .lost .code{font:500 11.5px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}:where(.design-site) .lost h1{font:600 56px/1.02 var(--sans);letter-spacing:-.035em;text-wrap:balance;max-width:13ch;margin-top:18px}:where(.design-site) .lost .sub{font:400 17px/1.6 var(--sans);color:var(--ink-2);max-width:46ch;margin-top:16px}:where(.design-site) .lost .find{max-width:520px;height:52px;box-shadow:0 0 0 .5px var(--rule), var(--e-raised);background:#fff;border-radius:14px;align-items:center;gap:10px;margin-top:28px;padding:0 8px 0 16px;display:flex}:where(.design-site) .lost .find .i{color:var(--muted)}:where(.design-site) .lost .find input{font:400 15px/1 var(--sans);color:var(--ink);background:0 0;border:0;outline:0;flex:1;height:100%}:where(.design-site) .lost .find input::placeholder{color:var(--muted)}:where(.design-site) .lost .find kbd{font:500 11px/1 var(--mono);color:var(--muted);background:var(--paper);box-shadow:0 0 0 .5px var(--rule);border-radius:5px;padding:4px 6px}:where(.design-site) .lost .pop{margin-top:22px}:where(.design-site) .lost .pop .k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;display:block}:where(.design-site) .lost .acts{justify-content:flex-start;gap:10px;margin-top:30px;display:flex}:where(.design-site) .lost .fig{background:var(--paper);box-shadow:0 0 0 .5px var(--rule), var(--e-floating);border-radius:20px;padding:10px}:where(.design-site) .lost .fig .sh{background:#fff;background-image:var(--grid);box-shadow:0 0 0 .5px var(--rule);background-size:20px 20px;border-radius:12px;place-items:center;padding:18px;display:grid}:where(.design-site) .lost .fig .cap{font:500 11px/1.4 var(--mono);color:var(--muted);padding:10px 8px 2px}:where(.design-site) .auth .note2{background:var(--paper);box-shadow:0 0 0 .5px var(--rule);font:400 13.5px/1.55 var(--sans);color:var(--ink-2);border-radius:12px;margin-top:18px;padding:12px 14px}:where(.design-site) .auth .note2 b{color:var(--ink);font-weight:600}:where(.design-site) .auth .note2 ul{margin:6px 0 0;padding-left:18px}:where(.design-site) .auth .kick2{font:500 11px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#b4441f;align-items:center;gap:7px;margin-bottom:16px;display:inline-flex}:where(.design-site) .auth .kick2 i{background:#e0673d;border-radius:50%;width:7px;height:7px}:where(.design-site) .auth .kick2.ok{color:var(--accent)}:where(.design-site) .auth .kick2.ok i{background:var(--accent)}:where(.design-site) .auth .meter{gap:4px;margin-top:8px;display:flex}:where(.design-site) .auth .meter i{background:#e3e5ec;border-radius:2px;flex:1;height:4px}:where(.design-site) .auth .meter i.on{background:#3aa17e}:where(.design-site) .auth .pwhint{font:400 12px/1.4 var(--sans);color:var(--muted);margin-top:7px}:where(.design-site) .crash{z-index:1;place-items:center;min-height:calc(100vh - 60px);padding:40px 0;display:grid;position:relative}:where(.design-site) .crash .box{text-align:left;width:min(520px,100%)}:where(.design-site) .crash h1{font:600 40px/1.08 var(--sans);letter-spacing:-.03em;margin-top:16px}:where(.design-site) .crash p{font:400 16px/1.6 var(--sans);color:var(--ink-2);margin-top:12px}:where(.design-site) .crash .safe{box-shadow:0 0 0 .5px var(--rule), var(--e-raised);font:400 14px/1.45 var(--sans);color:var(--ink-2);background:#fff;border-radius:12px;align-items:center;gap:12px;margin-top:22px;padding:12px 14px;display:flex}:where(.design-site) .crash .safe .ok{color:#2c8a68;background:#e7f5ef;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}:where(.design-site) .crash .safe b{color:var(--ink);font-weight:600}:where(.design-site) .crash .acts{justify-content:flex-start;gap:10px;margin-top:24px;display:flex}:where(.design-site) .crash .eid{font:500 11.5px/1.5 var(--mono);color:var(--muted);margin-top:22px}@media (max-width:960px){:where(.design-site) .lost{grid-template-columns:1fr;gap:36px;padding:32px 0 64px}:where(.design-site) .lost h1{font-size:38px}:where(.design-site) .lost .fig{max-width:420px}:where(.design-site) .crash h1{font-size:32px}:where(.design-site) .lost .acts,:where(.design-site) .crash .acts{flex-direction:column}:where(.design-site) .lost .acts .btn,:where(.design-site) .crash .acts .btn{justify-content:center}:where(.design-site) .frame .bar .dot,:where(.design-site) .frame .bar .nm{display:none}:where(.design-site) .frame .bar .rt{margin-left:auto}:where(.design-site) .gal.two-m{grid-template-columns:1fr 1fr;gap:10px}:where(.design-site) .gal.two-m .gcard .im{border-radius:8px;margin:6px 6px 0}:where(.design-site) .gal.two-m .gcard .im img{width:calc(100% - 12px);height:calc(100% - 12px);inset:6px}:where(.design-site) .gal.two-m .gcard .bd{gap:5px;padding:10px 10px 12px}:where(.design-site) .gal.two-m .gcard .bd b{font-size:13px}:where(.design-site) .gal.two-m .gcard .bd .row{letter-spacing:.03em;gap:6px;font-size:10px}:where(.design-site) .gal.two-m .gcard .bd .row .go{display:none}}:where(.design-site) .faq{flex-direction:column;gap:6px;max-width:760px;margin:0 auto;display:flex}:where(.design-site) .faq details{background:var(--surface);transition:background var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);border-radius:14px}:where(.design-site) .faq details[open]{background:var(--card);box-shadow:0 0 0 .5px var(--rule), var(--e-raised)}:where(.design-site) .faq summary{font:550 15.5px/1.35 var(--sans);letter-spacing:-.01em;color:var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:16px;padding:16px 18px 16px 20px;list-style:none;display:flex}:where(.design-site) .faq summary::-webkit-details-marker{display:none}:where(.design-site) .faq summary::marker{content:""}:where(.design-site) .faq summary .i{width:16px;height:16px;color:var(--muted);transition:transform .25s var(--ease-out), color var(--d-fast) var(--ease-out);flex:none;margin-left:auto}:where(.design-site) .faq details[open] summary .i{color:var(--accent);transform:rotate(45deg)}:where(.design-site) .faq summary:hover .i{color:var(--ink)}:where(.design-site) .faq summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}:where(.design-site) .faq details p{font:400 14.5px/1.6 var(--sans);color:var(--ink-2);max-width:62ch;margin:0;padding:0 48px 18px 20px}:where(.design-site) .uses{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}:where(.design-site) .uses>div{background:var(--card);box-shadow:0 0 0 .5px var(--rule), var(--e-raised);border:0;border-radius:16px;padding:0;overflow:hidden}:where(.design-site) .uses .im{background:#fff;background-image:var(--grid);box-sizing:border-box;background-size:16px 16px;height:170px;padding:16px 18px;display:block}:where(.design-site) .uses .im img{object-fit:contain;width:100%;height:100%;display:block}:where(.design-site) .uses b{font:600 16px/1.25 var(--sans);letter-spacing:-.012em;padding:16px 18px 0;display:block}:where(.design-site) .uses p{font:400 13.5px/1.55 var(--sans);color:var(--ink-2);max-width:none;margin:6px 0 0;padding:0 18px 18px}:where(.design-site) .steps{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:16px;display:grid}:where(.design-site) .steps>div{background:var(--surface);border-radius:16px;flex-direction:column;min-height:300px;padding:18px 18px 20px;display:flex}:where(.design-site) .steps .n{font:500 var(--t-meta);color:var(--accent)}:where(.design-site) .steps h3{font:600 18px/1.25 var(--sans);letter-spacing:-.014em;margin-top:8px}:where(.design-site) .steps p{font:400 13.5px/1.55 var(--sans);color:var(--ink-2);margin-top:6px}:where(.design-site) .steps .demo2{margin-top:auto;padding-top:18px}:where(.design-site) .steps .bub{background:var(--card);font:400 13px/1.5 var(--sans);color:var(--ink);box-shadow:0 0 0 .5px var(--rule);-webkit-line-clamp:4;border-radius:14px 14px 4px;-webkit-box-orient:vertical;padding:10px 13px;display:-webkit-box;overflow:hidden}:where(.design-site) .steps .bub.u{border-radius:14px 14px 14px 4px}:where(.design-site) .steps .sh{--h:150px;width:min(100%, calc(var(--h) * var(--ar)));aspect-ratio:var(--ar);box-shadow:0 0 0 .5px var(--rule), 0 10px 24px -16px #0e11164d;background:#fff;background-image:var(--grid);background-size:14px 14px;border-radius:10px;margin:0 auto;padding:10px}:where(.design-site) .steps .sh img{object-fit:contain;width:100%;height:100%;display:block}:where(.design-site) .steps .vtag{font:500 10.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent);align-items:center;gap:6px;margin-top:10px;display:inline-flex}:where(.design-site) .steps .vtag i{background:var(--accent-wash);border-radius:4px;padding:4px 6px;font-style:normal}:where(.design-site) .rel{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}:where(.design-site) .rel a{box-shadow:0 0 0 .5px var(--rule), 0 12px 28px -20px #0e11164d;color:var(--ink);transition:transform var(--d-fast) var(--ease-out), box-shadow var(--d-fast) var(--ease-out);background:#fff;border-radius:14px;flex-direction:column;display:flex;overflow:hidden}:where(.design-site) .rel a:hover{box-shadow:0 0 0 .5px var(--rule), 0 20px 36px -20px #0e111666;transform:translateY(-3px)}:where(.design-site) .rel .im{box-sizing:border-box;background-image:var(--grid);background-size:14px 14px;height:120px;padding:12px;display:block}:where(.design-site) .rel .im img{object-fit:contain;width:100%;height:100%;display:block}:where(.design-site) .rel .cap{font:550 12.5px/1.25 var(--sans);letter-spacing:-.005em;align-items:center;gap:7px;padding:10px 12px 12px;display:flex}:where(.design-site) .rel .cap .ti{width:14px;height:14px;color:var(--ink-2);flex:none}@media (max-width:960px){:where(.design-site) .uses,:where(.design-site) .steps{grid-template-columns:1fr}:where(.design-site) .steps>div{min-height:0}:where(.design-site) .rel{grid-template-columns:1fr 1fr}:where(.design-site) .faq summary{padding:14px 14px 14px 16px;font-size:14.5px}:where(.design-site) .faq details p{padding:0 16px 16px}}@media (max-width:600px){:where(.design-site) .bg{background-image:url(/design/art/bg-hero-m.png);height:min(900px,230vw);-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}:where(.design-site) .hero .kick{letter-spacing:.1em;font-size:10px}:where(.design-site) .hero h1{font-size:42px;line-height:1.02}:where(.design-site) .hero .sub,:where(.design-site) .toolhero .lede p{font-size:16px}:where(.design-site) .hero .composer-bar .meta,:where(.design-site) .lede .composer-bar .meta{display:none}:where(.design-site) .hero .types,:where(.design-site) .wrap.toolhero .types{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-start;margin-left:-16px;margin-right:-16px;padding:2px 16px;overflow-x:auto}:where(.design-site) .hero .types::-webkit-scrollbar{display:none}:where(.design-site) .wrap.toolhero .types::-webkit-scrollbar{display:none}:where(.design-site) .hero .types .tp,:where(.design-site) .wrap.toolhero .types .tp{flex:none}:where(.design-site) .toolhero .lede h1{font-size:40px}:where(.design-site) .toolhero .fine{font-size:11.5px}:where(.design-site) .dfoot{flex-wrap:wrap;gap:6px 8px;height:auto;padding:12px 16px;line-height:1.45}:where(.design-site) .dfoot .sd{width:100%}:where(.design-site) .dfoot .sd:before{content:none}:where(.design-site) .dfoot .rt{width:100%;margin-top:4px;margin-left:0}:where(.design-site) .dfoot .rt .btn{justify-content:center;width:100%}}:where(.design-site) .design-site[data-state] .rf-s{display:none}:where(.design-site) .design-site[data-state="1"] .rf-s[data-s="1"],:where(.design-site) .design-site[data-state="2"] .rf-s[data-s="2"],:where(.design-site) .design-site[data-state="3"] .rf-s[data-s="3"]{display:block}:where(.design-site) .rf-note{background:var(--surface);max-width:720px;font:400 13px/1.55 var(--sans);color:var(--ink-2);z-index:1;border-radius:12px;margin:28px 0 8px;padding:12px 16px;position:relative}:where(.design-site) .rf-note b{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;display:block}:where(.design-site) .rf-s .hd{margin-top:36px}:where(.design-site) .gcard.rf .im{background-color:var(--paper)}:where(.design-site) .rf-q{flex-direction:column;justify-content:center;gap:14px;padding:26px 28px;display:flex;position:absolute;inset:0}:where(.design-site) .rf-g{width:34px;height:34px;box-shadow:0 0 0 .5px var(--rule), var(--e-raised);color:var(--ink-2);background:#fff;border-radius:10px;place-items:center;display:grid}:where(.design-site) .rf-g .ti{width:18px;height:18px}:where(.design-site) .rf-g.lg{border-radius:14px;width:48px;height:48px}:where(.design-site) .rf-g.lg .ti{width:24px;height:24px}:where(.design-site) .rf-t{font:400 15px/1.5 var(--sans);color:var(--ink-2);-webkit-line-clamp:4;text-wrap:pretty;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}:where(.design-site) .gcard.rf:hover .rf-t{color:var(--ink)}:where(.design-site) .rf-art{min-height:520px}:where(.design-site) .rf-empty{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:560px;display:flex}:where(.design-site) .rf-empty h3{font:600 22px/1.25 var(--sans);letter-spacing:-.015em;color:var(--ink);margin-top:6px}:where(.design-site) .rf-empty p{font:400 15px/1.6 var(--sans);color:var(--ink-2);text-wrap:pretty}:where(.design-site) .rf-req{text-align:left;background:var(--surface);font:400 14px/1.55 var(--sans);color:var(--ink);border-radius:14px 14px 14px 4px;margin-top:6px;padding:12px 16px}:where(.design-site) .rf-req .k{font:500 10.5px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}:where(.design-site) .rf-act{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}@media (max-width:600px){:where(.design-site) .rf-art{min-height:0;padding:28px 18px}:where(.design-site) .rf-q{padding:18px}:where(.design-site) .rf-t{font-size:14px}:where(.design-site) .share .sh{flex-wrap:wrap}:where(.design-site) .share .sh .rt{flex-wrap:wrap;margin-left:0}}.design-site{--sans:var(--cd-sans);--mono:var(--cd-mono);--paper:var(--cd-paper);--ink:var(--cd-ink);--ink-2:var(--cd-ink-2);--muted:var(--cd-muted);--accent:var(--cd-accent);--surface:var(--cd-surface);--rule:var(--cd-stroke);isolation:isolate;min-height:100vh;position:relative;overflow:clip}.design-site .rv{opacity:1;transform:none}:where(.design-site) :is(button,a,textarea,input,select,summary):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.design-site button:not(:disabled){cursor:pointer}.design-site button:disabled{cursor:not-allowed}.design-site .top{z-index:20;position:relative}.design-site .composer textarea{resize:none}.design-site .composer textarea:focus-visible{outline:none}.design-site .demo-note{background:var(--accent-wash);text-align:center;font:var(--t-meta);padding:10px 16px;position:relative}.design-site .act-pause{color:var(--muted);font:var(--t-meta);justify-content:center;margin:12px auto;display:flex}.design-site .mobile-menu{display:none}@media (max-width:760px){.design-site .top{padding:0 16px}.design-site .top nav{display:none}.design-site .mobile-menu{display:grid}.design-site .top nav.mobile-open{background:var(--card);border-radius:var(--r-lg);box-shadow:var(--e-floating);flex-wrap:wrap;margin:0;padding:12px;display:flex;position:absolute;top:60px;left:16px;right:16px}.design-site .login-link{display:none}.design-site .top .right{gap:4px}}.design-site .composer-error{color:var(--danger);max-width:760px;font:var(--t-caption);margin:12px auto}.design-site .composer-file{border-radius:var(--r);background:var(--surface);font:var(--t-caption);justify-content:space-between;margin:0 14px 8px;padding:6px 10px;display:flex}.design-site .composer-file button{background:0 0;border:0}.design-site .composer .send:disabled{opacity:.45}.design-site .enter-hint{margin-right:8px}@media (max-width:760px){.design-site .enter-hint{display:none}.design-site .composer textarea{font-size:16px}}.design-site .comparison-scroll{overflow:auto}.design-site .cmp{border-collapse:collapse;text-align:left;width:100%}.design-site .cmp th,.design-site .cmp td{border-bottom:1px solid var(--surface-2);padding:18px}.design-site .cmp th:last-child,.design-site .cmp td:last-child{background:var(--accent-wash)}.design-site .three{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:40px;display:grid}.design-site .three h3{font:600 var(--t-h3);margin-bottom:10px}.design-site .three p{color:var(--ink-2)}.design-site .act-pause{background:0 0;border:0}.design-site .hero .types{flex-wrap:wrap}@media (max-width:760px){.design-site .three{grid-template-columns:1fr}.design-site .hero .types{flex-wrap:nowrap;justify-content:flex-start;overflow:auto}.design-site .hero .types .tp{flex:none}}.design-site .toolhero{text-align:center}.design-site .toolhero .crumb{justify-content:center}.design-site .toolhero h1{max-width:18ch;margin-left:auto;margin-right:auto}.design-site .toolhero>.lede>p{text-align:center;margin-left:auto;margin-right:auto}.design-site .toolhero .composer{text-align:left;width:min(760px,100%);margin:28px auto 0}.design-site .toolhero .types{flex-wrap:wrap;justify-content:center}.design-site .toolhero .fine{font:var(--t-meta);color:var(--muted);margin-top:14px}.drawing-preview{border-radius:var(--r-lg);isolation:isolate;background:#fff;min-width:0;height:240px;position:relative;overflow:hidden}.drawing-preview.large{height:560px}.drawing-preview>div{height:100%}.drawing-fallback{text-align:center;background:var(--surface);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.preview-loading{color:var(--muted);height:100%;font:var(--t-meta);place-items:center;display:grid}.design-site .gallery-card{background:var(--surface);border-radius:var(--r-xl);min-width:0;padding:10px}.design-site .gallery-caption{padding:12px 4px}.design-site .gallery-caption h3{font:600 var(--t-label)}.design-site .gallery-caption p{font:var(--t-meta);color:var(--muted);margin-top:5px}.design-site .gallery-card a{display:block}.design-site .mini-prompt{background:var(--surface);border-radius:var(--r-lg);font:var(--t-caption);margin-top:20px;padding:16px}.design-site .steps .im{height:180px;margin-top:16px}.design-site .steps .im img{object-fit:contain;width:100%;height:100%}.design-site .rel .drawing-preview{height:150px}.design-site .gal{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.design-site .dbody{grid-template-columns:340px 1fr;min-height:440px;display:grid}.design-site .dart{min-height:440px}.design-site .dfoot{color:var(--muted);font:var(--t-meta);justify-content:space-between;gap:12px;padding:14px 20px;display:flex}@media (max-width:760px){.design-site .gal{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.drawing-preview{height:180px}.drawing-preview.large{height:400px}.design-site .dbody{grid-template-columns:1fr}.design-site .dfoot{flex-wrap:wrap}.design-site .toolhero .types{flex-wrap:nowrap;justify-content:flex-start;overflow:auto}.design-site .toolhero .tp{flex:none}.design-site .dsay{min-height:200px}.design-site .dart{min-height:340px}}.design-site #types{position:relative}.design-site.design-header,.design-site.design-footer{isolation:auto;background:0 0;min-height:0;overflow:visible}.drawing-preview .renderer-scope{--card:0 0% 100%;--accent:233 56% 60%;--muted:225 17% 95%;height:100%;color:var(--cd-ink);font:14px/1.5 var(--cd-sans)}.design-site .hero .composer textarea{resize:none}.design-site .gal .drawing-preview{border-radius:0}.design-site .search input{background:0 0;outline:none;width:100%;min-width:0}.design-site .pagination{justify-content:center;align-items:center;gap:16px;margin-top:36px;display:flex}.design-site .empty-gallery{text-align:center;border:1px dashed var(--rule);border-radius:var(--r-lg);padding:48px}.design-site .reading{max-width:760px;font:16px/1.7 var(--sans);color:var(--ink-2)}.design-site .reading p{margin-bottom:16px}.design-site .reading h2,.design-site .reading h3{margin:24px 0 12px;font-weight:600}.design-site .reading ul,.design-site .reading ol{list-style:revert;padding-left:24px}.design-site .frame .drawing-preview{border-radius:0}.design-site .frame .renderer-scope{height:100%}.workspace-refreshed{background:var(--cd-paper)}.workspace-refreshed #chat-container>div:first-child header{border:0}.workspace-refreshed .workspace-canvas{padding:8px 10px 10px 0}.workspace-refreshed #artifact-panel{box-shadow:0 0 0 .5px var(--cd-stroke), 0 12px 32px -20px #0e111640;background:#fff;border-radius:14px;overflow:hidden}.workspace-refreshed #artifact-header{background:linear-gradient(#fff 58%,#0000);border:0}.workspace-refreshed #artifact-content{background:#fff radial-gradient(#e3e5ea 1px,#0000 1px) 0 0/20px 20px}.workspace-refreshed [role=tab][aria-selected=true]{color:var(--cd-ink);border-bottom:2px solid var(--cd-accent);background:0 0;border-radius:0}@media (max-width:760px){.workspace-refreshed .workspace-canvas{padding:4px}.drawing-preview.large{height:420px}.design-site .frame .bar .nm{text-overflow:ellipsis;min-width:0;overflow:hidden}}@media (prefers-reduced-motion:reduce){.workspace-refreshed *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}body:has(.workspace-refreshed):has(.claim-signup-overlay) [role=dialog]{background:var(--cd-paper);border-radius:18px;padding:0}body:has(.workspace-refreshed):has(.claim-signup-overlay) .fixed.inset-0[data-state=open]{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fafafb9e}@media (min-width:761px){body:has(.workspace-refreshed):has(.claim-signup-overlay) [role=dialog]{max-width:calc(58vw - 24px);left:calc(50% + min(260px,21vw))}body:has(.workspace-refreshed):has(.claim-signup-overlay) .fixed.inset-0[data-state=open]{left:min(520px,42vw)}}.design-site .rail .sugg .chip .cl{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@media (max-width:960px){.design-site .stage .rail .msgs{flex:none;justify-content:flex-start;height:300px}.design-site .stage .cv .canvas{flex:none;height:380px;min-height:0}.design-site .stage .cv .canvas svg{max-height:100%}}.design-site .idraw{place-items:center;display:grid}.design-site .idraw>svg{width:100%;height:100%;display:block;overflow:visible}.design-site .idraw svg .st{opacity:0}.design-site .idraw svg .st.in{opacity:1;transition:opacity .28s var(--ease-out)}.design-site .idraw svg .dr{stroke-dasharray:var(--len);stroke-dashoffset:var(--len)}.design-site .idraw svg .dr.in{stroke-dashoffset:0;transition:stroke-dashoffset .55s var(--ease-out)}@media (prefers-reduced-motion:reduce){.design-site .idraw svg .st,.design-site .idraw svg .dr{opacity:1;stroke-dashoffset:0;transition:none}}.design-site.auth-site,.design-site.share-site{min-height:100vh}.design-site .auth-text-button{border-radius:var(--r-sm);color:var(--accent);cursor:pointer;font:inherit}.design-site .auth-text-button:hover:not(:disabled){color:var(--accent-ink);text-underline-offset:3px;text-decoration:underline}.design-site .auth-back{margin-bottom:var(--s5);padding-left:0}.design-site .auth-intro{margin-bottom:var(--s5)}.design-site .auth-error{margin:var(--s4) 0;padding:var(--s3);border-radius:var(--r-lg);background:var(--danger-wash);color:var(--ink)}.design-site .auth-code{gap:var(--s2);margin-bottom:var(--s5);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.design-site .auth-code input{text-align:center;font:var(--t-h2);padding:0}.design-site .share{grid-template-rows:auto 1fr auto auto auto}.design-site .share-title{min-width:0}.design-site .share .sh h1{overflow-wrap:anywhere}.design-site .share-tools{gap:var(--s2);display:flex}.design-site .detail-frame .bar{height:auto;min-height:48px;padding-block:10px}.design-site .detail-frame .bar .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}@media (max-width:760px){.design-site .detail-frame .bar .rt{grid-template-columns:1fr 1fr;width:100%;display:grid}.design-site .detail-frame .share-tools{display:contents}.design-site .detail-frame .bar .rt button{justify-content:center;width:100%}}.design-site .share .stagebox{padding:var(--s6);min-width:0}.design-site .share .stagebox .drawing-preview{background:0 0;width:100%;height:600px}.design-site .share .stagebox #artifact-panel{background:0 0;animation:none}.design-site .share-links{align-items:center;gap:var(--s2);padding-bottom:var(--s5);font:var(--t-caption);color:var(--muted);display:flex}.design-site .share-links>span{margin-right:auto}.design-site[data-embed] .top,.design-site[data-embed] .share .made,.design-site[data-embed] .share-links{display:none}.design-site[data-embed] .share{grid-template-rows:auto 1fr auto;min-height:100vh}.design-site[data-embed] .share .sh{padding:var(--s4) 0 var(--s3)}.design-site[data-embed] .badge-embed{align-items:center;gap:var(--s2);padding:var(--s3) 0 var(--s4);font:var(--t-meta);color:var(--muted);display:flex}@media (max-width:960px){.design-site .auth .form{justify-self:center}}@media (max-width:600px){.design-site .auth-header-hint{display:none}.design-site .share .sh{flex-wrap:wrap}.design-site .share-title{flex:1}.design-site .share .sh .rt{width:100%;margin:var(--s2) 0 0;flex-wrap:wrap}.design-site .share .stagebox{padding:var(--s2);min-height:480px}.design-site .share .stagebox .drawing-preview{height:480px}.design-site .share-links{flex-wrap:wrap}.design-site .share-links>span{width:100%}}.design-site[data-embed] .share .stagebox{min-height:0;padding:var(--s2)}.design-site[data-embed] .share .stagebox .drawing-preview{height:clamp(200px,100dvh - 160px,600px)}.design-site .sec.gallery-directory{padding-top:var(--s8)}.design-site .gcard .im .drawing-preview{background:0 0;border-radius:0;width:100%;height:100%}.design-site .gcard .gallery-type{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.design-site .gcard .go{flex-shrink:0}.design-site .gallery-more{align-items:center;gap:var(--s4);flex-direction:column;margin-top:36px;display:flex}.design-site .filt .fb .ti{width:14px;height:14px}.design-site .search input{min-width:0}@media (prefers-reduced-motion:reduce){.design-site .gcard{transition:none}.design-site .gcard:hover{transform:none}}.design-site .gallery-request{justify-content:center;gap:var(--s3);height:100%;padding:var(--s5);background:var(--surface);color:var(--ink-2);flex-direction:column;display:flex}.design-site .gallery-request p{font:var(--t-body)}.design-site .gallery-request>span:last-child{font:var(--t-caption);color:var(--muted)}.design-site .gallery-use-cases{margin-top:var(--s4)}.design-site .gallery-use-cases summary{cursor:pointer;color:var(--accent);margin-bottom:var(--s4)}.design-site .gcard .im{pointer-events:none}.design-site .pricing-intro{text-align:center}.design-site .pricing-intro .crumb{justify-content:center}.design-site .pricing-intro .lede h1,.design-site .pricing-intro .lede p{margin-left:auto;margin-right:auto}.design-site .pricing-plans{text-align:center;padding-top:calc(var(--s7) - var(--s1))}.design-site .pricing-comparison{border-radius:var(--r-xl);overflow-x:auto}.design-site .pricing-comparison .cmp{min-width:660px}.design-site .pricing-comparison tbody th{font:500 var(--t-label);letter-spacing:0;text-transform:none;color:var(--ink);background:var(--card)}.design-site .pricing-comparison tbody tr:last-child th{border-bottom:0}.design-site .pricing-plans button:disabled{opacity:.6;cursor:wait}@media (prefers-reduced-motion:reduce){.design-site .pricing-plans .plan{transition:none}.design-site .pricing-plans .plan:hover{transform:none}}.design-site .pricing-swipe-hint{display:none}@media (max-width:700px){.design-site .pricing-swipe-hint{font:var(--t-caption);color:var(--muted);margin-bottom:var(--s3);display:block}}:where(.design-site) .browse-all,:where(.design-site) .start-blank{font:var(--t-meta);color:var(--muted);text-align:center;margin-top:26px}:where(.design-site) .browse-all a,:where(.design-site) .start-blank a{color:var(--accent)}:where(.design-site) main>.sec:last-child{padding-bottom:120px}:where(.design-site) .gal.two{grid-template-columns:repeat(2,1fr)}:where(.design-site) .sec.gallery-first{padding-top:44px}:where(.design-site) .notes+.reading{margin-top:24px}:where(.design-site) .br-search{max-width:none;margin:0 0 28px}:where(.design-site) .br-search input{flex:1}:where(.design-site) .br-clear{border-radius:var(--r-sm);width:28px;height:28px;color:var(--muted);place-items:center;display:grid}:where(.design-site) .br-clear:hover{background:var(--hover);color:var(--ink)}:where(.design-site) .br{grid-template-columns:232px minmax(0,1fr);align-items:start;gap:40px;display:grid}:where(.design-site) .br-side{scrollbar-width:thin;flex-direction:column;gap:28px;max-height:calc(100vh - 108px);padding-right:6px;display:flex;position:sticky;top:88px;overflow-y:auto}:where(.design-site) .br-sheet-head{display:none}:where(.design-site) .br-group{flex-direction:column;gap:2px;display:flex}:where(.design-site) .br-group h3{font:var(--t-kicker);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}:where(.design-site) .br-group a,:where(.design-site) .br-group>button{border-radius:var(--r-sm);min-height:34px;font:450 14px/1.3 var(--sans);color:var(--ink-2);text-align:left;transition:background var(--d-fast) var(--ease-out), color var(--d-fast) var(--ease-out);align-items:center;gap:8px;padding:6px 10px;display:flex}:where(.design-site) .br-group a:hover,:where(.design-site) .br-group>button:hover{background:var(--hover);color:var(--ink)}:where(.design-site) .br-group .on:hover{background:var(--card)}:where(.design-site) .br-group .on{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 .5px var(--rule);font-weight:600}:where(.design-site) .br-group span{flex:1;min-width:0}:where(.design-site) .br-group em{font:500 11px/1 var(--mono);color:var(--muted);font-variant-numeric:tabular-nums;font-style:normal}:where(.design-site) .br-group .ti{flex:none;width:16px;height:16px}:where(.design-site) .br-group .br-more{color:var(--accent);font-weight:500}:where(.design-site) .br-filter{border:.5px solid var(--rule);border-radius:var(--r-sm);background:var(--card);height:34px;font:400 13px/1 var(--sans);color:var(--ink);margin-bottom:6px;padding:0 10px}:where(.design-site) :is(.br-filter,.br-sort select):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-wash);outline:none}:where(.design-site) .br-bar{flex-wrap:wrap;align-items:center;gap:10px 12px;min-height:36px;margin-bottom:18px;display:flex}:where(.design-site) .br-total{font:var(--t-meta);color:var(--ink-2);font-variant-numeric:tabular-nums}:where(.design-site) .br-pills{flex-wrap:wrap;flex:1;gap:6px;display:flex}:where(.design-site) .br-pill{border:.5px solid var(--rule);background:var(--card);height:28px;font:500 12.5px/1 var(--sans);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:0 8px 0 12px;display:inline-flex}:where(.design-site) .br-pill .i{width:13px;height:13px;color:var(--muted)}:where(.design-site) .br-pill:hover .i{color:var(--ink)}:where(.design-site) .br-sort{font:var(--t-meta);color:var(--muted);align-items:center;gap:8px;margin-left:auto;display:inline-flex}:where(.design-site) .br-sort select{border:.5px solid var(--rule);border-radius:var(--r-sm);background:var(--card);height:32px;font:500 13px/1 var(--sans);color:var(--ink);padding:0 8px}:where(.design-site) .br-open{display:none}:where(.design-site) .br-grid{transition:opacity var(--d-fast) var(--ease-out)}:where(.design-site) .br-grid.loading{opacity:.55}:where(.design-site) .br-grid .gal{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.design-site) .br-grid .gal.two{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.design-site) .br-scrim{display:none}@media (max-width:1100px){:where(.design-site) .br-grid .gal{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){:where(.design-site) .br{grid-template-columns:minmax(0,1fr)}:where(.design-site) .br-open{order:3;display:inline-flex}:where(.design-site) .br-sort{order:4;margin-left:0}:where(.design-site) .br-pills{flex-basis:100%;order:5}:where(.design-site) .br-side{display:none}:where(.design-site) .br-side.open{z-index:70;background:var(--paper);border-radius:var(--r-xl) var(--r-xl) 0 0;max-height:82vh;box-shadow:var(--e-raised);padding:0 16px 24px;display:flex;position:fixed;inset:auto 0 0}:where(.design-site) .br-side.open .br-sheet-head{z-index:1;background:var(--paper);border-bottom:.5px solid var(--rule);justify-content:space-between;align-items:center;padding:16px 0 12px;display:flex;position:sticky;top:0}:where(.design-site) .br-scrim{z-index:69;background:#0c0e1852;display:block;position:fixed;inset:0}}@media (max-width:600px){:where(.design-site) .br-grid .gal{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){:where(.design-site) .br-grid,:where(.design-site) .br-group a,:where(.design-site) .br-group>button{transition:none}}:where(.design-site) .br-pager{font:var(--t-meta);color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;margin-top:22px;display:flex}:where(.design-site) .br-pager a,:where(.design-site) .br-pager b{border-radius:var(--r-sm);place-items:center;min-width:32px;height:32px;padding:0 8px;display:inline-grid}:where(.design-site) .br-pager a{color:var(--ink-2)}:where(.design-site) .br-pager a:hover{background:var(--hover);color:var(--ink)}:where(.design-site) .br-pager b{background:var(--card);color:var(--ink);box-shadow:inset 0 0 0 .5px var(--rule)}:where(.design-site) .br-pager .gap{padding:0 4px}:where(.design-site[dir=rtl]) [data-glyph=arrow-right]{transform:scaleX(-1)}.design-site .hd.centered{text-align:center;margin-inline:auto}.design-site .steps .req{box-shadow:0 0 0 .5px var(--rule);font:400 13.5px/1.5 var(--sans);background:#fff;border-radius:12px;margin-top:16px;padding:13px 14px}.design-site .steps .vtag{font:500 11px/1.5 var(--mono);text-transform:uppercase}.design-site .detail-frame .drawing-preview.fit-drawing{width:100%;height:auto;min-height:320px;max-height:72vh}.design-site .detail-frame .fit-drawing>.renderer-scope{position:absolute;inset:0}.design-site .fit-drawing .schematex-stage svg{width:100%;height:100%}.design-site .detail-frame .drawing-fallback.rf-art{height:auto;min-height:320px}.design-site .detail-frame .fit-drawing:has(.drawing-fallback){max-height:none}.design-site .crash .crash-status{color:#b4441f;align-items:center;gap:7px;display:inline-flex}.design-site .crash-status i{background:#e0673d;border-radius:50%;width:7px;height:7px}.design-site .drawing-preview .renderer-failure{display:none}:where(.design-site) .done .resume .welcome-thumbnail{justify-content:center;align-items:center;display:flex}:where(.design-site) .done .resume .welcome-thumbnail img{object-fit:contain;width:100%;height:100%;padding:5px;position:static}