:root{--font-body:ui-sans-serif, system-ui, -apple-system, sans-serif;--font-display:Georgia, "Times New Roman", serif;--text-primary:#23241f;--text-secondary:#7c7a6e;--text-muted:#a9a296;--text-on-accent:#fff;--text-accent:var(--accent-primary);--surface-page:#f4f2ed;--surface-raised:#fff;--surface-inset:#ebe6da;--surface-accent-soft:var(--surface-inset);--surface-accent-soft-hover:color-mix(in srgb, var(--surface-inset) 85%, var(--accent-primary));--surface-dark:#2d2a26;--text-on-dark:#fbf8f4;--text-on-dark-muted:#8a8680;--accent-on-dark:var(--accent-primary);--border-on-dark:#3a3835;--radius-card:1rem;--radius-control:.6rem;--radius-pill:999px;--border-width:1px;--card-border:#e4e0d6;--divider-rule:#edeae2;--space-xs:.4rem;--space-sm:.8rem;--space-md:1.2rem;--space-lg:1.6rem;--space-xl:2.4rem;--elevation-card:0 4px 20px #23241f1f;--elevation-overlay:0 12px 48px #23241f1a, 0 4px 16px #23241f0f;--elevation-dropdown:0 .4rem 1.6rem #23241f14;--notif-success-surface:#eef3ea;--notif-success-border:#c5d4b8;--notif-success-accent:#3d5a32;--notif-success-text:#4a5c40;--notif-warning-surface:#faf3e8;--notif-warning-border:#e5d0a8;--notif-warning-accent:#8a6230;--notif-warning-text:#6b4f28;--notif-error-surface:#f8ebe6;--notif-error-border:#e0b8a8;--notif-error-accent:#7a4130;--notif-error-text:#6b4035;--notif-info-surface:#eef1f0;--notif-info-border:#c8d0cc;--notif-info-accent:#3b5248;--notif-info-text:#4a5c54;--z-dropdown:80;--z-toast:9999;--z-modal:200;--overlay-scrim:#23241f57;--accent-primary:#4a5240;--accent-primary-hover:#3b4233;--accent-primary-subtle:color-mix(in srgb, var(--accent-primary) 12%, transparent);--accent-mark:var(--accent-primary);--text-danger:#7a4130;--text-success:#3d5a32;--control-height:4rem;--control-height-sm:3.2rem;--control-padding-x:1.2rem;--control-padding-x-sm:1rem;--control-icon-size:3.6rem;--input-bg:var(--surface-raised);--input-bg-inset:var(--surface-inset);--input-border:var(--card-border);--input-border-focus:var(--accent-primary);--input-text:var(--text-primary);--input-placeholder:var(--text-muted);--btn-primary-bg:var(--accent-primary);--btn-primary-bg-hover:var(--accent-primary-hover);--btn-primary-text:var(--text-on-accent);--btn-primary-border:var(--accent-primary);--btn-secondary-bg:transparent;--btn-secondary-bg-hover:var(--accent-primary-subtle);--btn-secondary-text:var(--accent-primary);--btn-secondary-border:var(--accent-primary);--btn-tertiary-bg:transparent;--btn-tertiary-bg-hover:var(--surface-inset);--btn-tertiary-text:var(--text-primary);--btn-tertiary-border:var(--card-border);--btn-danger-bg:color-mix(in srgb, var(--text-danger) 10%, var(--surface-raised));--btn-danger-bg-hover:color-mix(in srgb, var(--text-danger) 16%, var(--surface-raised));--btn-danger-text:var(--text-danger);--btn-danger-border:color-mix(in srgb, var(--text-danger) 35%, transparent);--btn-success-bg:color-mix(in srgb, var(--text-success) 10%, var(--surface-raised));--btn-success-bg-hover:color-mix(in srgb, var(--text-success) 16%, var(--surface-raised));--btn-success-text:var(--text-success);--btn-success-border:color-mix(in srgb, var(--text-success) 35%, transparent);--btn-external-text:var(--text-accent);--btn-external-bg:var(--surface-accent-soft);--btn-external-bg-hover:var(--surface-accent-soft-hover);--btn-external-border:transparent;--btn-external-radius:var(--radius-pill);--btn-external-padding:1rem 1.8rem;--btn-external-font-size:1.3rem;--btn-external-font-weight:500;--btn-external-icon-size:1.4rem;--btn-link-text:var(--text-accent);--btn-link-bg:transparent;--btn-link-bg-hover:transparent;--btn-link-border:transparent;--toggle-track:var(--card-border);--toggle-track-active:var(--accent-primary);--toggle-thumb:var(--text-on-accent);--focus-ring:0 0 0 2px color-mix(in srgb, var(--accent-primary) 35%, transparent);--field-label-text:var(--text-primary);--field-hint-text:var(--text-muted);--field-error-text:var(--text-danger);--textarea-min-height:10rem}.container{box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (width>=576px){.container{max-width:540px}}@media (width>=768px){.container{max-width:720px}}@media (width>=992px){.container{max-width:960px}}@media (width>=1200px){.container{max-width:1140px}}@media (width>=1400px){.container{max-width:1320px}}:root{--font-body:"Geist", ui-sans-serif, system-ui, sans-serif;--font-display:"Geist", ui-sans-serif, system-ui, sans-serif;--design-font-accent:"Instrument Serif", Georgia, serif;--design-font-brand:"Bricolage Grotesque", var(--font-display);--design-font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--surface-page:#f5f3ee;--surface-raised:#fbfaf7;--surface-inset:#efebe3;--surface-dark:#141414;--text-primary:#141414;--text-secondary:#55524c;--text-muted:#8a857b;--text-on-dark:#f5f3ee;--text-on-dark-muted:#b6b1a7;--border-on-dark:#2a2927;--accent-primary:oklch(68% .14 38);--accent-primary-hover:oklch(63% .14 38);--accent-primary-subtle:oklch(95.5% .022 45);--text-on-accent:#fff;--text-accent:oklch(55% .13 38);--card-border:#ebe7df;--divider-rule:#d9d5cc;--radius-card:2rem;--radius-control:1rem;--radius-pill:999px;--elevation-card:0 1px 2px #1414140a, 0 18px 40px -18px #1414142e;--elevation-overlay:0 30px 80px #0000001f;--overlay-scrim:#1414146b;--btn-primary-bg:#141414;--btn-primary-bg-hover:#2a2927;--btn-primary-text:#f5f3ee;--btn-primary-border:#141414;--btn-tertiary-bg:transparent;--btn-tertiary-bg-hover:#ece8e0;--btn-tertiary-text:#141414;--btn-tertiary-border:#cfcac0;--input-bg:#efebe3;--input-border:transparent;--input-border-focus:#cfcac0;--focus-ring:0 0 0 3px oklch(68% .14 38/.3);--design-btn-radius:999px;--design-sand:#ece8e0;--design-line-soft:#efebe3;--design-card:#fff;--design-selected:oklch(95.5% .022 45);--design-ember-on-dark:oklch(76% .12 42);--design-chrome-raised:#232220;--design-chrome-hover:#2e2c29;--design-chrome-active:#2a2927;--design-tint-blue:oklch(87% .06 255);--design-tint-green:oklch(89% .07 160);--design-tint-ember:oklch(89% .05 42);--design-tint-rose:oklch(90% .05 10);--design-tint-lilac:oklch(88% .07 290);--design-tint-mint:oklch(90% .07 180);--design-tint-stone:#e4dfd5;--design-tint-night:oklch(30% .02 260);--design-avatar-1:oklch(80% .09 42);--design-avatar-2:oklch(80% .1 200);--design-avatar-3:oklch(82% .11 150);--design-canvas:#1d1c1a;--design-canvas-dot:#f5f3ee12;--design-canvas-label:#8a857b;--design-panel:#fbfaf7;--design-panel-line:#e7e2d9;--design-select:oklch(66% .15 38);--design-select-soft:oklch(66% .15 38/.12);--design-guide:oklch(70% .17 250);--design-claude:oklch(72% .13 60);--design-claude-subtle:oklch(96% .04 70);--design-claude-text:oklch(52% .12 60)}.pxl-design-pill{border-radius:var(--radius-pill);height:3.6rem;font:500 1.4rem/1 var(--font-body);cursor:pointer;white-space:nowrap;border:1px solid #0000;align-items:center;gap:.7rem;padding:0 1.6rem;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,color .2s,box-shadow .2s;display:inline-flex}.pxl-design-pill:hover:not(:disabled){transform:translateY(-1px)}.pxl-design-pill:active:not(:disabled){transform:scale(.97)}.pxl-design-pill:disabled{opacity:.5;cursor:default}.pxl-design-pill.is-ink{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.pxl-design-pill.is-ink:hover:not(:disabled){background:var(--btn-primary-bg-hover)}.pxl-design-pill.is-ember{background:var(--accent-primary);color:var(--text-on-accent)}.pxl-design-pill.is-ember:hover:not(:disabled){background:var(--accent-primary-hover)}.pxl-design-pill.is-ghost{color:inherit;border-color:var(--btn-tertiary-border);background:0 0}.pxl-design-pill.is-ghost:hover:not(:disabled){background:var(--btn-tertiary-bg-hover)}.pxl-design-ibtn{width:2.8rem;height:2.8rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:.8rem;flex:none;place-items:center;padding:0;transition:background .15s,color .15s;display:inline-grid}.pxl-design-ibtn:hover:not(:disabled),.pxl-design-ibtn.is-on{background:var(--surface-inset);color:var(--text-primary)}.pxl-design-ibtn.is-chrome{color:var(--text-on-dark-muted)}.pxl-design-ibtn.is-chrome:hover{background:var(--design-chrome-hover);color:var(--text-on-dark)}.pxl-design-btn{border-radius:var(--radius-pill);background:var(--surface-inset);height:3rem;color:var(--text-primary);font:500 1.3rem/1 var(--font-body);cursor:pointer;border:0;align-items:center;gap:.6rem;padding:0 1.2rem;text-decoration:none;display:inline-flex}.pxl-design-btn.is-icon{flex:none;justify-content:center;width:3rem;padding:0}.pxl-design-btn:hover:not(:disabled){background:var(--design-sand)}.pxl-design-link{color:var(--text-accent);font:inherit;cursor:pointer;text-underline-offset:.2em;background:0 0;border:0;padding:0;text-decoration:underline}.pxl-design-menu{z-index:50;background:var(--surface-dark);min-width:22rem;color:var(--text-on-dark);box-shadow:var(--elevation-overlay);border-radius:1.4rem;padding:.6rem;animation:.22s cubic-bezier(.22,1,.36,1) pxl-design-menu-in;display:grid;position:absolute}.pxl-design-menu.is-right{top:calc(100% + .6rem);right:0}.pxl-design-menu.is-context{animation-duration:.16s;position:fixed}.pxl-design-menu button,.pxl-design-menu a{color:inherit;font:1.35rem/1.2 var(--font-body);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.8rem;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;text-decoration:none;display:flex}.pxl-design-menu a,.pxl-design-menu.is-right button{justify-content:flex-start}.pxl-design-menu button:hover:not(:disabled),.pxl-design-menu a:hover{background:var(--design-chrome-hover)}.pxl-design-menu button:disabled{opacity:.35;cursor:default}.pxl-design-menu kbd{font:1.15rem/1 var(--design-font-mono);color:var(--text-on-dark-muted)}.pxl-design-menu hr{border:0;border-top:1px solid var(--border-on-dark);margin:.4rem .6rem}@keyframes pxl-design-menu-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.pxl-design-toast{z-index:80;border-radius:var(--radius-pill);background:var(--surface-dark);color:var(--text-on-dark);box-shadow:var(--elevation-overlay);pointer-events:none;padding:1.1rem 1.8rem;font-size:1.4rem;animation:3.2s cubic-bezier(.22,1,.36,1) both pxl-design-toast;position:fixed;bottom:2.8rem;left:50%;transform:translate(-50%)}@keyframes pxl-design-toast{0%{opacity:0;transform:translate(-50%,12px)}8%,88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,6px)}}.pxl-design-avatar{background:var(--design-avatar-1);width:2.8rem;height:2.8rem;color:var(--text-primary);font:600 1.2rem/1 var(--font-body);border-radius:50%;flex:none;place-items:center;display:inline-grid}.pxl-design-avatar.is-claude{background:var(--surface-dark);color:var(--design-claude);box-shadow:0 0 0 2px var(--design-claude);animation:2.4s cubic-bezier(.65,0,.35,1) infinite pxl-design-bob}.pxl-design-seg{border-radius:var(--radius-pill);background:var(--surface-inset);align-items:center;gap:.2rem;padding:.3rem;display:inline-flex}.pxl-design-seg button{border-radius:var(--radius-pill);min-width:3.2rem;height:2.8rem;color:var(--text-secondary);font:500 1.25rem/1 var(--font-body);cursor:pointer;background:0 0;border:0;place-items:center;padding:0 1rem;transition:background .2s,color .2s;display:inline-grid}.pxl-design-seg button.is-on{background:var(--surface-raised);color:var(--text-primary);box-shadow:0 1px 2px #14141414}.pxl-design-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.7rem;font-size:1.3rem;display:inline-flex}.pxl-design input[type=checkbox]{appearance:none;background:var(--surface-raised,#fff);width:1.8rem;height:1.8rem;box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--text-primary) 28%, transparent);cursor:pointer;border-radius:.6rem;flex:none;margin:0;transition:background .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.34,1.56,.64,1);position:relative}.pxl-design input[type=checkbox]:after{content:"";background:var(--text-on-accent);clip-path:inset(0 100% 0 0);transition:clip-path .12s ease-in;position:absolute;inset:0;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3.8 9.6 6.9 12.6 11.2 7.7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='11.9' y='3.6' width='3.2' height='3.2' rx='0.7' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M3.8 9.6 6.9 12.6 11.2 7.7' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Crect x='11.9' y='3.6' width='3.2' height='3.2' rx='0.7' fill='none' stroke='black' stroke-width='1.4'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}.pxl-design input[type=checkbox]:hover:not(:disabled){box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--text-primary) 55%, transparent)}.pxl-design input[type=checkbox]:checked{background:var(--accent-primary);box-shadow:inset 0 0 0 1.5px var(--accent-primary), 0 2px 6px -2px color-mix(in oklab, var(--accent-primary) 70%, transparent)}.pxl-design input[type=checkbox]:checked:after{clip-path:inset(0);transition:clip-path .32s cubic-bezier(.65,0,.35,1) 40ms}.pxl-design input[type=checkbox]:active:not(:disabled){transform:scale(.88)}.pxl-design input[type=checkbox]:focus-visible{box-shadow:inset 0 0 0 1.5px var(--text-primary), var(--focus-ring);outline:none}.pxl-design input[type=checkbox]:disabled{opacity:.45;cursor:default}@media (prefers-reduced-motion:reduce){.pxl-design input[type=checkbox],.pxl-design input[type=checkbox]:after{transition:none}}.pxl-design-hint{color:var(--text-muted);margin:0;font-size:1.25rem;line-height:1.5}.pxl-design-hint code{font-family:var(--design-font-mono);font-size:1.15rem}.pxl-design-badge{border-radius:var(--radius-pill);background:var(--accent-primary-subtle);color:var(--text-accent);font:500 1.15rem/1.2 var(--font-body);align-items:center;padding:.3rem .8rem;display:inline-flex}.pxl-design-versions,.pxl-design-share{color:var(--text-primary)}.pxl-design-versions{gap:1.4rem;display:grid}.pxl-design-versions h2{letter-spacing:-.03em;margin:0;font-size:2.8rem;font-weight:600}.pxl-design-versions-list{max-height:40rem;margin:0;padding:0;list-style:none;overflow:auto}.pxl-design-versions-list li{border-top:1px solid var(--card-border);align-items:center;gap:1.2rem;padding:1rem 0;font-size:1.4rem;display:flex}.pxl-design-versions-list li>span{flex:1;display:grid}.pxl-design-versions-list li>span span{color:var(--text-muted);font-size:1.25rem}.pxl-design select:not(.pxl-design-token-pick){appearance:none;text-overflow:ellipsis;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238a857b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 1.1rem center;background-repeat:no-repeat;background-size:1.2rem 1.2rem;padding-right:3rem}.pxl-design select:not(.pxl-design-token-pick):hover{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23141414' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.pxl-design :where(button,a,[role=tab],[role=radio]):focus-visible{outline:2px solid var(--accent-primary);outline-offset:3px}.pxl-modal-dialog:has(.pxl-modal-body>.pxl-design>.pxl-design-label:first-child){--pxd-modal-pad-y:3rem;--pxd-modal-pad-x:3.2rem;--pxd-modal-label-lh:1.8rem}.pxl-modal-dialog:has(.pxl-modal-body>.pxl-design>.pxl-design-label:first-child) .pxl-modal-body{padding:var(--pxd-modal-pad-y) var(--pxd-modal-pad-x)}.pxl-modal-dialog:has(.pxl-modal-body>.pxl-design>.pxl-design-label:first-child) .pxl-modal-body>.pxl-design>.pxl-design-label:first-child{line-height:var(--pxd-modal-label-lh);padding-right:4.4rem}.pxl-modal-dialog:has(.pxl-modal-body>.pxl-design>.pxl-design-label:first-child)>.pxl-modal-close{top:calc(var(--pxd-modal-pad-y) + var(--pxd-modal-label-lh) / 2 - 2.2rem);right:calc(var(--pxd-modal-pad-x) - 1.6rem)}.pxl-design{font-family:var(--font-body);color:var(--text-primary);background:var(--surface-page);-webkit-font-smoothing:antialiased}.pxl-design *,.pxl-design :before,.pxl-design :after{box-sizing:border-box}@keyframes pxl-design-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pxl-design-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-9px)rotate(-1.5deg)}}@keyframes pxl-design-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(2%,-3%)scale(1.05)}}@keyframes pxl-design-sheen{0%{background-position:-140% 0}to{background-position:240% 0}}@keyframes pxl-design-pop{0%{opacity:0;transform:scale(.6)translateY(8px)}60%{opacity:1;transform:scale(1.06)translateY(0)}to{opacity:1;transform:none}}@keyframes pxl-design-spin{to{transform:rotate(360deg)}}@keyframes pxl-design-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes pxl-design-marquee{to{transform:translate(-50%)}}.pxl-design-rise{animation:.62s cubic-bezier(.22,1,.36,1) both pxl-design-rise}.pxl-design-rise[style*=--i]{animation-delay:calc(var(--i) * 70ms)}.pxl-design-reveal{opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(2.4rem)}.pxl-design-reveal.is-in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.pxl-design *,.pxl-design :before,.pxl-design :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.pxl-design-reveal{opacity:1;transform:none}}.pxl-design .pxl-btn{border-radius:var(--design-btn-radius,var(--radius-control))}.pxl-design-mono{font-family:var(--design-font-mono,ui-monospace, monospace)}.pxl-design-serif{font-family:var(--design-font-accent,var(--font-display));letter-spacing:-.02em;font-style:italic;font-weight:400}.pxl-design-ext{font-family:var(--design-font-mono,ui-monospace, monospace);background:var(--surface-inset);color:var(--text-secondary);border-radius:.5rem;flex:none;padding:.4rem .6rem;font-size:1rem;line-height:1}.pxl-design-tint-blue{background:var(--design-tint-blue,var(--surface-inset))}.pxl-design-tint-green{background:var(--design-tint-green,var(--surface-inset))}.pxl-design-tint-ember{background:var(--design-tint-ember,var(--surface-inset))}.pxl-design-tint-rose{background:var(--design-tint-rose,var(--surface-inset))}.pxl-design-tint-lilac{background:var(--design-tint-lilac,var(--surface-inset))}.pxl-design-tint-mint{background:var(--design-tint-mint,var(--surface-inset))}.pxl-design-tint-stone{background:var(--design-tint-stone,var(--surface-inset))}.pxl-design-tint-night{background:var(--design-tint-night,var(--surface-dark))}.pxl-design-mark{--tile:2.8rem;--ink:var(--text-primary);--paper:var(--surface-page);--ember:var(--accent-primary);--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.65, 0, .35, 1);align-items:center;gap:calc(var(--tile) * .38);font-family:var(--font-display);letter-spacing:-.025em;color:var(--ink);white-space:nowrap;font-size:2rem;font-weight:600;line-height:1;display:inline-flex}.pxl-design-mark-sm{--tile:2.2rem;font-size:1.6rem}.pxl-design-mark-lg{--tile:5.2rem;font-size:2.6rem}.pxl-design-mark-paper{--ink:var(--text-on-dark);--paper:var(--surface-dark)}.pxl-design-mark{--handle-fill:#fff}.pxl-design-mark-paper{--handle-fill:var(--surface-dark)}.pxl-design-mark-tile{width:var(--tile);height:var(--tile);transition:transform .5s var(--spring);flex:none;position:relative}.pxl-design-mark-svg{width:100%;height:100%;display:block;overflow:visible}.pxl-design-mark-svg *{transform-box:view-box}.pxl-design-mark-d{fill:color-mix(in oklch, var(--ember) 16%, transparent);stroke:var(--ember);stroke-width:3.2px;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:0;transform-origin:7px 16px}.pxl-design-mark-handle line{stroke:var(--ink);stroke-width:1.5px;stroke-linecap:round}.pxl-design-mark-handle circle{fill:var(--ink)}.pxl-design-mark-handle.is-top{transform-origin:7px 6px}.pxl-design-mark-handle.is-bottom{transform-origin:7px 26px}.pxl-design-mark-anchor{fill:var(--handle-fill);stroke:var(--ink);stroke-width:1.7px}.pxl-design-mark-anchor.is-top{transform-origin:7px 6px}.pxl-design-mark-anchor.is-bottom{transform-origin:7px 26px}.pxl-design-mark-name{font-family:var(--design-font-brand,var(--font-display));font-variation-settings:"opsz" 36;letter-spacing:-.045em;align-items:baseline;gap:.2em;font-weight:700;display:inline-flex}.pxl-design-mark-name em{font-family:var(--design-font-accent,Georgia, serif);letter-spacing:-.015em;padding-right:.04em;font-size:1.2em;font-style:italic;font-weight:400;line-height:.9;position:relative}.pxl-design-mark-swash{pointer-events:none;width:calc(100% + .06em);height:.32em;position:absolute;bottom:-.2em;left:-.04em;right:-.02em;overflow:visible}.pxl-design-mark-swash path{fill:none;stroke:var(--ember);stroke-width:max(1.4px,.09em);stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:100;stroke-dashoffset:0}.pxl-design-mark:not(.is-static) .pxl-design-mark-name{animation:.7s cubic-bezier(.22,1,.36,1) .2s both pxl-design-mark-name-in}.pxl-design-mark:not(.is-static) .pxl-design-mark-swash path{animation:.8s cubic-bezier(.65,0,.35,1) .65s both pxl-design-mark-swash}.pxl-design-mark.is-editing .pxl-design-mark-swash path{animation:.8s cubic-bezier(.65,0,.35,1) .65s both pxl-design-mark-swash,1.15s cubic-bezier(.65,0,.35,1) both pxl-design-mark-swash-redraw}@keyframes pxl-design-mark-name-in{0%{opacity:0;filter:blur(4px);translate:-.4em}to{opacity:1;filter:none;translate:0}}@keyframes pxl-design-mark-swash{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}@keyframes pxl-design-mark-swash-redraw{0%{stroke-dashoffset:0}35%{stroke-dashoffset:-100px}35.01%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.pxl-design-mark:not(.is-static) .pxl-design-mark-d{animation:pxl-design-mark-draw .9s var(--ease) 50ms both}.pxl-design-mark:not(.is-static) .pxl-design-mark-anchor{animation:pxl-design-mark-pop .5s var(--spring) both}.pxl-design-mark:not(.is-static) .pxl-design-mark-anchor.is-top{animation-delay:.15s}.pxl-design-mark:not(.is-static) .pxl-design-mark-anchor.is-bottom{animation-delay:.6s}.pxl-design-mark:not(.is-static) .pxl-design-mark-handle{animation:pxl-design-mark-reach .55s var(--spring) .75s both}.pxl-design-mark:not(.is-static) .pxl-design-mark-handle.is-bottom{animation-delay:.85s}.pxl-design-mark.is-editing .pxl-design-mark-d{animation:pxl-design-mark-draw .9s var(--ease) 50ms both, pxl-design-mark-bulge 1.2s var(--ease) both}.pxl-design-mark.is-editing .pxl-design-mark-handle.is-top{animation:pxl-design-mark-reach .55s var(--spring) .75s both, pxl-design-mark-swing-top 1.2s var(--ease) both}.pxl-design-mark.is-editing .pxl-design-mark-handle.is-bottom{animation:pxl-design-mark-reach .55s var(--spring) .85s both, pxl-design-mark-swing-bottom 1.2s var(--ease) both}.pxl-design-mark.is-hover:hover .pxl-design-mark-tile{transform:rotate(-5deg)scale(1.05)}.pxl-design-mark.is-loop .pxl-design-mark-d{animation:pxl-design-mark-draw .9s var(--ease) 50ms both, pxl-design-mark-bulge 2.4s var(--ease) 1.2s infinite both}.pxl-design-mark.is-loop .pxl-design-mark-handle.is-top{animation:pxl-design-mark-reach .55s var(--spring) .75s both, pxl-design-mark-swing-top 2.4s var(--ease) 1.2s infinite both}.pxl-design-mark.is-loop .pxl-design-mark-handle.is-bottom{animation:pxl-design-mark-reach .55s var(--spring) .85s both, pxl-design-mark-swing-bottom 2.4s var(--ease) 1.2s infinite both}@keyframes pxl-design-mark-draw{0%{stroke-dashoffset:100px;fill-opacity:0}75%{stroke-dashoffset:0;fill-opacity:0}to{stroke-dashoffset:0;fill-opacity:1}}@keyframes pxl-design-mark-pop{0%{opacity:0;scale:0}to{opacity:1;scale:1}}@keyframes pxl-design-mark-reach{0%{opacity:0;scale:0 1}to{opacity:1;scale:1}}@keyframes pxl-design-mark-bulge{0%,to{transform:none}40%,60%{transform:scaleX(1.16)}}@keyframes pxl-design-mark-swing-top{0%,to{transform:none}40%,60%{transform:rotate(-16deg)scaleX(1.12)}}@keyframes pxl-design-mark-swing-bottom{0%,to{transform:none}40%,60%{transform:rotate(16deg)scaleX(1.12)}}@media (prefers-reduced-motion:reduce){.pxl-design-mark *,.pxl-design-mark-tile{transition:none!important;animation:none!important}}.pxl-design-live{--mx:0;--my:0;max-width:118rem;margin:0 auto;padding:4rem 2.4rem 6rem;position:relative}.pxl-design-live [style*=--depth]{transform:translate3d(calc(var(--mx) * var(--depth) * .8rem), calc(var(--my) * var(--depth) * .8rem), 0);transition:transform .6s cubic-bezier(.22,1,.36,1)}.pxl-design-live-deco{pointer-events:none;position:absolute}.pxl-design-live-deco.is-sun{background:var(--accent-primary);opacity:.85;border-radius:50%;width:15rem;height:15rem;animation:14s cubic-bezier(.65,0,.35,1) infinite pxl-design-live-drift;top:0;right:1%}.pxl-design-live-deco.is-ring{border:2.2rem solid var(--design-sand);border-radius:50%;width:18rem;height:18rem;bottom:8%;left:-1%}.pxl-design-live-deco.is-dots{background-image:radial-gradient(var(--text-muted) 1.5px, transparent 1.6px);opacity:.45;background-size:1.4rem 1.4rem;width:12rem;height:8rem;top:5%;left:7%}@keyframes pxl-design-live-drift{0%,to{translate:0}50%{translate:-1.2rem 1.4rem}}@media (prefers-reduced-motion:reduce){.pxl-design-live-deco.is-sun{animation:none}}.pxl-design-live:before{content:"";z-index:-1;background:radial-gradient(60% 60% at 70% 30%, color-mix(in oklab, var(--accent-primary) 30%, transparent), transparent 70%);filter:blur(40px);opacity:.7;border-radius:4rem;position:absolute;inset:6% 4% -4%}.pxl-design-live-window{z-index:1;background:linear-gradient(#fbfaf7,#f1ede5);border-radius:2.6rem;padding:.8rem;position:relative;box-shadow:0 0 0 1px #14141412,inset 0 1px #ffffffe6,0 50px 100px -48px #3c281973,0 18px 40px -26px #3c28194d}.pxl-design-live-fit{background:#fff;border-radius:1.9rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1414140f}.pxl-design-live-stage{transform-origin:0 0;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;top:0;left:0}.pxl-design-live-stage .pxl-design-editor.is-demo{position:absolute}.pxl-design-live-loading{background-color:#fff;background-image:radial-gradient(#14141421 1px,#0000 1.2px);background-size:2.4rem 2.4rem;position:absolute;inset:0}@media (width<=640px){.pxl-design-showcase-wrap{padding-left:.8rem;padding-right:.8rem}.pxl-design-live{padding:2rem 0 3.2rem}.pxl-design-live-window{border-radius:1.6rem;padding:.4rem}.pxl-design-live-fit{border-radius:1.2rem}.pxl-design-live-deco.is-sun{width:8rem;height:8rem}.pxl-design-live-deco.is-ring{border-width:1.4rem;width:10rem;height:10rem}}.pxl-design-landing{--gutter:clamp(1.6rem, 4.4vw, 6.4rem);--section:clamp(8rem, 10vw, 14rem);--max:144rem;min-height:100dvh;font-size:1.6rem;overflow-x:clip}.pxl-design-landing a{color:inherit;text-decoration:none;transition:color .2s}.pxl-design-landing a:hover{color:var(--accent-primary)}.pxl-design-landing button{font:inherit;cursor:pointer}.pxl-design-landing>*{max-width:var(--max);margin-inline:auto}.pxl-design-cta{border-radius:var(--radius-pill);border:1px solid #0000;justify-content:center;align-items:center;padding:1.6rem 2.6rem;font-size:1.6rem;font-weight:500;line-height:1.2;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .2s,border-color .2s;display:inline-flex}.pxl-design-cta:hover{transform:translateY(-1px)}.pxl-design-cta:active{transform:scale(.97)}.pxl-design-cta-sm{padding:1rem 1.8rem;font-size:1.5rem}.pxl-design-cta-ink{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.pxl-design-cta-ink:hover{background:var(--btn-primary-bg-hover)}.pxl-design-cta-line{border-color:var(--btn-tertiary-border);color:var(--text-primary);background:0 0}.pxl-design-cta-line:hover{background:var(--btn-tertiary-bg-hover)}.pxl-design-cta-ember{background:var(--accent-primary);color:var(--text-on-accent);padding:1.6rem 2.8rem;font-weight:600}.pxl-design-cta-ember:hover{background:var(--accent-primary-hover)}.pxl-design-link-btn{border-radius:var(--radius-pill);color:var(--text-primary);background:0 0;border:0;padding:1rem 1.8rem;font-size:1.5rem;transition:color .2s,background .2s}.pxl-design-link-btn:hover{background:var(--accent-primary-subtle);color:var(--accent-primary)}.pxl-design-nav-wrap{z-index:20;background:color-mix(in srgb, var(--surface-page) 82%, transparent);-webkit-backdrop-filter:saturate(1.3)blur(14px);backdrop-filter:saturate(1.3)blur(14px);max-width:none;position:sticky;top:0}.pxl-design-nav{max-width:var(--max);padding:2.4rem var(--gutter);grid-template-columns:1fr auto 1fr;align-items:center;margin-inline:auto;display:grid}.pxl-design-nav-links{color:var(--text-secondary);gap:3.6rem;font-size:1.5rem;display:flex}.pxl-design-nav-actions{justify-content:flex-end;align-items:center;gap:1.2rem;display:flex}.pxl-design-hero{padding:clamp(5.6rem, 7vw, 9.6rem) var(--gutter) 0;text-align:center;flex-direction:column;align-items:center;gap:2.8rem;display:flex}.pxl-design-badge{border:1px solid var(--divider-rule);border-radius:var(--radius-pill);color:var(--text-secondary);background:0 0;align-items:center;gap:.8rem;padding:.6rem 1.4rem .6rem .6rem;font-size:1.3rem;transition:border-color .2s,background .2s;display:inline-flex}.pxl-design-badge:hover{border-color:var(--btn-tertiary-border);background:color-mix(in srgb, var(--surface-raised) 70%, transparent)}.pxl-design-badge-tag{border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--text-on-accent);flex:none;align-items:center;gap:.6rem;padding:.3rem .9rem .3rem .7rem;font-size:1.2rem;font-weight:600;display:inline-flex}.pxl-design-badge-tag i{background:currentColor;border-radius:.15rem;width:.6rem;height:.6rem;position:relative}.pxl-design-badge-tag i:after{content:"";opacity:0;border:1px solid;border-radius:.3rem;animation:2.4s cubic-bezier(.22,1,.36,1) infinite pxl-design-badge-ping;position:absolute;inset:-.3rem}@keyframes pxl-design-badge-ping{0%{opacity:.9;transform:scale(.6)rotate(0)}70%,to{opacity:0;transform:scale(1.9)rotate(45deg)}}.pxl-design-badge-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}@media (prefers-reduced-motion:reduce){.pxl-design-badge-tag i:after{animation:none}}.pxl-design-badge-arrow{transition:transform .25s}.pxl-design-badge:hover .pxl-design-badge-arrow{transform:translate(3px)}.pxl-design-hero-title{letter-spacing:-.045em;text-wrap:balance;max-width:110rem;margin:0;font-size:clamp(4.8rem,7.4vw,10.4rem);font-weight:600;line-height:.95}.pxl-design-hero-title .pxl-design-serif{letter-spacing:-.02em;display:block}.pxl-design-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.pxl-design-rotator{color:var(--accent-primary);display:inline-block;position:relative}.pxl-design-rotator-word{animation:.7s cubic-bezier(.22,1,.36,1) both pxl-design-word-in;display:inline-block}@keyframes pxl-design-word-in{0%{opacity:0;filter:blur(6px);transform:translateY(.45em)rotate(4deg)}to{opacity:1;filter:none;transform:none}}.pxl-design-rotator:after{content:",";color:var(--text-primary)}.pxl-design-rotator-swash{width:calc(100% - .3em);height:.2em;stroke:var(--accent-primary);stroke-dasharray:220;stroke-dashoffset:220px;animation:2.2s cubic-bezier(.65,0,.35,1) infinite pxl-design-draw;position:absolute;bottom:-.08em;left:0;right:.3em}@keyframes pxl-design-draw{0%{stroke-dashoffset:220px}35%,80%{stroke-dashoffset:0}to{stroke-dashoffset:-220px}}.pxl-design-word{white-space:pre;animation:.9s cubic-bezier(.22,1,.36,1) both pxl-design-word;animation-delay:calc(var(--i) * 70ms);display:inline-block}@keyframes pxl-design-word{0%{opacity:0;filter:blur(8px);transform:translateY(.35em)}to{opacity:1;filter:none;transform:none}}.pxl-design-hero-lede{max-width:62rem;color:var(--text-secondary);text-wrap:pretty;margin:0;font-size:clamp(1.7rem,1.6vw,2.1rem);line-height:1.5}.pxl-design-hero-cta{flex-wrap:wrap;justify-content:center;gap:1.2rem;margin-top:.8rem;display:flex}.pxl-design-showcase-wrap{padding:7.2rem var(--gutter) 0;scroll-margin-top:8rem}.pxl-design-marquee{padding:2.4rem 0 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.pxl-design-marquee-track{gap:2.4rem;width:max-content;animation:46s linear infinite pxl-design-marquee;display:flex}.pxl-design-marquee:hover .pxl-design-marquee-track{animation-play-state:paused}.pxl-design-ext-xl{letter-spacing:.06em;color:var(--text-secondary);background:0 0;align-items:center;gap:1rem;padding:.8rem 1.6rem;font-size:1.4rem;display:inline-flex}.pxl-design-chip-dot{background:var(--accent-primary);border-radius:.2rem;width:.9rem;height:.9rem}.pxl-design-chip-dot.is-round{background:var(--design-tint-blue,var(--accent-primary));border-radius:50%}.pxl-design-chip-dot.is-diamond{background:var(--text-primary);transform:rotate(45deg)}.pxl-design-chip-dot.is-leaf{background:var(--design-tint-green,var(--accent-primary));border-radius:50% 50% 0}.pxl-design-chip-dot.is-drop{background:var(--design-tint-lilac,var(--accent-primary));border-radius:.1rem 50% 50%}.pxl-design-section{padding:var(--section) var(--gutter) 0;scroll-margin-top:4rem}.pxl-design-h2{letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(3.6rem,4.4vw,6rem);font-weight:600;line-height:1}.pxl-design-h2-sm{font-size:clamp(3.4rem,4vw,5.6rem)}.pxl-design-quiet{color:var(--text-muted)}.pxl-design-ember{color:var(--design-ember-on-dark,var(--accent-primary))}.pxl-design-features-title{max-width:80rem}.pxl-design-features{grid-template-columns:repeat(6,minmax(0,1fr));gap:2.4rem;margin-top:4.8rem;display:grid}.pxl-design-feature{grid-column:span 2}.pxl-design-feature-wide{grid-column:span 3;min-height:44rem}.pxl-design-feature-spot{margin:auto;transform:scale(1.4)}.pxl-design-feature-ink .pxl-design-spot{--ink:var(--text-on-dark);--sand:var(--border-on-dark)}.pxl-design-feature-sand .pxl-design-spot{--sand:var(--surface-raised)}.pxl-design-feature{border-radius:var(--radius-card);min-height:52rem;transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i,0) * 90ms);flex-direction:column;gap:1.6rem;padding:3.6rem;display:flex}.pxl-design-feature.is-in:hover{transition-delay:0s;transform:translateY(-.6rem)}.pxl-design-feature-label{letter-spacing:.04em;font-size:1.2rem}.pxl-design-feature-title{letter-spacing:-.03em;font-size:2.8rem;font-weight:600;line-height:1.1}.pxl-design-feature .pxl-design-art{margin:auto 0}.pxl-design-feature p{margin:0;font-size:1.6rem;line-height:1.5}.pxl-design-feature-ink{background:var(--surface-dark);color:var(--text-on-dark)}.pxl-design-feature-ink .pxl-design-feature-label{color:var(--design-ember-on-dark,var(--accent-primary))}.pxl-design-feature-ink p{color:var(--text-on-dark-muted)}.pxl-design-feature-sand{background:var(--design-sand,var(--surface-inset))}.pxl-design-feature-sand .pxl-design-feature-label{color:var(--text-accent)}.pxl-design-feature-sand p{color:var(--text-secondary)}.pxl-design-feature-ember{background:var(--accent-primary);color:var(--text-on-accent)}.pxl-design-steps-title{max-width:80rem;margin-top:1.6rem}.pxl-design-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:2.4rem;margin:4.8rem 0 0;padding:0;list-style:none;display:grid;position:relative}.pxl-design-steps-line{width:calc(100% - 6.4rem);height:.8rem;position:absolute;top:3.2rem;left:3.2rem;overflow:visible}.pxl-design-steps-line path{fill:none;stroke:var(--divider-rule);stroke-width:3px;stroke-dasharray:2 2;stroke-dashoffset:100px;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1) .3s}.pxl-design-steps.is-in .pxl-design-steps-line path{stroke-dashoffset:0}.pxl-design-step{position:relative}.pxl-design-step-n{background:var(--surface-dark);width:6.4rem;height:6.4rem;color:var(--design-ember-on-dark,var(--accent-primary));font-family:var(--design-font-mono,ui-monospace, monospace);opacity:0;transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .4s;transition-delay:calc(.3s + var(--i) * .45s);border-radius:50%;place-items:center;font-size:1.6rem;display:grid;transform:scale(.4)}.pxl-design-step:nth-child(3) .pxl-design-step-n{background:var(--accent-primary);color:var(--text-on-accent)}.pxl-design-steps.is-in .pxl-design-step-n{opacity:1;transform:none}.pxl-design-step h3{letter-spacing:-.03em;margin:2.4rem 0 0;font-size:2.4rem;font-weight:600}.pxl-design-step p{max-width:34ch;color:var(--text-secondary);margin:.8rem 0 0;font-size:1.6rem;line-height:1.55}.pxl-design-security{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(4rem,6vw,8rem);display:grid}.pxl-design-security-copy{flex-direction:column;gap:2.4rem;display:flex}.pxl-design-security-copy p{max-width:52rem;color:var(--text-secondary);margin:0;font-size:1.8rem;line-height:1.55}.pxl-design-trust{border-top:1px solid var(--divider-rule);grid-template-columns:1fr 1fr;display:grid}.pxl-design-trust-item{border-bottom:1px solid var(--divider-rule);flex-direction:column;gap:.6rem;padding:2.8rem 0;display:flex}.pxl-design-trust-item:nth-child(odd){padding-right:2.4rem}.pxl-design-trust-k{letter-spacing:-.02em;font-size:2rem;font-weight:600}.pxl-design-trust-v{color:var(--text-secondary);font-size:1.5rem}.pxl-design-closing{margin:var(--section) var(--gutter) 0;background:var(--surface-dark);color:var(--text-on-dark);text-align:center;border-radius:2.8rem;flex-direction:column;align-items:center;gap:2.8rem;padding:clamp(6.4rem,7vw,9.6rem) clamp(2.4rem,5vw,6.4rem);display:flex;position:relative;overflow:hidden}@media (width>=1569px){.pxl-design-closing{max-width:calc(var(--max) - 2 * 6.4rem);margin-inline:auto}}.pxl-design-closing h2{letter-spacing:-.045em;max-width:90rem;margin:0;font-size:clamp(4.4rem,6vw,8.4rem);font-weight:600;line-height:.95;position:relative}.pxl-design-closing p{max-width:52rem;color:var(--text-on-dark-muted);margin:0;font-size:1.9rem;line-height:1.5;position:relative}.pxl-design-closing .pxl-design-cta{position:relative}.pxl-design-closing-orbit{pointer-events:none;width:76rem;height:76rem;margin:-38rem 0 0 -38rem;position:absolute;top:50%;left:50%}.pxl-design-closing-orbit span{border:1px solid var(--border-on-dark);border-radius:50%;animation:60s linear infinite pxl-design-spin;position:absolute;inset:0}.pxl-design-closing-orbit span+span{animation-duration:40s;animation-direction:reverse;inset:13rem}.pxl-design-closing-orbit span:before{content:"";background:var(--accent-primary);border-radius:.3rem;width:1.2rem;height:1.2rem;position:absolute;top:-.6rem;left:50%}.pxl-design-closing-orbit span+span:before{background:var(--text-on-dark-muted);border-radius:50%;width:1rem;height:1rem;top:auto;bottom:-.5rem}.pxl-design-footer{padding:8rem var(--gutter) 3.2rem;color:var(--text-muted);font-size:1.4rem}.pxl-design-footer-top{border-bottom:1px solid var(--divider-rule);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:4.8rem;padding-bottom:4.8rem;display:flex}.pxl-design-footer-brand{gap:1.6rem;max-width:34rem;display:grid}.pxl-design-footer-brand p{color:var(--text-secondary);margin:0;font-size:1.6rem;line-height:1.5}.pxl-design-footer-brand .pxl-design-serif{color:var(--text-accent);white-space:nowrap;font-size:1.12em}.pxl-design-footer-cols{grid-template-columns:repeat(3,minmax(12rem,auto));gap:2.4rem 6.4rem;display:grid}.pxl-design-footer-col{align-content:start;justify-items:start;gap:1.2rem;display:grid}.pxl-design-footer-label{font-family:var(--design-font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.4rem;font-size:1.1rem}.pxl-design-footer-col a,.pxl-design-footer-col button,.pxl-design-footer-here{color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.6rem;align-items:center;gap:.5rem;padding:0;font-size:1.5rem;text-decoration:none;transition:color .2s;display:inline-flex}.pxl-design-footer-col a:hover,.pxl-design-footer-col button:hover{color:var(--text-primary)}.pxl-design-footer-col a span{color:var(--text-muted);font-size:.85em;transition:transform .25s cubic-bezier(.22,1,.36,1),color .2s}.pxl-design-footer-col a:hover span{color:var(--text-primary);transform:translate(2px,-2px)}.pxl-design-footer-here{color:var(--text-primary);cursor:default}.pxl-design-footer-here i{background:var(--accent-primary);border-radius:50%;width:.6rem;height:.6rem}.pxl-design-footer-base{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.6rem;padding-top:2.4rem;font-size:1.3rem;display:flex}.pxl-design-footer-host{font-family:var(--design-font-mono,ui-monospace, monospace);letter-spacing:.04em;font-size:1.15rem}@media (width<=760px){.pxl-design-footer{padding-top:6rem}.pxl-design-footer-top{gap:3.6rem}.pxl-design-footer-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.2rem 2.4rem;width:100%}.pxl-design-footer-base{flex-direction:column;align-items:flex-start;gap:.6rem}}@media (width<=1100px){.pxl-design-features{grid-template-columns:1fr}.pxl-design-feature,.pxl-design-feature-wide{grid-column:auto}.pxl-design-feature{min-height:0}.pxl-design-security{grid-template-columns:1fr}}@media (width<=760px){.pxl-design-nav{grid-template-columns:1fr auto}.pxl-design-nav-links,.pxl-design-link-btn{display:none}.pxl-design-trust,.pxl-design-steps{grid-template-columns:1fr}.pxl-design-steps-line{display:none}.pxl-design-badge{max-width:100%;font-size:1.25rem}.pxl-design-badge-rest{display:none}.pxl-design-how>.pxl-design-label{text-align:center}.pxl-design-steps-title{text-align:center;margin-left:auto;margin-right:auto}.pxl-design-steps{gap:4rem}.pxl-design-step{text-align:center;flex-direction:column;align-items:center;display:flex}.pxl-design-step h3{margin-top:1.8rem}.pxl-design-step p{margin-left:auto;margin-right:auto}.pxl-design-trust-item:nth-child(odd){padding-right:0}}.pxl-design-feature-code{background:color-mix(in oklch, var(--text-on-dark) 8%, transparent);color:var(--design-ember-on-dark,var(--accent-primary));font:1.35rem/1.7 var(--design-font-mono);white-space:pre-wrap;border-radius:1.4rem;margin:auto 0;padding:1.6rem 1.8rem}.pxl-design-nav-links a{border-radius:.6rem}.pxl-design-hero{isolation:isolate;position:relative}.pxl-design-hero:before{content:"";z-index:-1;background-image:radial-gradient(color-mix(in oklch, var(--text-primary) 16%, transparent) 1px, transparent 1.3px);pointer-events:none;background-size:2.4rem 2.4rem;position:absolute;inset:-12rem -50vw -6rem;-webkit-mask-image:radial-gradient(60% 70% at 50% 40%,#000 30%,#0000 75%);mask-image:radial-gradient(60% 70% at 50% 40%,#000 30%,#0000 75%)}.pxl-design-show{--mx:0;--my:0;--glide:cubic-bezier(.65, 0, .35, 1);--settle:cubic-bezier(.22, 1, .36, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);max-width:118rem;margin:0 auto;padding:4rem 2.4rem 6rem;position:relative}.pxl-design-show [style*=--depth]{transform:translate3d(calc(var(--mx) * var(--depth) * .8rem), calc(var(--my) * var(--depth) * .8rem), 0);transition:transform .6s var(--settle)}.pxl-design-show-body>*{transition:opacity .6s var(--settle)}.pxl-design-show.is-fading .pxl-design-show-artboard,.pxl-design-show.is-fading .pxl-design-show-tree,.pxl-design-show.is-fading .pxl-design-show-prompt{opacity:.25}.pxl-design-show-deco{pointer-events:none;position:absolute}.pxl-design-show-deco.is-sun{background:var(--accent-primary);opacity:.85;width:15rem;height:15rem;animation:pxl-design-drift 14s var(--glide) infinite;border-radius:50%;top:0;right:1%}.pxl-design-show-deco.is-ring{border:2.2rem solid var(--design-sand);border-radius:50%;width:18rem;height:18rem;bottom:8%;left:-1%}.pxl-design-show-deco.is-dots{background-image:radial-gradient(var(--text-muted) 1.5px, transparent 1.6px);opacity:.45;background-size:1.4rem 1.4rem;width:12rem;height:8rem;top:5%;left:7%}.pxl-design-show-frame{z-index:1;background:var(--surface-dark);border-radius:2.4rem;padding:1rem;position:relative;box-shadow:0 50px 100px -40px #14141480}.pxl-design-show-top{justify-content:space-between;align-items:center;height:3.8rem;padding:0 .8rem;display:flex}.pxl-design-show-dots,.pxl-design-show-tools,.pxl-design-show-right{align-items:center;gap:.6rem;display:flex}.pxl-design-show-dots i{background:var(--border-on-dark);border-radius:50%;width:1rem;height:1rem}.pxl-design-show-tools{background:var(--design-chrome-raised);border-radius:.9rem;padding:.4rem}.pxl-design-show-tools i{background:var(--design-chrome-hover);border-radius:.6rem;width:2.2rem;height:2.2rem}.pxl-design-show-tools i.is-on{background:var(--accent-primary)}.pxl-design-show-claude-pill{border:1px solid var(--border-on-dark);border-radius:var(--radius-pill);color:var(--text-on-dark-muted);font:500 1.15rem/1 var(--font-body);transition:border-color .4s var(--settle), color .4s var(--settle);align-items:center;gap:.7rem;padding:.6rem 1.2rem;display:inline-flex}.pxl-design-show-claude-pill em{opacity:.6;background:currentColor;border-radius:50%;width:.7rem;height:.7rem}.pxl-design-show-claude-pill.is-on{border-color:var(--design-claude);color:var(--design-claude)}.pxl-design-show-claude-pill.is-on em{opacity:1;animation:pxl-design-claude-pulse 1.8s var(--settle) infinite;box-shadow:0 0 0 0 color-mix(in oklch, var(--design-claude) 60%, transparent)}.pxl-design-show-share{border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--text-on-accent);font:600 1.15rem/1 var(--font-body);padding:.65rem 1.3rem}.pxl-design-show-body{background:var(--design-canvas);border-radius:1.6rem;grid-template-columns:18% 62% 20%;height:48rem;display:grid;position:relative;overflow:hidden}.pxl-design-show-layers,.pxl-design-show-props{background:var(--design-panel);font:1.2rem/1.2 var(--font-body);color:var(--text-secondary);align-content:start;gap:.5rem;min-width:0;padding:1.4rem 1rem;display:grid}.pxl-design-show-label{font:1rem/1 var(--design-font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:.6rem 0 .4rem .6rem;overflow:hidden}.pxl-design-show-tree{height:30rem;position:relative}.pxl-design-show-layer{white-space:nowrap;height:2.4rem;transition:top .5s var(--settle), background .3s, color .3s, opacity .4s var(--settle), transform .4s var(--settle);border-radius:.6rem;align-items:center;gap:.6rem;display:flex;position:absolute;left:0;right:0;overflow:hidden}.pxl-design-show-layer b{opacity:.55;border:1.5px solid;border-radius:.2rem;flex:none;width:1rem;height:1rem}.pxl-design-show-layer.is-sel{background:var(--design-select-soft);color:var(--text-primary)}.pxl-design-show-layer.is-claude{color:var(--design-claude-text)}.pxl-design-show-layer.is-hidden{opacity:0;transform:translate(-.8rem)}.pxl-design-show-canvas{background-image:radial-gradient(var(--design-canvas-dot) 1px, transparent 1.2px);background-size:2rem 2rem;position:relative}.pxl-design-show-artboard-label{font:500 1.1rem/1 var(--font-body);color:var(--design-canvas-label);position:absolute;top:4%;left:8%}.pxl-design-show-artboard{background:var(--surface-raised);border-radius:.4rem;position:absolute;inset:9% 8% 18%;box-shadow:0 1px 3px #00000040}.pxl-design-show-artboard>*{position:absolute}.pxl-design-show-h1{background:var(--text-primary);border-radius:.4rem;width:58%;height:6.5%;top:9%;left:6%}.pxl-design-show-h1.is-short{background:var(--accent-primary);width:38%;top:19%}.pxl-design-show-cta{border-radius:var(--radius-pill);background:var(--text-primary);width:15%;height:7%;top:31%;left:6%}.pxl-design-show-card{background:var(--design-sand);transition:left .55s var(--settle), width .3s var(--settle), transform .35s var(--spring), box-shadow .35s var(--settle);border-radius:1rem;align-content:center;justify-items:center;gap:.6rem;display:grid}.pxl-design-show-card i{background:color-mix(in oklch, var(--text-primary) 16%, transparent);border-radius:.4rem;width:44%;height:.7rem}.pxl-design-show-card i.is-short{width:28%}.pxl-design-show-card.is-a{background:var(--accent-primary)}.pxl-design-show-card.is-a i{background:oklch(0% none none/.22)}.pxl-design-show-card.is-lifted{z-index:2;transition:left .5s var(--glide), transform .35s var(--spring), box-shadow .35s var(--settle);transform:translateY(-.8rem)rotate(-2.5deg)scale(1.04);box-shadow:0 2.4rem 4rem -1.6rem #14141480}.pxl-design-show-insert{background:var(--design-select);width:.3rem;animation:pxl-design-show-blink .9s var(--settle) infinite alternate;transition:left .4s var(--settle);border-radius:.2rem;margin-left:-.15rem}@keyframes pxl-design-show-blink{0%{opacity:1}to{opacity:.45}}.pxl-design-show-selection{z-index:3;border:1.5px solid var(--design-select);pointer-events:none;animation:pxl-design-show-select-in .35s var(--spring) both;transition:left .55s var(--settle), width .3s var(--settle), transform .35s var(--spring);border-radius:1rem}.pxl-design-show-selection.is-dragging{transition:left .5s var(--glide), transform .35s var(--spring);transform:translateY(-.8rem)rotate(-2.5deg)scale(1.04)}.pxl-design-show-selection i{border:1.5px solid var(--design-select);background:#fff;border-radius:.2rem;width:.8rem;height:.8rem;margin:-.4rem 0 0 -.4rem;position:absolute}.pxl-design-show-selection i:first-child{top:0;left:0}.pxl-design-show-selection i:nth-child(2){top:0;left:100%}.pxl-design-show-selection i:nth-child(3){top:100%;left:0}.pxl-design-show-selection i:nth-child(4){top:100%;left:100%}.pxl-design-show-selection em{background:var(--design-select);color:#fff;font:500 1rem/1.3 var(--design-font-mono);white-space:nowrap;border-radius:.4rem;padding:.2rem .6rem;font-style:normal;position:absolute;top:calc(100% + .6rem);left:50%;translate:-50%}@keyframes pxl-design-show-select-in{0%{opacity:0;scale:1.08}to{opacity:1;scale:1}}.pxl-design-show-pricing-title{background:var(--text-primary);border-radius:.4rem;width:32%;height:5%;top:72%;left:6%}.pxl-design-show-plan{height:14%;box-shadow:0 0 0 1px var(--card-border);background:#fff;border-radius:.9rem;align-content:center;gap:.5rem;padding:0 4%;display:grid;top:80.5%}.pxl-design-show-plan i{background:color-mix(in oklch, var(--text-primary) 16%, transparent);border-radius:.3rem;width:40%;height:.6rem}.pxl-design-show-plan i.is-price{background:var(--text-primary);width:26%;height:1.1rem}.pxl-design-show-plan.is-dark{background:var(--surface-dark);box-shadow:none}.pxl-design-show-plan.is-dark i{background:oklch(100% 5.96046e-8 none/.22)}.pxl-design-show-plan.is-dark i.is-price{background:var(--accent-primary)}.pxl-design-show-pricing-title,.pxl-design-show-plan{opacity:0;transition:opacity .4s var(--settle), scale .5s var(--spring);scale:.92}.pxl-design-show-pricing-title.is-built,.pxl-design-show-plan.is-built{opacity:1;animation:pxl-design-show-claude-flash 1.4s var(--settle) both;scale:1}@keyframes pxl-design-show-claude-flash{0%{outline:2px solid var(--design-claude);outline-offset:3px}70%{outline:2px solid var(--design-claude);outline-offset:3px}to{outline-offset:6px;outline:2px solid #0000}}.pxl-design-show-prompt{border:1px solid var(--border-on-dark);background:var(--design-chrome-raised);height:9%;color:var(--text-on-dark);font:1.3rem/1 var(--font-body);transition:border-color .3s var(--settle);border-radius:1.2rem;align-items:center;gap:1rem;padding:0 .6rem 0 .8rem;display:flex;position:absolute;bottom:3.5%;left:8%;right:8%}.pxl-design-show-prompt.is-typing{border-color:color-mix(in oklch, var(--design-claude) 60%, transparent)}.pxl-design-show-spark{background:var(--surface-dark);width:2.6rem;height:2.6rem;color:var(--design-claude);border-radius:.8rem;place-items:center;font-size:1.3rem;display:grid}.pxl-design-show-prompt-text{white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pxl-design-show-prompt-text .is-placeholder{color:var(--text-on-dark-muted)}.pxl-design-show-caret{vertical-align:-.25rem;background:var(--design-claude);width:1.5px;height:1.4rem;margin-left:1px;animation:.5s steps(2,end) infinite pxl-design-show-blink;display:inline-block}.pxl-design-show-send{background:var(--design-chrome-hover);width:2.6rem;height:2.6rem;color:var(--text-on-dark-muted);font:600 1.3rem/1 var(--font-body);transition:background .3s, color .3s, transform .4s var(--spring);border-radius:50%;place-items:center;display:grid}.pxl-design-show-send.is-ready{background:var(--design-claude);color:var(--surface-dark);transform:scale(1.08)}.pxl-design-show-seg{border-radius:var(--radius-pill);background:var(--surface-inset);gap:.3rem;padding:.3rem;display:flex}.pxl-design-show-seg i{border-radius:var(--radius-pill);flex:1;height:2rem}.pxl-design-show-seg i.is-on{background:var(--surface-raised);box-shadow:0 1px 2px #1414141a}.pxl-design-show-row{background:var(--surface-inset);border:1px solid #0000;border-radius:.6rem;justify-content:space-between;padding:.7rem .8rem;transition:border-color .2s,background .2s;display:flex}.pxl-design-show-row em{color:var(--text-muted);font-style:normal}.pxl-design-show-row b{font:500 1.15rem var(--design-font-mono);font-variant-numeric:tabular-nums}.pxl-design-show-row.is-scrub{border-color:var(--design-select);background:var(--surface-raised)}.pxl-design-show-swatch{background:linear-gradient(90deg, var(--accent-primary) 0 2.6rem, var(--surface-inset) 2.6rem);border-radius:.6rem;height:2.6rem}.pxl-design-show-pointers{pointer-events:none;z-index:5;position:absolute;inset:0}.pxl-design-show-cursor{opacity:0;width:2rem;transition:left .75s var(--glide), top .75s var(--glide), opacity .3s var(--settle), scale .3s var(--spring);filter:drop-shadow(0 2px 3px #0000004d);position:absolute;scale:.6}.pxl-design-show-cursor.is-on{opacity:1;scale:1}.pxl-design-show-cursor.is-down{scale:.88}.pxl-design-show-cursor svg{fill:#fff;width:100%;stroke:var(--text-primary);stroke-width:1.6px;stroke-linejoin:round;display:block}.pxl-design-show-cursor.is-claude svg{fill:var(--design-claude);stroke:var(--surface-dark)}.pxl-design-show-cursor b{background:var(--design-claude);color:var(--surface-dark);font:600 1.05rem/1.3 var(--font-body);white-space:nowrap;border-radius:.6rem .6rem .6rem .2rem;padding:.25rem .7rem;position:absolute;top:1.7rem;left:1.5rem}.pxl-design-show-ripple{border:2px solid var(--accent-primary);opacity:0;border-radius:50%;width:2.4rem;height:2.4rem;margin:-1.2rem 0 0 -1.2rem;position:absolute;top:.3rem;left:.4rem;scale:.3}.pxl-design-show-cursor.is-down .pxl-design-show-ripple{animation:pxl-design-show-ripple .5s var(--settle)}@keyframes pxl-design-show-ripple{0%{opacity:.9;scale:.3}to{opacity:0;scale:1.3}}@media (width<=960px){.pxl-design-show-body{grid-template-columns:0 100% 0;height:38rem}.pxl-design-show-layers,.pxl-design-show-props,.pxl-design-show-pointers{visibility:hidden}}.pxl-design-art{place-items:center;width:100%;height:17rem;display:grid;position:relative}.pxl-design-art-halo{border:1.5px solid var(--accent-primary);opacity:0;border-radius:50%;width:11rem;height:11rem;animation:4.2s ease-out infinite pxl-design-halo;position:absolute}@keyframes pxl-design-halo{0%,44%{opacity:0;transform:scale(.6)}48%{opacity:.9}85%,to{opacity:0;transform:scale(1.9)}}.pxl-design-art-folder{background:var(--accent-primary);border-radius:1.2rem;width:17rem;height:11rem;margin-top:2rem;position:absolute}.pxl-design-art-folder-tab{background:var(--accent-primary);border-radius:.9rem .9rem 0 0;width:6.6rem;height:2.2rem;position:absolute;top:-1.6rem;left:0}.pxl-design-art-lock{color:var(--text-on-dark);flex-direction:column;align-items:center;margin-top:1.6rem;animation:4.2s cubic-bezier(.34,1.56,.64,1) infinite pxl-design-lock-drop;display:flex;position:relative}@keyframes pxl-design-lock-drop{0%{opacity:0;transform:translateY(-4.4rem)}18%,92%{opacity:1;transform:none}to{opacity:0}}.pxl-design-art-shackle{width:3.8rem;height:2.9rem;margin-bottom:-.5rem;animation:4.2s cubic-bezier(.34,1.56,.64,1) infinite pxl-design-shackle}@keyframes pxl-design-shackle{0%,30%{transform:translateY(-1.1rem)}42%,to{transform:none}}.pxl-design-art-lock-body{background:var(--text-on-dark);border-radius:1rem;place-items:center;width:5.8rem;height:4.8rem;display:grid}.pxl-design-art-keyhole{background:var(--surface-dark);border-radius:99rem 99rem .3rem .3rem;width:1rem;height:1.7rem}.pxl-design-art-link{align-content:center;gap:1.8rem}.pxl-design-art-linkpill{border-radius:var(--radius-pill);background:var(--design-card,var(--surface-raised));box-shadow:var(--elevation-card);align-items:center;gap:1.2rem;padding:.8rem 1.8rem .8rem .8rem;animation:5s ease-in-out infinite pxl-design-link-dim;display:flex;position:relative}@keyframes pxl-design-link-dim{0%,66%,to{opacity:1}72%,94%{opacity:.55}}.pxl-design-art-linkicon{background:var(--accent-primary);width:3.8rem;height:3.8rem;color:var(--text-on-accent);border-radius:50%;place-items:center;display:grid}.pxl-design-art-linkicon svg{width:1.9rem;height:1.9rem}.pxl-design-art-token{height:2.2rem;font-family:var(--design-font-mono,ui-monospace, monospace);color:var(--text-primary);font-size:1.5rem;line-height:2.2rem;position:relative;overflow:hidden}.pxl-design-art-token span{animation:5s step-end infinite pxl-design-token;display:block}@keyframes pxl-design-token{0%{transform:translateY(0)}6%{transform:translateY(-100%)}12%{transform:translateY(-200%)}18%,to{transform:translateY(0)}}.pxl-design-art-strike{background:var(--text-primary);transform-origin:0;height:2px;margin-top:-1px;animation:5s cubic-bezier(.65,0,.35,1) infinite pxl-design-strike;position:absolute;top:50%;left:5.8rem;right:1.4rem;transform:scaleX(0)}@keyframes pxl-design-strike{0%,68%{transform:scaleX(0)}76%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}.pxl-design-art-toggle{border-radius:var(--radius-pill);justify-self:center;width:5.6rem;height:3.2rem;animation:5s ease-in-out infinite pxl-design-toggle-track;position:relative}.pxl-design-art-toggle-knob{background:var(--design-card,var(--surface-raised));border-radius:50%;width:2.6rem;height:2.6rem;animation:5s cubic-bezier(.65,0,.35,1) infinite pxl-design-toggle-knob;position:absolute;top:.3rem;left:.3rem;box-shadow:0 1px 3px #1414142e}@keyframes pxl-design-toggle-track{0%,62%,to{background:var(--accent-primary)}68%,94%{background:var(--divider-rule)}}@keyframes pxl-design-toggle-knob{0%,62%,to{transform:translate(2.4rem)}68%,94%{transform:none}}.pxl-design-art-people{justify-content:center;align-items:flex-end;gap:1rem;padding-bottom:1.2rem;display:flex}.pxl-design-art-person{animation:5s cubic-bezier(.34,1.56,.64,1) infinite pxl-design-person;animation-delay:calc(var(--i) * .18s);flex-direction:column;align-items:center;gap:.5rem;display:flex}@keyframes pxl-design-person{0%{opacity:0;transform:translateY(2.4rem)}14%,90%{opacity:1;transform:none}to{opacity:0;transform:translateY(2.4rem)}}.pxl-design-art-person-head{background:var(--surface-dark);border-radius:50%;width:4rem;height:4rem}.pxl-design-art-person-body{background:var(--surface-dark);border-radius:99rem 99rem .8rem .8rem;width:6rem;height:3.4rem}.pxl-design-art-person-2 .pxl-design-art-person-head,.pxl-design-art-person-2 .pxl-design-art-person-body{background:var(--surface-raised)}.pxl-design-art-person-3 .pxl-design-art-person-head,.pxl-design-art-person-3 .pxl-design-art-person-body{background:color-mix(in srgb, var(--surface-dark) 35%, var(--accent-primary))}.pxl-design-art-person-invite .pxl-design-art-person-head,.pxl-design-art-person-invite .pxl-design-art-person-body{border:1.5px dashed var(--surface-dark);animation:5s ease-in-out infinite pxl-design-invitee-art}@keyframes pxl-design-invitee-art{0%,40%,to{background:0 0;border-style:dashed}52%,90%{background:var(--surface-raised);border-style:solid;border-color:#0000}}.pxl-design-art-flow{place-items:center;display:grid}.pxl-design-art-flow-frame{border:1.5px dashed color-mix(in oklch, currentColor 35%, transparent);border-radius:1.4rem;gap:.8rem;padding:1rem;display:flex;position:relative}.pxl-design-art-flow-card{background:var(--surface-raised);border-radius:.9rem;width:4.6rem;height:6.4rem;box-shadow:0 6px 16px -10px #14141459}.pxl-design-art-flow-card.is-1{background:var(--accent-primary);z-index:1;animation:4.8s cubic-bezier(.65,0,.35,1) infinite pxl-design-art-lift}.pxl-design-art-flow-card.is-2,.pxl-design-art-flow-card.is-3{animation:4.8s cubic-bezier(.65,0,.35,1) infinite pxl-design-art-close}@keyframes pxl-design-art-lift{0%,12%{transform:none}30%,62%{transform:translate(11rem,-3.2rem)rotate(6deg)}80%,to{transform:none}}@keyframes pxl-design-art-close{0%,22%{transform:none}36%,62%{transform:translate(-5.4rem)}78%,to{transform:none}}.pxl-design-art-claude{align-content:center;justify-items:start;gap:1.2rem;padding:0 1rem;display:grid}.pxl-design-art-bubble{background:var(--surface-raised);color:var(--text-primary);font:500 1.35rem/1.2 var(--font-body);border-radius:1.4rem 1.4rem 1.4rem .4rem;align-items:center;gap:.8rem;padding:.8rem 1.4rem;animation:.7s cubic-bezier(.34,1.56,.64,1) both pxl-design-pop;display:inline-flex}.pxl-design-art-bubble-spark{color:var(--accent-primary)}.pxl-design-art-canvas{background:color-mix(in oklch, var(--text-on-dark) 8%, transparent);border-radius:1.2rem;grid-template-columns:repeat(3,5.6rem);gap:.6rem;padding:1rem;display:grid}.pxl-design-art-block{background:color-mix(in oklch, var(--text-on-dark) 85%, transparent);height:5.2rem;animation:5s cubic-bezier(.22,1,.36,1) infinite pxl-design-art-build;animation-delay:calc(.6s + var(--i) * .35s);border-radius:.8rem;box-shadow:0 0 #0000}.pxl-design-art-block.is-title{border-radius:.4rem;grid-column:1/-1;width:60%;height:1.4rem}.pxl-design-art-block.is-hot{background:var(--accent-primary)}@keyframes pxl-design-art-build{0%,8%{opacity:0;transform:scale(.85);box-shadow:0 0 #0000}18%{opacity:1;box-shadow:0 0 0 2px var(--accent-primary);transform:none}34%,88%{opacity:1;transform:none;box-shadow:0 0 #0000}to{opacity:0}}.pxl-design-art-kit{align-content:center;justify-items:center;gap:1rem;display:grid}.pxl-design-art-kit>span{animation:4.2s cubic-bezier(.34,1.56,.64,1) infinite pxl-design-art-drop;animation-delay:calc(var(--i) * .25s)}.pxl-design-art-kit-btn{border-radius:var(--radius-pill);background:var(--text-primary);color:var(--text-on-dark);font:500 1.4rem/1 var(--font-body);padding:1rem 2rem}.pxl-design-art-kit-field{background:var(--surface-raised);width:20rem;color:var(--text-muted);font:1.35rem/1 var(--font-body);border-radius:1rem;padding:1rem 1.4rem}.pxl-design-art-kit-toggle{border-radius:var(--radius-pill);background:var(--accent-primary);width:4.4rem;height:2.4rem;position:relative}.pxl-design-art-kit-toggle span{background:var(--surface-raised);border-radius:50%;width:1.8rem;height:1.8rem;position:absolute;top:.3rem;left:2.3rem}@keyframes pxl-design-art-drop{0%{opacity:0;transform:translateY(-1.6rem)scale(.9)}14%,84%{opacity:1;transform:none}to{opacity:0;transform:translateY(.6rem)}}@media (prefers-reduced-motion:reduce){.pxl-design-art-flow-card,.pxl-design-art-block,.pxl-design-art-kit>span{opacity:1!important;animation:none!important;transform:none!important}}.pxl-modal{z-index:var(--z-modal,200);padding:var(--space-md,1rem);background:var(--overlay-scrim,#23241f57);justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0;overflow:hidden}.pxl-modal-dialog{background:var(--surface-raised,var(--surface-page));border:var(--border-width,1px) solid var(--card-border);width:100%;height:100%;max-height:100%;box-shadow:var(--elevation-overlay);font-family:var(--font-body), system-ui, sans-serif;border-radius:1.2rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.pxl-modal-dialog>.pxl-modal-main{flex-direction:column;flex:auto;min-height:0;display:flex}.pxl-modal-dialog-sm{max-width:46.8rem}.pxl-modal-dialog-md{max-width:56rem}.pxl-modal-dialog-lg{max-width:88rem}@media (prefers-reduced-motion:no-preference){.pxl-modal{animation:.28s ease-out pxl-modal-backdrop-in}.pxl-modal-dialog{animation:.36s cubic-bezier(.22,1,.36,1) pxl-modal-dialog-in}}@keyframes pxl-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pxl-modal-dialog-in{0%{opacity:0;transform:translateY(1.2rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pxl-modal-close{top:var(--space-md,1.2rem);right:var(--space-md,1.2rem);z-index:2;cursor:pointer;width:4.4rem;height:4.4rem;color:var(--text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.pxl-modal-close:hover:not(:disabled){color:var(--text-primary)}.pxl-modal-close:disabled{cursor:default;opacity:.75}.pxl-modal-aside{display:none}.pxl-modal-main,.pxl-modal-form,.pxl-modal-stack{flex-direction:column;flex:auto;width:100%;min-width:0;min-height:0;display:flex}.pxl-modal-form .pxl-modal-header,.pxl-modal-form .pxl-modal-footer,.pxl-modal-stack .pxl-modal-header,.pxl-modal-stack .pxl-modal-footer{flex-shrink:0}.pxl-modal-form .pxl-modal-body,.pxl-modal-stack .pxl-modal-body{flex:auto;min-height:0}.pxl-modal-header{border-bottom:1px solid var(--divider-rule);flex:none;margin:0;padding:2rem 5.6rem 2rem 2.4rem}.pxl-modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:2.2rem;min-height:0;padding:2.6rem 3rem;display:flex;overflow:hidden auto}.pxl-modal-footer{border-top:1px solid var(--divider-rule);background:var(--surface-raised,var(--surface-page));flex:none;justify-content:flex-end;align-items:center;gap:1.4rem;margin:0;padding:1.6rem 2.4rem;display:flex}@media (width>=768px){.pxl-modal{align-items:center;padding:2.4rem;overflow-y:auto}.pxl-modal-dialog{height:auto;max-height:calc(100vh - 4.8rem)}.pxl-modal-close{top:2rem;right:2rem}.pxl-modal-header{padding:2rem 5.6rem 2rem 2.4rem}.pxl-modal-body{padding:2.6rem 3rem}.pxl-modal-footer{padding:1.6rem 2.4rem}.pxl-modal-dialog.has-aside{grid-template-rows:minmax(0,1fr);grid-template-columns:31.8rem minmax(0,1fr);display:grid}.pxl-modal-dialog.has-aside>.pxl-modal-close{grid-area:1/2}.pxl-modal-dialog.has-aside>.pxl-modal-aside{background:var(--surface-inset);border-right:var(--border-width,1px) solid var(--card-border);flex-direction:column;grid-area:1/1;justify-content:space-between;gap:4rem;padding:4.4rem 3.4rem 3.8rem;display:flex;overflow:hidden}.pxl-modal-dialog.has-aside>.pxl-modal-main{grid-area:1/2;min-height:0;max-height:calc(100vh - 4.8rem)}}.pxl-design-claude{background:0 0;gap:1.4rem;display:grid}.pxl-design-claude-art{display:flex}.pxl-design-claude-orb{background:var(--surface-dark);width:5.6rem;height:5.6rem;color:var(--design-claude);border-radius:1.6rem;place-items:center;animation:5s cubic-bezier(.65,0,.35,1) infinite pxl-design-float;display:grid}.pxl-design-claude h2{letter-spacing:-.03em;margin:0;font-size:3rem;font-weight:600}.pxl-design-claude-lede{color:var(--text-secondary);margin:0;font-size:1.5rem;line-height:1.55}.pxl-design-claude-create{gap:1rem;display:flex}.pxl-design-claude-create input{font:inherit;border-radius:var(--radius-pill);background:var(--input-bg);border:0;flex:1;padding:1.1rem 1.4rem;font-size:1.5rem}.pxl-design-claude-create input:focus{box-shadow:var(--focus-ring);outline:none}.pxl-design-claude-step{background:var(--surface-dark);color:var(--text-on-dark);border-radius:1.6rem;gap:1rem;padding:1.6rem;display:grid}.pxl-design-claude-step .pxl-design-label{color:var(--text-on-dark-muted)}.pxl-design-claude-step pre{white-space:pre-wrap;word-break:break-all;font-family:var(--design-font-mono);color:var(--design-ember-on-dark,var(--design-claude));margin:0;font-size:1.25rem;line-height:1.6}.pxl-design-claude-step .pxl-design-hint{color:var(--text-on-dark-muted)}.pxl-design-claude-prompt{font-family:var(--design-font-accent);margin:0;font-size:1.9rem;font-style:italic;line-height:1.35}.pxl-design-claude-actions{gap:.8rem;display:flex}.pxl-design-claude-step .pxl-design-pill.is-ink{background:var(--text-on-dark);color:var(--text-primary)}.pxl-design-claude-tokens ul{gap:.4rem;margin:.8rem 0 0;padding:0;list-style:none;display:grid}.pxl-design-claude-tokens li{border-top:1px solid var(--card-border);align-items:center;gap:1.2rem;padding:.8rem 0;font-size:1.4rem;display:flex}.pxl-design-claude-tokens li>span:not(.pxl-design-claude-dot){flex:1;min-width:0;display:grid}.pxl-design-claude-tokens li>span:not(.pxl-design-claude-dot) span{color:var(--text-muted);font-size:1.25rem}.pxl-design-claude-tokens code{font-family:var(--design-font-mono);background:var(--surface-inset);border-radius:.6rem;padding:.4rem .8rem;font-size:1.2rem}.pxl-design-claude-orb.is-connected{background:var(--design-claude);color:var(--text-on-accent);animation:.6s cubic-bezier(.34,1.56,.64,1) both pxl-design-pop}.pxl-design-claude-status{border-radius:var(--radius-pill);background:var(--surface-inset);font:500 1.25rem/1 var(--font-body);color:var(--text-secondary);justify-self:start;align-items:center;gap:.8rem;padding:.5rem 1.2rem .5rem 1rem;display:inline-flex}.pxl-design-claude-status.is-connected{background:var(--design-claude-subtle);color:var(--design-claude-text)}.pxl-design-claude-dot{background:var(--text-muted);border-radius:50%;flex:none;width:.8rem;height:.8rem}.pxl-design-claude-status.is-connected .pxl-design-claude-dot,.pxl-design-claude-dot.is-connected{background:var(--design-claude);box-shadow:0 0 0 0 color-mix(in oklch, var(--design-claude) 60%, transparent);animation:1.8s cubic-bezier(.22,1,.36,1) infinite pxl-design-claude-pulse}@keyframes pxl-design-claude-pulse{to{box-shadow:0 0 0 .8rem #0000}}.pxl-design-claude-waiting{color:var(--text-on-dark);align-items:center;gap:1rem;font-size:1.4rem;display:flex}.pxl-design-claude-spinner{border:2px solid var(--border-on-dark);border-top-color:var(--design-claude);border-radius:50%;width:1.6rem;height:1.6rem;animation:.9s linear infinite pxl-design-spin}.pxl-design-claude-step code{font-family:var(--design-font-mono);color:var(--text-on-dark)}.pxl-design-claude-step.is-done{justify-items:start}.pxl-design-claude-step.is-done strong{letter-spacing:-.02em;font-size:2rem}.pxl-design-claude-check{background:var(--design-claude);width:4rem;height:4rem;color:var(--text-on-accent);border-radius:50%;place-items:center;animation:.6s cubic-bezier(.34,1.56,.64,1) both pxl-design-pop;display:grid}.pxl-design-dialog{color:var(--text-primary);background:0 0;gap:1.4rem;display:grid}.pxl-design-dialog h2{letter-spacing:-.025em;margin:0;padding-right:3rem;font-size:2.2rem;font-weight:600;line-height:1.2}.pxl-design-dialog p{color:var(--text-secondary);margin:0;font-size:1.5rem;line-height:1.55}.pxl-design-dialog-field{gap:.6rem;display:grid}.pxl-design-dialog-field input{border-radius:var(--radius-control);background:var(--input-bg);height:4.4rem;font:1.5rem var(--font-body);color:var(--text-primary);border:0;padding:0 1.4rem}.pxl-design-dialog-field input:focus{box-shadow:var(--focus-ring);outline:none}.pxl-design-dialog-error{color:#b4372a!important;font-size:1.3rem!important}.pxl-design-dialog-actions{justify-content:flex-end;gap:.8rem;margin-top:.4rem;display:flex}.pxl-design-pill.is-danger{color:#fff;background:#c2412d}.pxl-design-pill.is-danger:hover:not(:disabled){background:#a8361f}.pxl-design-drive-browser{gap:1.4rem;display:grid}.pxl-design-drive{background:0 0;gap:1.6rem;display:grid}.pxl-design-drive h2{letter-spacing:-.03em;margin:0;font-size:2.8rem;font-weight:600}.pxl-design-drive-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.2rem;display:flex}.pxl-design-drive-note{color:var(--text-muted);margin:0;font-size:1.4rem}.pxl-design-drive-body{height:var(--drive-body-h,min(52vh, 46rem));flex-direction:column;gap:1.2rem;min-height:24rem;display:flex;position:relative}.pxl-design-drive-places{border-radius:var(--radius-pill);background:var(--surface-inset);justify-self:start;gap:.2rem;padding:.3rem;display:inline-flex}.pxl-design-drive-places button{border-radius:var(--radius-pill);color:var(--text-secondary);font:500 1.3rem/1 var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:.7rem 1.4rem;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.pxl-design-drive-places button:hover{color:var(--text-primary)}.pxl-design-drive-places button.is-on{background:var(--surface-raised);color:var(--text-primary);box-shadow:0 1px 2px #14141414}.pxl-design-drive-crumbs{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:1.3rem;display:flex}.pxl-design-drive-crumbs span{align-items:center;gap:.4rem;display:inline-flex}.pxl-design-drive-crumbs button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.6rem;padding:.2rem .4rem}.pxl-design-drive-crumbs button:hover{color:var(--text-primary);background:var(--surface-inset)}.pxl-design-drive-crumbs b{color:var(--text-primary);font-weight:500}.pxl-design-drive-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));grid-auto-rows:min-content;align-content:start;gap:1.2rem;min-height:0;margin:-.4rem;padding:.4rem;display:grid;overflow:auto}.pxl-design-drive-tile{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--card-border);text-align:left;color:var(--text-primary);font:inherit;cursor:pointer;animation:.42s cubic-bezier(.22,1,.36,1) both pxl-design-drive-in;animation-delay:calc(min(var(--i,0), 12) * 28ms);border:0;border-radius:1.4rem;gap:.8rem;padding:.6rem .6rem 1rem;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:grid}.pxl-design-drive-tile:hover:not(:disabled){box-shadow:inset 0 0 0 1px var(--card-border), 0 10px 24px -14px #14141459;transform:translateY(-2px)}.pxl-design-drive-tile:focus-visible{box-shadow:inset 0 0 0 1px var(--card-border), var(--focus-ring);outline:none}.pxl-design-drive-tile:disabled:not(.is-busy){opacity:.5;cursor:default}.pxl-design-drive-art{aspect-ratio:4/3;background:var(--surface-inset);color:var(--text-muted);border-radius:.9rem;place-items:center;display:grid;overflow:hidden}.pxl-design-drive-tile.is-folder .pxl-design-drive-art{aspect-ratio:16/9}.pxl-design-drive-art img{object-fit:cover;width:100%;height:100%}.pxl-design-drive-tile.is-busy .pxl-design-drive-art{animation:.9s ease-in-out infinite alternate pxl-design-drive-pulse}.pxl-design-drive-name{white-space:nowrap;text-overflow:ellipsis;padding:0 .4rem;font-size:1.3rem;overflow:hidden}.pxl-design-drive-tile.is-ghost{background:var(--surface-inset);min-height:13rem;box-shadow:none;cursor:default;animation:1.1s ease-in-out infinite alternate pxl-design-drive-pulse}.pxl-design-drive-empty,.pxl-design-drive-error{color:var(--text-muted);text-align:center;margin:0;padding:2rem 0;font-size:1.4rem}.pxl-design-drive-error{color:#b4372a;text-align:left;padding:0}.pxl-design-drive-empty{text-wrap:balance;pointer-events:none;place-items:center;max-width:42rem;margin:0 auto;display:grid;position:absolute;inset:0}@keyframes pxl-design-drive-in{0%{opacity:0;transform:translateY(.8rem)scale(.98)}}@keyframes pxl-design-drive-pulse{to{opacity:.55}}@media (prefers-reduced-motion:reduce){.pxl-design-drive-tile,.pxl-design-drive-tile.is-busy .pxl-design-drive-art,.pxl-design-drive-tile.is-ghost{animation:none}}.pxl-design-share{background:0 0;gap:1.6rem;display:grid}.pxl-design-share h2{letter-spacing:-.03em;margin:0;font-size:2.8rem;font-weight:600}.pxl-design-share-invite{grid-template-columns:1fr auto;gap:1rem;display:grid}.pxl-design-share-invite input,.pxl-design-share-invite textarea{font:inherit;border-radius:var(--radius-control);background:var(--input-bg);color:var(--text-primary);resize:none;border:0;padding:1.2rem 1.4rem;font-size:1.5rem}.pxl-design-share-invite input:focus,.pxl-design-share-invite textarea:focus{box-shadow:var(--focus-ring);outline:none}.pxl-design-share-invite textarea{grid-column:1/-1}.pxl-design-share-invite .pxl-design-seg{align-items:stretch}.pxl-design-share-invite .pxl-design-seg button{height:auto;padding:0 1.6rem;font-size:1.4rem}.pxl-design-share-invite .pxl-design-pill{grid-column:1/-1;justify-self:end}.pxl-design-share-error{color:#b4372a;margin:0;font-size:1.4rem}.pxl-design-share-people{gap:.6rem;max-height:26rem;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.pxl-design-share-people li{border-top:1px solid var(--card-border);align-items:center;gap:1.2rem;padding:.8rem 0;display:flex}.pxl-design-share-who{flex:1;min-width:0;font-size:1.4rem;display:grid}.pxl-design-share-who span{color:var(--text-muted);text-overflow:ellipsis;font-size:1.3rem;overflow:hidden}.pxl-design-share-people select{font:inherit;background:var(--surface-inset);border-radius:var(--radius-pill);border:0;padding:.5rem 1rem;font-size:1.3rem}.pxl-design-share-role,.pxl-design-share-empty{color:var(--text-muted);font-size:1.3rem}.pxl-design-share-link{background:var(--surface-inset);border-radius:1.4rem;gap:1rem;padding:1.4rem;display:grid}.pxl-design-share-link .pxl-design-check{align-items:flex-start;gap:1.2rem}.pxl-design-share-link .pxl-design-check>input{margin-top:.1rem}.pxl-design-share-link .pxl-design-check>span{gap:.2rem;font-size:1.4rem;line-height:2rem;display:grid}.pxl-design-share-link .pxl-design-check strong{color:var(--text-primary);font-weight:600}.pxl-design-share-link .pxl-design-check>span span{color:var(--text-muted);font-size:1.3rem;line-height:1.8rem}.pxl-design-share-copy{align-items:center;gap:1rem;display:flex}.pxl-design-share-copy code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:var(--design-font-mono);color:var(--text-secondary);flex:1;font-size:1.2rem;overflow:hidden}.pxl-design-home{background:var(--surface-dark);grid-template-columns:26rem minmax(0,1fr);min-height:100dvh;display:grid}.pxl-design-home-side{height:100dvh;color:var(--text-on-dark);flex-direction:column;gap:1.4rem;padding:2.2rem 1.4rem 1.6rem;display:flex;position:sticky;top:0;overflow:auto}.pxl-design-home-side>.pxl-design-mark{padding:0 .8rem}.pxl-design-home-new{position:relative}.pxl-design-home-new .pxl-design-menu{background:var(--design-chrome-raised);top:calc(100% + .6rem);left:0}.pxl-design-home-new .pxl-design-menu span{align-items:center;gap:.8rem;display:inline-flex}.pxl-design-home-newbtn{border-radius:var(--radius-pill);background:var(--accent-primary);height:4.4rem;color:var(--text-on-accent);font:600 1.5rem/1 var(--font-body);cursor:pointer;border:0;align-items:center;gap:.8rem;padding:0 2rem 0 1.6rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s;display:inline-flex}.pxl-design-home-newbtn:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.pxl-design-home-newbtn svg{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}.pxl-design-home-newbtn.is-open svg{transform:rotate(45deg)}.pxl-design-home-nav{gap:.2rem;display:grid}.pxl-design-home-navitem{height:4rem;color:var(--text-on-dark-muted);font:500 1.45rem/1 var(--font-body);text-align:left;cursor:pointer;animation:.5s cubic-bezier(.22,1,.36,1) both pxl-design-rise;animation-delay:calc(var(--i,0) * 50ms);background:0 0;border:0;border-radius:1rem;align-items:center;gap:1.2rem;padding:0 1.2rem;display:flex}.pxl-design-home-navitem:hover{background:var(--design-chrome-hover);color:var(--text-on-dark)}.pxl-design-home-navitem.is-on{background:var(--design-chrome-active);color:var(--text-on-dark)}.pxl-design-home-navname{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pxl-design-home-side-label{font:1.1rem/1 var(--design-font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-on-dark-muted);margin:.8rem 1.2rem 0}.pxl-design-home-side-foot{gap:1rem;margin-top:auto;display:grid}.pxl-design-home-claude{border:1px solid var(--border-on-dark);color:var(--text-on-dark);text-align:left;cursor:pointer;background:0 0;border-radius:1.4rem;align-items:center;gap:1.2rem;padding:1.2rem;transition:border-color .2s,background .2s;display:flex}.pxl-design-home-claude:hover{border-color:var(--design-claude);background:var(--design-chrome-raised)}.pxl-design-home-claude>span:last-child{font-size:1.3rem;display:grid}.pxl-design-home-claude>span:last-child span{color:var(--text-on-dark-muted);font-size:1.2rem}.pxl-design-home-claude-orb{background:var(--design-chrome-active);width:3.4rem;height:3.4rem;color:var(--design-claude);border-radius:1rem;flex:none;place-items:center;display:grid}.pxl-design-home-meter{color:var(--text-on-dark-muted);gap:.8rem;padding:0 1.2rem;font-size:1.25rem;display:grid}.pxl-design-home-meter-bar{border-radius:var(--radius-pill);background:var(--design-chrome-raised);height:.6rem;overflow:hidden}.pxl-design-home-meter-bar span{border-radius:inherit;background:var(--accent-primary);transform-origin:0;height:100%;animation:1.2s cubic-bezier(.22,1,.36,1) both pxl-design-meter;display:block}@keyframes pxl-design-meter{0%{transform:scaleX(0)}}.pxl-design-home-main{background-color:var(--surface-page);background-image:radial-gradient(color-mix(in oklch, var(--text-primary) 13%, transparent) 1px, transparent 1.3px);background-position:1.2rem 1.2rem;background-size:2.4rem 2.4rem;border-radius:1.4rem;min-height:calc(100dvh - 2.4rem);margin:1.2rem 1.2rem 1.2rem 0;padding:2rem 4rem 6rem}.pxl-design-home-top{justify-content:space-between;align-items:center;height:4.4rem;display:flex}.pxl-design-home-account{position:relative}.pxl-design-home-account .pxl-design-avatar{cursor:pointer;border:0;width:3.6rem;height:3.6rem;font-size:1.4rem}.pxl-design-home-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin:2.4rem 0 3.2rem;display:flex}.pxl-design-home-h1{letter-spacing:-.045em;margin:0;font-size:clamp(3.6rem,4.4vw,5.6rem);font-weight:600;line-height:1;animation:.6s cubic-bezier(.22,1,.36,1) both pxl-design-rise}.pxl-design-home-title-actions{flex-wrap:wrap;gap:.8rem;display:flex}.pxl-design-home-projects{grid-template-columns:repeat(auto-fill,minmax(22rem,1fr));gap:1.6rem;margin-bottom:3.2rem;display:grid}.pxl-design-home-project{border-radius:1.6rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.pxl-design-home-project:hover{transform:translateY(-2px)}.pxl-design-home-project>button{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;gap:.6rem;padding:1.8rem;display:grid}.pxl-design-home-project strong{font-size:1.6rem}.pxl-design-home-project span{color:var(--text-secondary);font-size:1.3rem}.pxl-design-home-project-actions{gap:.6rem;padding:0 1.8rem 1.6rem;display:flex}.pxl-design-home-grid{grid-template-columns:repeat(auto-fill,minmax(26rem,1fr));gap:2.4rem;display:grid}.pxl-design-home-card{border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--elevation-card);transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;position:relative}.pxl-design-home-card:hover{transform:translateY(-3px);box-shadow:0 1px 2px #1414140a,0 28px 50px -22px #14141447}.pxl-design-home-card.is-skeleton{background:linear-gradient(100deg, var(--surface-inset) 30%, var(--surface-raised) 50%, var(--surface-inset) 70%) 0 0 / 300% 100%;height:26rem;box-shadow:none;animation:1.6s linear infinite pxl-design-sheen}.pxl-design-home-card-open{text-align:left;cursor:pointer;width:100%;color:inherit;background:0 0;border:0;padding:.8rem;display:grid}.pxl-design-home-card-open:disabled{cursor:default}.pxl-design-home-thumb{aspect-ratio:16/10;border-radius:calc(var(--radius-card) - .6rem);color:color-mix(in oklch, var(--text-primary) 35%, transparent);place-items:center;display:grid;overflow:hidden}.pxl-design-home-thumb img{object-fit:cover;object-position:top center;background:var(--surface-raised);width:100%;height:100%}.pxl-design-home-card-meta{gap:.4rem;padding:1.2rem .8rem .6rem;display:grid}.pxl-design-home-card-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;overflow:hidden}.pxl-design-home-card-meta span{color:var(--text-muted);font-size:1.25rem}.pxl-design-home-card-more{width:3.2rem;height:3.2rem;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:50%;place-items:center;transition:opacity .2s,background .2s;display:grid;position:absolute;bottom:1.6rem;right:1.4rem}.pxl-design-home-card:hover .pxl-design-home-card-more{opacity:1}.pxl-design-home-card-more:hover{background:var(--surface-inset);color:var(--text-primary)}.pxl-design-home-card-badge{background:var(--surface-dark);width:2.6rem;height:2.6rem;color:var(--text-on-dark);border-radius:50%;place-items:center;display:grid;position:absolute;top:1.6rem;right:1.6rem}.pxl-design-home-empty{text-align:center;justify-items:center;gap:1.2rem;padding:8rem 2rem;display:grid}.pxl-design-home-empty h2{letter-spacing:-.03em;margin:1.2rem 0 0;font-size:3.2rem}.pxl-design-home-empty p{max-width:44rem;color:var(--text-secondary);margin:0 0 1.2rem;font-size:1.5rem;line-height:1.55}.pxl-design-home-empty-art{width:16rem;height:11rem;position:relative}.pxl-design-home-empty-art span{border-radius:1.4rem;animation:6s cubic-bezier(.65,0,.35,1) infinite pxl-design-float;position:absolute}.pxl-design-home-empty-art span:first-child{background:var(--design-sand);inset:0 3rem 1rem 0}.pxl-design-home-empty-art span:nth-child(2){background:var(--surface-dark);animation-delay:-2s;inset:2rem 0 0 6rem}.pxl-design-home-empty-art span:nth-child(3){background:var(--accent-primary);border-radius:50%;width:3.2rem;height:3.2rem;animation-delay:-4s;top:2.4rem;left:2.4rem}@media (width<=860px){.pxl-design-home{grid-template-columns:1fr}.pxl-design-home-side{height:auto;position:static}.pxl-design-home-main{border-radius:1.4rem 1.4rem 0 0;margin:0;padding:2rem 1.6rem 6rem}}.pxl-design-home-claude.is-on{border-color:color-mix(in oklch, var(--design-claude) 55%, transparent)}.pxl-design-home-claude-orb{position:relative}.pxl-design-home-claude-orb .pxl-design-claude-dot{box-shadow:0 0 0 2px var(--surface-dark);position:absolute;top:-.2rem;right:-.2rem}.pxl-design-beta{border-radius:var(--radius-pill);background:color-mix(in oklab, var(--surface-raised) 82%, transparent);box-shadow:inset 0 0 0 1px var(--card-border), 0 6px 18px -12px #14141440;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);align-items:center;gap:1rem;padding:.4rem 1.4rem .4rem .4rem;animation:.6s cubic-bezier(.22,1,.36,1) both pxl-design-beta-in;display:inline-flex}.pxl-design-beta-tag{border-radius:var(--radius-pill);background:var(--accent-primary);color:var(--text-on-accent);font:600 1.1rem/1 var(--design-font-mono,ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.7rem;padding:.55rem 1.1rem .55rem .9rem;display:inline-flex}.pxl-design-beta-tag i{background:currentColor;border-radius:.2rem;width:.7rem;height:.7rem;position:relative}.pxl-design-beta-tag i:after{content:"";opacity:0;border:1px solid;border-radius:.35rem;animation:2.4s cubic-bezier(.22,1,.36,1) infinite pxl-design-beta-ping;position:absolute;inset:-.3rem}.pxl-design-beta-text{color:var(--text-primary);white-space:nowrap;font-size:1.35rem;font-weight:500}.pxl-design-beta-text .pxl-design-serif{color:var(--text-accent);font-size:1.55rem;font-weight:400}@keyframes pxl-design-beta-ping{0%{opacity:.9;transform:scale(.6)rotate(0)}70%,to{opacity:0;transform:scale(1.9)rotate(45deg)}}@keyframes pxl-design-beta-in{0%{opacity:0;transform:translateY(-.6rem)}}@media (width<=640px){.pxl-design-beta-text .pxl-design-serif{display:none}}@media (prefers-reduced-motion:reduce){.pxl-design-beta,.pxl-design-beta-tag i:after{animation:none}}.pxl-design-home-lede{max-width:62rem;color:var(--text-secondary);margin:-1.2rem 0 2.4rem;font-size:1.5rem;line-height:1.55}.pxl-design-home-lede strong{color:var(--text-primary);font-weight:600}.pxl-design-home-lede .pxl-design-serif{color:var(--text-accent);font-size:1.15em}.pxl-design-home-assets{--drive-body-h:max(36rem, calc(100vh - 34rem));background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--card-border), 0 18px 40px -30px #14141459;border-radius:2rem;padding:1.8rem}.pxl-design-home-assets .pxl-design-drive-grid{grid-template-columns:repeat(auto-fill,minmax(17rem,1fr))}.pxl-design-asset-view{background:0 0;gap:1.4rem;display:grid}.pxl-design-asset-view h2{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:2.4rem;font-weight:600}.pxl-design-asset-view-img{background:repeating-conic-gradient(var(--surface-inset) 0% 25%, transparent 0% 50%) 0 0 / 2rem 2rem, var(--surface-raised);border-radius:1.4rem;place-items:center;max-height:60vh;padding:1.6rem;display:grid;overflow:hidden}.pxl-design-asset-view-img img{object-fit:contain;border-radius:.6rem;max-width:100%;max-height:calc(60vh - 3.2rem)}.pxl-btn{justify-content:center;align-items:center;gap:var(--space-sm);box-sizing:border-box;height:var(--control-height);padding:0 var(--control-padding-x);font-family:var(--font-body);border-radius:var(--radius-control);border:var(--border-width) solid transparent;cursor:pointer;white-space:nowrap;font-size:1.4rem;font-weight:600;line-height:1.25;transition:background-color .15s,border-color .15s,opacity .15s;display:inline-flex}.pxl-btn-sm{height:var(--control-height-sm);padding:0 var(--control-padding-x-sm);font-size:1.3rem}.pxl-btn-full{width:100%}.pxl-btn:disabled{opacity:.6;cursor:not-allowed}.pxl-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.pxl-btn-primary{color:var(--btn-primary-text);background-color:var(--btn-primary-bg);border-color:var(--btn-primary-border)}.pxl-btn-primary:hover:not(:disabled){background-color:var(--btn-primary-bg-hover)}.pxl-btn-secondary{color:var(--btn-secondary-text);background-color:var(--btn-secondary-bg);border-color:var(--btn-secondary-border)}.pxl-btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-bg-hover)}.pxl-btn-tertiary{color:var(--btn-tertiary-text);background-color:var(--btn-tertiary-bg);border-color:var(--btn-tertiary-border)}.pxl-btn-tertiary:hover:not(:disabled){background-color:var(--btn-tertiary-bg-hover)}.pxl-btn-danger{color:var(--btn-danger-text);background-color:var(--btn-danger-bg);border-color:var(--btn-danger-border)}.pxl-btn-danger:hover:not(:disabled){background-color:var(--btn-danger-bg-hover)}.pxl-btn-success{color:var(--btn-success-text);background-color:var(--btn-success-bg);border-color:var(--btn-success-border)}.pxl-btn-success:hover:not(:disabled){background-color:var(--btn-success-bg-hover)}.pxl-btn-external{height:auto;padding:var(--btn-external-padding);border-radius:var(--btn-external-radius);font-size:var(--btn-external-font-size);font-weight:var(--btn-external-font-weight);color:var(--btn-external-text);background-color:var(--btn-external-bg);border-color:var(--btn-external-border)}.pxl-btn-external:hover:not(:disabled){background-color:var(--btn-external-bg-hover)}.pxl-btn-external-icon{width:var(--btn-external-icon-size);height:var(--btn-external-icon-size);flex-shrink:0;display:inline-flex}.pxl-btn-external-icon svg{width:100%;height:100%}.pxl-btn-link{height:auto;color:var(--btn-link-text);background-color:var(--btn-link-bg);border-color:var(--btn-link-border);padding:0;font-weight:500}.pxl-btn-link:hover:not(:disabled){background-color:var(--btn-link-bg-hover);text-decoration:underline}.pxl-checkbox{box-sizing:border-box;appearance:none;border:var(--border-width) solid var(--input-border);border-radius:calc(var(--radius-control) * .5);background-color:var(--input-bg);cursor:pointer;vertical-align:middle;flex-shrink:0;width:1.6rem;height:1.6rem;margin:0;transition:background-color .15s,border-color .15s;display:inline-block;position:relative}.pxl-checkbox:checked{background-color:var(--accent-primary);border-color:var(--accent-primary)}.pxl-checkbox:checked:after{content:"";border:solid var(--text-on-accent);border-width:0 .2rem .2rem 0;width:.35rem;height:.65rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-65%)rotate(45deg)}.pxl-checkbox:indeterminate{background-color:color-mix(in srgb, var(--accent-primary) 55%, var(--input-bg));border-color:var(--accent-primary)}.pxl-checkbox:indeterminate:after{content:"";background:var(--accent-primary);border:none;width:.8rem;height:.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pxl-checkbox:focus-visible{box-shadow:var(--focus-ring);outline:none}.pxl-checkbox:disabled{opacity:.45;cursor:not-allowed}.pxl-field{flex-direction:column;gap:.6rem;width:100%;display:flex}.pxl-field-label{font-family:var(--font-body);color:var(--field-label-text);font-size:1.3rem;font-weight:600}.pxl-field-hint{font-family:var(--font-body);color:var(--field-hint-text);margin:0;font-size:1.2rem}.pxl-field-error{font-family:var(--font-body);color:var(--field-error-text);margin:0;font-size:1.2rem}.pxl-field-control{width:100%}.pxl-icon-btn{cursor:pointer;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,opacity .15s;display:inline-flex}.pxl-icon-btn:disabled{opacity:.6;cursor:not-allowed}.pxl-icon-btn:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-control);outline:none}.pxl-icon-btn-bare{background:0 0;border:none;width:auto;height:auto}.pxl-icon-btn-bare:hover:not(:disabled){opacity:.7}.pxl-icon-btn-outlined{width:var(--control-icon-size);height:var(--control-icon-size);border:var(--border-width) solid var(--input-border);border-radius:var(--radius-control);background:var(--input-bg)}.pxl-icon-btn-outlined:hover:not(:disabled){color:var(--text-primary);border-color:var(--input-border-focus)}.pxl-input{box-sizing:border-box;width:100%;height:var(--control-height);padding:0 var(--control-padding-x);font-family:var(--font-body);color:var(--input-text);background-color:var(--input-bg);border:var(--border-width) solid var(--input-border);border-radius:var(--radius-control);outline:none;font-size:1.4rem;transition:border-color .15s}.pxl-input::placeholder{color:var(--input-placeholder)}.pxl-input:focus{border-color:var(--input-border-focus);box-shadow:var(--focus-ring)}.pxl-input:disabled{opacity:.6;cursor:not-allowed}.pxl-input-inset{background-color:var(--input-bg-inset)}.pxl-input-password-wrap{width:100%;position:relative}.pxl-input-password-wrap .pxl-input{padding-right:4.4rem}.pxl-input-password-toggle{right:var(--control-padding-x);position:absolute;top:50%;transform:translateY(-50%)}.pxl-label{color:var(--text-accent);align-self:flex-start;font-weight:600;display:inline-flex}.pxl-label-default{letter-spacing:.15em;font-size:1.4rem}.pxl-label-pill{color:var(--text-accent);background:var(--surface-accent-soft);border-radius:var(--radius-pill);padding:.8rem 2rem;font-size:1.3rem;line-height:1.4}.pxl-textarea{box-sizing:border-box;width:100%;min-height:var(--textarea-min-height);padding:var(--control-padding-x);font-family:var(--font-body);color:var(--input-text);background-color:var(--input-bg);border:var(--border-width) solid var(--input-border);border-radius:var(--radius-control);resize:vertical;outline:none;font-size:1.4rem;transition:border-color .15s}.pxl-textarea::placeholder{color:var(--input-placeholder)}.pxl-textarea:focus{border-color:var(--input-border-focus)}.pxl-textarea:disabled{opacity:.6;cursor:not-allowed}.pxl-textarea-inset{background-color:var(--input-bg-inset)}.pxl-toggle{background-color:var(--toggle-track);cursor:pointer;border:none;border-radius:10rem;flex-shrink:0;justify-content:flex-start;align-items:center;width:3.6rem;height:2rem;padding:.2rem;transition:background-color .2s;display:inline-flex}.pxl-toggle-checked{background-color:var(--toggle-track-active);justify-content:flex-end}.pxl-toggle-disabled{opacity:.6;cursor:not-allowed}.pxl-toggle:focus-visible{box-shadow:var(--focus-ring);outline:none}.pxl-toggle-thumb{background-color:var(--toggle-thumb);width:1.6rem;height:1.6rem;box-shadow:0 1px 2px color-mix(in srgb, var(--text-primary) 16%, transparent);border-radius:999px}.pxd-page{color:#141414;text-align:left;letter-spacing:normal;width:0;height:0;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.4;position:absolute;inset:0 auto auto 0}.pxd-frame-root{color:#141414;text-align:left;letter-spacing:normal;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-size:16px;line-height:1.4;position:relative}.pxd-page *,.pxd-page :before,.pxd-page :after,.pxd-frame-root *,.pxd-frame-root :before,.pxd-frame-root :after{box-sizing:border-box}.pxd-image-empty{background:linear-gradient(135deg,#0000 49.5%,#1414141f 49.5% 50.5%,#0000 50.5%),linear-gradient(45deg,#0000 49.5%,#1414141f 49.5% 50.5%,#0000 50.5%),#ece8e0}.pxd-missing{color:#b4372a;background:repeating-linear-gradient(45deg,#fbe9e6 0 8px,#f7dcd7 8px 16px);place-items:center;min-width:80px;min-height:32px;font:500 12px/1.2 Geist Mono,ui-monospace,monospace;display:grid}.pxd-ui-instance{align-items:stretch;display:flex}.pxd-ui-instance>*{flex:auto}.pxd-ui-select{border-radius:var(--radius-control,10px);background:var(--input-bg,#efebe3);min-height:44px;color:var(--text-primary,#141414);justify-content:space-between;align-items:center;gap:8px;padding:0 14px;font-size:15px;display:flex}.pxd-ui-check{align-items:center;gap:8px;font-size:15px;display:inline-flex}.pxl-design-editor{--float-gap:1.2rem;background:var(--design-canvas);-webkit-user-select:none;user-select:none;font-size:1.3rem;position:fixed;inset:0;overflow:hidden}.pxl-design-stage{position:absolute;inset:0}.pxl-design-float{z-index:10;background:var(--design-panel);border:1px solid var(--design-panel-line);border-radius:1.6rem;animation:.5s cubic-bezier(.22,1,.36,1) both pxl-design-float-in;position:absolute;box-shadow:0 1px 2px #0000002e,0 18px 50px -20px #0000008c}@keyframes pxl-design-float-in{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:none}}.pxl-design-titlebar{top:var(--float-gap);left:var(--float-gap);align-items:center;gap:.8rem;max-width:34.4rem;height:4.4rem;padding:0 1.2rem 0 .6rem;display:flex}.pxl-design-actions{top:var(--float-gap);right:var(--float-gap);border-radius:var(--radius-pill);align-items:center;gap:.6rem;height:4.4rem;padding:0 .6rem;display:flex}.pxl-design-left{top:calc(var(--float-gap) + 4.4rem + .8rem);left:var(--float-gap);bottom:var(--float-gap);width:var(--left-w,28rem);scrollbar-width:thin;overflow:auto}.pxl-design-right{top:calc(var(--float-gap) + 4.4rem + .8rem);right:var(--float-gap);bottom:var(--float-gap);scrollbar-width:thin;width:27.2rem;animation-duration:.35s;overflow:auto}.pxl-design-rail{top:calc(var(--float-gap) + 4.4rem + .8rem);left:calc(var(--float-gap) + var(--left-w,28rem) + .8rem);border-radius:1.4rem;flex-direction:column;gap:.2rem;padding:.5rem;display:flex}.pxl-design-zoombar{right:var(--float-gap);bottom:var(--float-gap);border-radius:var(--radius-pill);align-items:center;gap:.2rem;height:4rem;padding:0 .4rem;display:flex}.pxl-design-right~.pxl-design-zoombar{right:calc(var(--float-gap) + 27.2rem + .8rem)}.pxl-design-editor-loading,.pxl-design-editor-error{text-align:center;align-content:center;place-items:center;gap:2rem;display:grid;position:fixed;inset:0}.pxl-design-editor-error h1{letter-spacing:-.02em;margin:0;font-size:2.6rem}.pxl-design-topbar{color:var(--text-on-dark);grid-template-columns:1fr auto 1fr;align-items:center;gap:1.6rem;padding:0 1.2rem;display:grid}.pxl-design-topbar-left,.pxl-design-topbar-right{align-items:center;gap:1rem;min-width:0;display:flex}.pxl-design-topbar-right{justify-content:flex-end}.pxl-design-filename{width:16rem;min-width:6rem;color:var(--text-primary);font:600 1.4rem/1.2 var(--font-body);text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:.8rem;padding:.6rem .8rem}.pxl-design-filename:hover:not(:disabled){border-color:var(--design-panel-line)}.pxl-design-filename:focus{border-color:var(--accent-primary);background:var(--surface-raised);outline:none}.pxl-design-sync{font:1.1rem/1 var(--design-font-mono);color:var(--text-muted);white-space:nowrap}.pxl-design-topbar .pxl-design-sync{color:var(--text-on-dark-muted)}.pxl-design-sync.is-offline{color:var(--text-accent)}.pxl-design-tool{width:3.6rem;height:3.6rem;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:1rem;place-items:center;transition:background .15s,color .15s,transform .25s cubic-bezier(.34,1.56,.64,1);display:grid}.pxl-design-tool:hover:not(:disabled){background:var(--surface-inset);color:var(--text-primary)}.pxl-design-tool.is-on{background:var(--accent-primary);color:var(--text-on-accent)}.pxl-design-tool:active:not(:disabled){transform:scale(.92)}.pxl-design-tool:disabled{opacity:.3;cursor:default}.pxl-design-tools-sep{background:var(--design-panel-line);width:2.4rem;height:1px;margin:.4rem auto}.pxl-design-zoom{border-radius:var(--radius-pill);min-width:5.6rem;height:3.2rem;color:var(--text-secondary);font:1.25rem/1 var(--design-font-mono);cursor:pointer;background:0 0;border:0}.pxl-design-zoom:hover{background:var(--surface-inset);color:var(--text-primary)}.pxl-design-topbar .pxl-design-zoom{color:var(--text-on-dark-muted)}.pxl-design-topbar .pxl-design-pill,.pxl-design-actions .pxl-design-pill{height:3.2rem;font-size:1.3rem}.pxl-design-actions .pxl-design-pill.is-live{border-color:var(--design-claude);color:var(--design-claude-text)}.pxl-design-topbar .pxl-design-pill.is-ghost{border-color:var(--border-on-dark);color:var(--text-on-dark)}.pxl-design-topbar .pxl-design-pill.is-ghost:hover{background:var(--design-chrome-hover)}.pxl-design-topbar .pxl-design-pill.is-live{border-color:var(--accent-primary);color:var(--design-ember-on-dark)}.pxl-design-access{color:var(--text-muted);padding:0 .6rem;font-size:1.25rem}.pxl-design-presence{display:flex}.pxl-design-presence:empty{display:none}.pxl-design-presence .pxl-design-avatar{box-shadow:0 0 0 2px var(--design-panel);margin-left:-.6rem}.pxl-design-more{position:relative}.pxl-design-tabs{z-index:2;background:var(--design-panel);border-bottom:1px solid var(--design-panel-line);gap:.2rem;padding:.8rem .8rem .6rem;display:flex;position:sticky;top:0}.pxl-design-tabs button{border-radius:var(--radius-pill);height:3.2rem;color:var(--text-muted);font:600 1.3rem/1 var(--font-body);cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:0 1rem;transition:background .2s,color .2s;display:inline-flex}.pxl-design-tabs button:hover{color:var(--text-primary)}.pxl-design-tabs button.is-on{background:var(--surface-inset);color:var(--text-primary)}.pxl-design-panel-head{justify-content:space-between;align-items:center;padding:1.2rem 1.2rem .4rem 1.4rem;display:flex}.pxl-design-label{font-family:var(--design-font-mono,ui-monospace, monospace);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:1.1rem}.pxl-design-empty-note{color:var(--text-muted);margin:.6rem 1.4rem;font-size:1.25rem;line-height:1.5}.pxl-design-pages{padding:0 .6rem}.pxl-design-page-row,.pxl-design-layer{height:3rem;color:var(--text-secondary);cursor:default;white-space:nowrap;border-radius:.8rem;align-items:center;gap:.6rem;padding:0 .8rem;display:flex;position:relative}.pxl-design-page-row:hover,.pxl-design-layer:hover{background:var(--surface-inset)}.pxl-design-page-row.is-sel{color:var(--text-primary);font-weight:600}.pxl-design-page-del{color:var(--text-muted);opacity:0;cursor:pointer;background:0 0;border:0;margin-left:auto}.pxl-design-page-row:hover .pxl-design-page-del{opacity:1}.pxl-design-layer-search{border-radius:var(--radius-pill);background:var(--surface-inset);height:3rem;color:var(--text-muted);align-items:center;gap:.6rem;margin:.4rem 1rem .6rem;padding:0 1rem;display:flex}.pxl-design-layer-search input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:none;flex:1}.pxl-design-tree{min-height:12rem;padding:0 .6rem 4rem}.pxl-design-layer.is-sel{background:var(--design-select-soft);color:var(--text-primary)}.pxl-design-layer.is-hidden .pxl-design-layer-name,.pxl-design-layer.is-hidden .pxl-design-layer-icon{opacity:.45}.pxl-design-layer.drop-inside{box-shadow:inset 0 0 0 2px var(--design-select)}.pxl-design-layer.drop-before:before,.pxl-design-layer.drop-after:after{content:"";background:var(--design-select);border-radius:2px;height:2px;position:absolute;left:.8rem;right:.8rem}.pxl-design-layer.drop-before:before{top:-1px}.pxl-design-layer.drop-after:after{bottom:-1px}.pxl-design-layer-caret{width:1.6rem;height:1.6rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.pxl-design-layer-icon{color:var(--text-muted);flex:none;place-items:center;display:grid}.pxl-design-layer-icon.is-instance{color:var(--text-accent)}.pxl-design-layer.is-sel .pxl-design-layer-icon{color:var(--design-select)}.pxl-design-layer-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.pxl-design-layer-rename{border:1px solid var(--design-select);min-width:0;font:inherit;background:var(--surface-raised);border-radius:.4rem;outline:none;flex:1;padding:.2rem .4rem}.pxl-design-layer-tools{opacity:0;gap:.2rem;display:flex}.pxl-design-layer:hover .pxl-design-layer-tools,.pxl-design-layer-tools.is-pinned{opacity:1}.pxl-design-layer-tools button{width:2.2rem;height:2.2rem;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:.5rem;place-items:center;padding:0;display:grid}.pxl-design-layer-tools.is-pinned button:not(.is-on){visibility:hidden}.pxl-design-layer:hover .pxl-design-layer-tools button{visibility:visible}.pxl-design-layer-tools button:hover{color:var(--text-primary);background:var(--design-sand)}.pxl-design-asset-grid{grid-template-columns:1fr 1fr;gap:.8rem;padding:.4rem 1.2rem 1.2rem;display:grid}.pxl-design-asset-wrap{position:relative}.pxl-design-asset{width:100%;color:var(--text-secondary);font:500 1.2rem/1.2 var(--font-body);text-align:center;cursor:grab;background:0 0;border:0;border-radius:1.2rem;gap:.6rem;padding:.6rem;transition:background .15s,transform .25s cubic-bezier(.34,1.56,.64,1);display:grid}.pxl-design-asset:hover:not(:disabled){background:var(--surface-inset);transform:translateY(-1px)}.pxl-design-asset-art{background:var(--surface-inset);height:7.2rem;color:var(--text-muted);pointer-events:none;border-radius:1rem;place-items:center;display:grid;position:relative;overflow:hidden}.pxl-design-asset-art.is-starter{background:var(--design-sand)}.pxl-design-asset-mini{transform-origin:50%;width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pxl-design-asset-ui{min-width:16rem;display:block}.pxl-design-asset-del{background:var(--surface-dark);width:2rem;height:2rem;color:var(--text-on-dark);opacity:0;cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;top:.2rem;right:.2rem}.pxl-design-asset-wrap:hover .pxl-design-asset-del{opacity:1}.pxl-design-canvas{background-color:var(--design-canvas);background-image:radial-gradient(var(--design-canvas-dot) 1px, transparent 1.2px);touch-action:none;contain:strict;background-size:2.4rem 2.4rem;position:absolute;inset:0;overflow:hidden}.pxl-design-world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.pxl-design-world [data-node-id].pxl-design-dragging{opacity:.35;outline:2px dashed var(--design-select);outline-offset:-2px;filter:saturate(.4)}.pxl-design-lift{z-index:20;pointer-events:none;transform-origin:30% 30%;outline:2px solid var(--design-select);outline-offset:2px;opacity:.96;border-radius:6px;animation:.22s cubic-bezier(.34,1.56,.64,1) both pxl-design-lift-in;position:absolute;transform:rotate(-1.2deg)scale(1.02);box-shadow:0 2px 6px #0000001f,0 28px 60px -18px #00000080}.pxl-design-lift[hidden]{display:none}@keyframes pxl-design-lift-in{0%{transform:rotate(0)scale(1);box-shadow:0 0 #0000}}.pxl-design-overlay{pointer-events:none;position:absolute;inset:0}.pxl-design-overlay>*{position:absolute}.pxl-design-frame-label{pointer-events:auto;text-overflow:ellipsis;white-space:nowrap;height:1.8rem;font:500 1.15rem/1.8rem var(--font-body);color:var(--design-canvas-label);cursor:default;overflow:hidden}.pxl-design-frame-label:hover,.pxl-design-frame-label.is-sel{color:var(--design-select)}.pxl-design-hover,.pxl-design-selected{box-shadow:0 0 0 1.5px var(--design-select)}.pxl-design-flash{box-shadow:0 0 0 2px var(--design-claude), 0 0 0 6px color-mix(in oklch, var(--design-claude) 25%, transparent);border-radius:2px;animation:1.4s cubic-bezier(.22,1,.36,1) both pxl-design-flash}@keyframes pxl-design-flash{0%{opacity:0}15%{opacity:1}to{opacity:0}}.pxl-design-handle{pointer-events:auto;border:1.5px solid var(--design-select);background:#fff;border-radius:2px;width:.9rem;height:.9rem;margin:-.45rem 0 0 -.45rem}.pxl-design-handle.is-n,.pxl-design-handle.is-s{cursor:ns-resize}.pxl-design-handle.is-e,.pxl-design-handle.is-w{cursor:ew-resize}.pxl-design-handle.is-nw,.pxl-design-handle.is-se{cursor:nwse-resize}.pxl-design-handle.is-ne,.pxl-design-handle.is-sw{cursor:nesw-resize}.pxl-design-size{background:var(--design-select);color:#fff;font:500 1.1rem/1.4 var(--design-font-mono);white-space:nowrap;border-radius:.4rem;padding:.2rem .6rem;transform:translate(-50%)}.pxl-design-select-box{border:1px solid var(--design-select);background:var(--design-select-soft)}.pxl-design-guide{background:var(--design-guide)}.pxl-design-insert{background:var(--design-select);border-radius:2px;transition:left .12s cubic-bezier(.22,1,.36,1),top .12s cubic-bezier(.22,1,.36,1);box-shadow:0 0 0 2px #ffffffd9}.pxl-design-insert:before,.pxl-design-insert:after{content:"";width:8px;height:8px;box-shadow:inset 0 0 0 2px var(--design-select);background:#fff;border-radius:2px;position:absolute}.pxl-design-insert.is-h:before,.pxl-design-insert.is-h:after{margin-top:-4px;top:50%}.pxl-design-insert.is-h:before{left:-4px}.pxl-design-insert.is-h:after{right:-4px}.pxl-design-insert.is-v:before,.pxl-design-insert.is-v:after{margin-left:-4px;left:50%}.pxl-design-insert.is-v:before{top:-4px}.pxl-design-insert.is-v:after{bottom:-4px}.pxl-design-slot{border:2px dashed var(--design-select);background:color-mix(in oklab, var(--design-select) 14%, transparent);box-shadow:0 0 0 4px color-mix(in oklab, var(--design-select) 12%, transparent);border-radius:8px;transition:left .16s cubic-bezier(.22,1,.36,1),top .16s cubic-bezier(.22,1,.36,1),width .16s cubic-bezier(.22,1,.36,1),height .16s cubic-bezier(.22,1,.36,1);animation:.2s ease-out both pxl-design-slot-in}@keyframes pxl-design-slot-in{0%{opacity:0;transform:scale(.96)}}@media (prefers-reduced-motion:reduce){.pxl-design-lift,.pxl-design-slot{animation:none}.pxl-design-insert,.pxl-design-slot{transition:none}}.pxl-design-text-edit{z-index:5;transform-origin:0 0;outline:1.5px solid var(--design-select);outline-offset:2px;-webkit-user-select:text;user-select:text;cursor:text;background:0 0;position:absolute}.pxl-design-canvas-empty{inset:6.4rem 1.6rem 6.4rem calc(var(--left-w,28rem) + 8rem);z-index:5;border-radius:var(--radius-card);background:var(--design-panel);text-align:center;pointer-events:auto;width:min(52rem,100% - 39.2rem);height:fit-content;margin:auto;padding:2.8rem 3rem 2.4rem;position:absolute;box-shadow:0 30px 80px -30px #0009}@media (width<=900px){.pxl-design-canvas-empty{width:calc(100% - 3.2rem);inset:6.4rem 1.6rem}}.pxl-design-canvas-empty h2{letter-spacing:-.03em;margin:.8rem 0 1.8rem;font-size:2.8rem;font-weight:600}.pxl-design-canvas-empty p{color:var(--text-secondary);margin:1.6rem 0 0;font-size:1.4rem;line-height:1.55}.pxl-design-presets{gap:.6rem;padding:1rem;display:grid}.pxl-design-presets.is-inline{grid-template-columns:repeat(3,1fr);padding:0}.pxl-design-presets button{background:var(--surface-inset);color:var(--text-primary);font:1.3rem/1.2 var(--font-body);text-align:left;cursor:pointer;border:1px solid #0000;border-radius:1.2rem;grid-template-columns:2.8rem 1fr auto;align-items:center;gap:1rem;padding:1rem 1.2rem;transition:border-color .2s,transform .3s cubic-bezier(.34,1.56,.64,1);display:grid}.pxl-design-presets.is-inline button{text-align:center;grid-template-columns:1fr;justify-items:center;gap:.6rem;padding:1.6rem 1rem 1.2rem}.pxl-design-presets button:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.pxl-design-presets button span:last-child{color:var(--text-muted);font:1.1rem/1 var(--design-font-mono)}.pxl-design-preset-shape{opacity:.7;border:1.5px solid;border-radius:.3rem;justify-self:center}.pxl-design-preset-shape.is-desktop{width:2.8rem;height:2rem}.pxl-design-preset-shape.is-tablet{width:1.8rem;height:2.4rem}.pxl-design-preset-shape.is-mobile{border-radius:.4rem;width:1.3rem;height:2.4rem}.pxl-design-preset-shape.is-square{width:2.2rem;height:2.2rem}.pxl-design-presets.is-inline .pxl-design-preset-shape{margin-bottom:.6rem;transform:scale(1.4)}.pxl-design-newpage{padding:1rem 1rem .2rem;position:relative}.pxl-design-newpage-btn{border:1px dashed var(--btn-tertiary-border);width:100%;height:3.6rem;color:var(--text-primary);font:600 1.3rem/1 var(--font-body);cursor:pointer;background:0 0;border-radius:1rem;align-items:center;gap:.6rem;padding:0 1.2rem;transition:background .2s,border-color .2s;display:flex}.pxl-design-newpage-btn svg:last-child{color:var(--text-muted);margin-left:auto}.pxl-design-newpage-btn:hover{border-color:var(--accent-primary);background:var(--accent-primary-subtle)}.pxl-design-newpage .pxl-design-menu{min-width:0;top:calc(100% + .4rem);left:1rem;right:1rem}.pxl-design-props{padding-bottom:6rem}.pxl-design-props-head{border-bottom:1px solid var(--design-panel-line);gap:.4rem;padding:1.4rem 1.4rem 1rem;display:grid}.pxl-design-props-head strong{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:1.5rem;overflow:hidden}.pxl-design-props-head .pxl-design-badge{justify-self:start}.pxl-design-section{border-bottom:1px solid var(--design-panel-line);padding:1.2rem 1.4rem}.pxl-design-section header{justify-content:space-between;align-items:center;min-height:2.4rem;margin-bottom:.8rem;display:flex}.pxl-design-section h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.pxl-design-section-body{gap:.8rem;display:grid}.pxl-design-grid2{grid-template-columns:1fr 1fr;align-items:center;gap:.8rem;display:grid}.pxl-design-grid4{grid-template-columns:repeat(4,1fr);gap:.4rem;display:grid}.pxl-design-row{align-items:center;gap:.8rem;display:flex}.pxl-design-size-row{grid-template-columns:1fr 9rem;gap:.6rem;display:grid}.pxl-design-num{background:var(--surface-inset);border:1px solid #0000;border-radius:.8rem;align-items:center;min-width:0;height:3rem;display:flex}.pxl-design-num:focus-within{border-color:var(--design-select);background:var(--surface-raised)}.pxl-design-num.is-disabled{opacity:.5}.pxl-design-num-label{min-width:2.4rem;font:500 1.1rem/3rem var(--font-body);color:var(--text-muted);cursor:ew-resize;white-space:nowrap;flex:none;padding:0 .6rem 0 .8rem}.pxl-design-num input{width:100%;min-width:0;font:1.25rem var(--design-font-mono);color:var(--text-primary);background:0 0;border:0;outline:none;flex:1}.pxl-design-num-suffix{color:var(--text-muted);padding-right:.8rem;font-size:1.1rem}.pxl-design-text,.pxl-design-select{background:var(--surface-inset);width:100%;min-width:0;height:3rem;font:1.25rem var(--font-body);color:var(--text-primary);-webkit-user-select:text;user-select:text;border:1px solid #0000;border-radius:.8rem;outline:none;padding:0 .8rem}textarea.pxl-design-text{resize:vertical;height:auto;padding:.8rem;line-height:1.45}.pxl-design-text.is-mono{font-family:var(--design-font-mono);font-size:1.2rem}.pxl-design-text:focus,.pxl-design-select:focus{border-color:var(--design-select);background-color:var(--surface-raised)}.pxl-design-color{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.pxl-design-swatch{cursor:pointer;background-image:linear-gradient(45deg,#ddd 25%,#0000 25% 75%,#ddd 75%),linear-gradient(45deg,#ddd 25%,#0000 25% 75%,#ddd 75%);border-radius:.6rem;flex:none;width:2.6rem;height:2.6rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #1414141f}.pxl-design-swatch input{opacity:0;cursor:pointer;position:absolute;inset:0}.pxl-design-token-pick{background:var(--surface-inset);width:3rem;height:3rem;color:var(--text-accent);cursor:pointer;appearance:none;text-align:center;border:0;border-radius:.8rem;flex:none;font-size:1.2rem}.pxl-design-fill{grid-template-columns:8.4rem 1fr auto;align-items:center;gap:.6rem;display:grid}.pxl-design-stops{gap:.4rem;display:grid}.pxl-design-shadow{border-bottom:1px dashed var(--design-panel-line);gap:.6rem;padding-bottom:.8rem;display:grid}.pxl-design-align{justify-content:space-between;display:flex}.pxl-design-align-grid{background:var(--surface-inset);border-radius:.8rem;grid-template-columns:repeat(3,1fr);gap:.3rem;width:9.6rem;padding:.4rem;display:grid}.pxl-design-align-grid button{cursor:pointer;background:0 0;border:0;border-radius:.4rem;place-items:center;height:2.4rem;display:grid}.pxl-design-align-grid button span{background:var(--text-muted);border-radius:50%;width:.5rem;height:.5rem;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.pxl-design-align-grid button:hover span{transform:scale(1.5)}.pxl-design-align-grid button.is-on{background:var(--surface-raised)}.pxl-design-align-grid button.is-on span{background:var(--design-select);border-radius:2px;width:1.4rem;height:.4rem}.pxl-design-prop-row{color:var(--text-secondary);grid-template-columns:8rem 1fr;align-items:center;gap:.6rem;font-size:1.25rem;display:grid}.pxl-design-token{grid-template-columns:10rem 1fr auto;align-items:center;gap:.6rem;display:grid}.pxl-design-token-name{text-overflow:ellipsis;white-space:nowrap;font:1.15rem var(--design-font-mono);color:var(--text-secondary);overflow:hidden}@media (width<=1100px){.pxl-design-right{width:24rem}.pxl-design-right~.pxl-design-zoombar{right:calc(var(--float-gap) + 24rem + .8rem)}.pxl-design-sync{display:none}}.pxl-design-actions .pxl-design-pill.is-connected,.pxl-design-agent-float>.pxl-design-pill.is-connected{border-color:color-mix(in oklch, var(--design-claude) 55%, transparent);color:var(--design-claude-text)}.pxl-design-layer-tools button.is-delete:hover{color:#c2412d}.pxl-design-editor.is-drawer-closed .pxl-design-rail{left:var(--float-gap)}.pxl-design-left[hidden]{display:none}.pxl-design-tabs{align-items:center}.pxl-design-tabs .pxl-design-drawer-toggle{width:3.2rem;height:3.2rem;color:var(--text-muted);border-radius:50%;flex:none;justify-content:center;margin-left:auto;padding:0}.pxl-design-tabs .pxl-design-drawer-toggle:hover{background:var(--surface-inset);color:var(--text-primary)}.pxl-design-tabs .pxl-design-drawer-toggle svg{width:1.8rem;height:1.8rem}.pxl-design-drawer-resize{z-index:11;top:calc(var(--float-gap) + 4.4rem + .8rem + 1.6rem);bottom:calc(var(--float-gap) + 1.6rem);left:calc(var(--float-gap) + var(--left-w) - .4rem);cursor:col-resize;width:.8rem;position:absolute}.pxl-design-drawer-resize:after{content:"";background:var(--design-select);opacity:0;border-radius:.2rem;width:.2rem;transition:opacity .2s;position:absolute;top:0;bottom:0;left:.3rem}.pxl-design-drawer-resize:hover:after,.pxl-design-drawer-resize:active:after{opacity:1}.pxl-design-upload{gap:.4rem;min-width:0;display:inline-flex}.pxl-design-agent{border-radius:var(--radius-pill);background:var(--design-claude-subtle);max-width:30rem;height:3.2rem;color:var(--design-claude-text);font:500 1.3rem/1 var(--font-body);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;align-items:center;gap:.8rem;padding:0 1.4rem 0 .5rem;display:inline-flex}.pxl-design-agent-spark{background:var(--surface-raised,#fff);width:2.4rem;height:2.4rem;color:var(--design-claude);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.pxl-design-agent.is-working .pxl-design-agent-spark svg{animation:2.4s cubic-bezier(.65,0,.35,1) infinite pxl-design-agent-spin}.pxl-design-agent.is-working .pxl-design-agent-spark:after{content:"";border:1.5px solid var(--design-claude);opacity:0;border-radius:50%;animation:1.8s cubic-bezier(.22,1,.36,1) infinite pxl-design-agent-halo;position:absolute;inset:-3px}.pxl-design-agent-text{text-overflow:ellipsis;min-width:0;animation:.35s cubic-bezier(.22,1,.36,1) both pxl-design-agent-text-in;overflow:hidden}.pxl-design-agent.is-working .pxl-design-agent-text{background:linear-gradient(90deg, var(--design-claude-text) 0%, var(--design-claude-text) 40%, var(--design-claude) 50%, var(--design-claude-text) 60%, var(--design-claude-text) 100%) 0 0 / 250% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:.35s cubic-bezier(.22,1,.36,1) both pxl-design-agent-text-in,2.2s linear infinite pxl-design-agent-shimmer}.pxl-design-agent-dots{gap:.25rem;margin-left:-.3rem;display:inline-flex}.pxl-design-agent-dots i{opacity:.25;background:currentColor;border-radius:50%;width:.35rem;height:.35rem;animation:1.2s ease-in-out infinite pxl-design-agent-dot}.pxl-design-agent-dots i:nth-child(2){animation-delay:.15s}.pxl-design-agent-dots i:nth-child(3){animation-delay:.3s}.pxl-design-agent-focus{box-shadow:0 0 0 1.5px var(--design-claude), 0 0 0 6px color-mix(in oklab, var(--design-claude) 18%, transparent);border-radius:4px;transition:left .6s cubic-bezier(.22,1,.36,1),top .6s cubic-bezier(.22,1,.36,1),width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),opacity .3s}.pxl-design-agent-focus.is-working{animation:1.6s ease-in-out infinite pxl-design-agent-breathe}.pxl-design-agent-focus.is-done{opacity:0;transition:opacity .6s .2s}.pxl-design-agent-focus-tag{text-overflow:ellipsis;white-space:nowrap;background:var(--design-claude);color:#fff;max-width:32rem;font:600 1.15rem/1.3 var(--font-body);border-radius:.8rem .8rem .8rem .2rem;padding:.4rem .9rem;animation:.3s cubic-bezier(.22,1,.36,1) both pxl-design-agent-text-in;position:absolute;bottom:calc(100% + 6px);left:-1.5px;overflow:hidden;box-shadow:0 6px 16px -8px #00000080}.pxl-design-agent-cursor{z-index:4;pointer-events:none;will-change:transform;align-items:flex-start;transition:transform .75s cubic-bezier(.45,0,.15,1),opacity .35s;display:flex;top:0;left:0}.pxl-design-agent-cursor.is-home{opacity:0;transform-origin:0 0;transition:transform .75s cubic-bezier(.45,0,.15,1),opacity .3s .5s}.pxl-design-agent-cursor.is-out{opacity:1}.pxl-design-agent-cursor svg{filter:drop-shadow(0 2px 3px #00000059);flex:none}.pxl-design-agent-cursor path{fill:var(--design-claude);stroke:#fff;stroke-width:1.5px;stroke-linejoin:round}.pxl-design-agent-name{background:var(--design-claude);color:#fff;font:600 1.15rem/1.2 var(--font-body);border-radius:.3rem .8rem .8rem;margin:1.6rem 0 0 -.4rem;padding:.35rem .8rem;box-shadow:0 4px 12px -6px #00000080}.pxl-design-agent-click{border:2px solid var(--design-claude);opacity:0;border-radius:50%;width:2.4rem;height:2.4rem;margin:-1rem 0 0 -1rem;animation:.7s cubic-bezier(.22,1,.36,1) .65s both pxl-design-agent-ripple;position:absolute;top:0;left:0}@keyframes pxl-design-agent-ripple{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}@keyframes pxl-design-agent-breathe{0%,to{box-shadow:0 0 0 1.5px var(--design-claude), 0 0 0 4px color-mix(in oklab, var(--design-claude) 14%, transparent)}50%{box-shadow:0 0 0 1.5px var(--design-claude), 0 0 0 9px color-mix(in oklab, var(--design-claude) 24%, transparent), 0 0 40px color-mix(in oklab, var(--design-claude) 25%, transparent)}}@keyframes pxl-design-agent-spin{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(.85)}to{transform:rotate(360deg)scale(1)}}@keyframes pxl-design-agent-halo{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes pxl-design-agent-shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@keyframes pxl-design-agent-text-in{0%{opacity:0;filter:blur(2px);transform:translateY(.4rem)}}@keyframes pxl-design-agent-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-.2rem)}}@media (prefers-reduced-motion:reduce){.pxl-design-agent *,.pxl-design-agent:after,.pxl-design-agent-focus,.pxl-design-agent-focus-tag,.pxl-design-agent-click{animation:none!important}.pxl-design-agent-cursor,.pxl-design-agent-focus{transition:none}}[data-pxd-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:#1d1c1a;--surface-raised:#2a2826;--surface-inset:#34322e;--text-primary:#f2efe8;--text-secondary:#c4bfb4;--text-muted:#8f8a80;--card-border:#3a3833;--divider-rule:#423f39;--input-bg:#34322e;--input-border-focus:#55514a;--btn-primary-bg:#f2efe8;--btn-primary-bg-hover:#fff;--btn-primary-text:#141414;--btn-primary-border:#f2efe8;--btn-tertiary-bg-hover:#3a3833;--btn-tertiary-text:#f2efe8;--btn-tertiary-border:#4a4741;--accent-primary-subtle:oklch(34% .06 40);--text-accent:oklch(80% .11 42);--design-sand:#3d3a35;--design-line-soft:#34322e;--design-card:#2a2826;--design-selected:oklch(36% .06 40);--design-panel:#252321;--design-panel-line:#36332f;--design-claude-subtle:oklch(33% .05 65);--design-claude-text:oklch(84% .11 68);--elevation-card:0 1px 2px #0000004d, 0 18px 40px -18px #0009;--elevation-overlay:0 30px 80px #0000008c;--overlay-scrim:#0009}[data-pxd-theme=dark] .pxd-page{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--surface-page:#f5f3ee;--surface-raised:#fbfaf7;--surface-inset:#efebe3;--text-primary:#141414;--text-secondary:#55524c;--text-muted:#8a857b;--card-border:#ebe7df;--divider-rule:#d9d5cc;--input-bg:#efebe3;--input-border-focus:#cfcac0;--btn-primary-bg:#141414;--btn-primary-bg-hover:#2a2927;--btn-primary-text:#f5f3ee;--btn-primary-border:#141414;--btn-tertiary-bg-hover:#ece8e0;--btn-tertiary-text:#141414;--btn-tertiary-border:#cfcac0;--accent-primary-subtle:oklch(95.5% .022 45);--text-accent:oklch(55% .13 38);--design-sand:#ece8e0;--design-line-soft:#efebe3;--design-card:#fff;--design-selected:oklch(95.5% .022 45);--design-panel:#fbfaf7;--design-panel-line:#e7e2d9;--design-claude-subtle:oklch(96% .04 70);--design-claude-text:oklch(52% .12 60);--elevation-card:0 1px 2px #1414140a, 0 18px 40px -18px #1414142e;--elevation-overlay:0 30px 80px #0000001f;--overlay-scrim:#1414146b}[data-pxd-theme] .pxl-design-float{transition:background-color .3s,border-color .3s,color .3s}.pxl-design-actions .pxl-design-theme{width:3.2rem;height:3.2rem;color:var(--text-secondary);border-radius:50%}.pxl-design-actions .pxl-design-theme:hover{background:var(--surface-inset);color:var(--text-primary)}.pxl-design-theme-icon{place-items:center;animation:.45s cubic-bezier(.34,1.56,.64,1) both pxl-design-theme-swap;display:grid}@keyframes pxl-design-theme-swap{0%{opacity:0;transform:rotate(-90deg)scale(.6)}}@media (prefers-reduced-motion:reduce){.pxl-design-theme-icon{animation:none}}[data-pxd-theme=light]{--design-canvas:#fff;--design-canvas-dot:#14141421;--design-canvas-label:#77736a;--design-panel:#fbfaf7;--design-panel-line:#e4dfd5}.pxl-design-editor{transition:background-color .3s}[data-pxd-theme=light] .pxl-design-world .pxd-page>[data-node-id]{outline:1px solid #1414141a}.pxl-design-canvas.is-camera-moving .pxl-design-agent-focus,.pxl-design-canvas.is-camera-moving .pxl-design-agent-cursor{transition:none!important}.pxl-design-agent-float{top:var(--float-gap);border-radius:var(--radius-pill);align-items:center;height:4.4rem;padding:0 .6rem;animation:.45s cubic-bezier(.22,1,.36,1) both pxl-design-agent-float-in;display:flex;left:50%;transform:translate(-50%)}.pxl-design-agent-float>.pxl-design-pill{height:3.2rem;font-size:1.3rem}.pxl-design-agent-float>.pxl-design-pill.is-live{border-color:var(--design-claude);color:var(--design-claude-text)}.pxl-design-agent-float>.pxl-design-agent{max-width:min(42rem,40vw)}@keyframes pxl-design-agent-float-in{0%{opacity:0;transform:translate(-50%,-.8rem)}}@media (prefers-reduced-motion:reduce){.pxl-design-agent-float{animation:none}}@media (width<=1000px){.pxl-design-agent-float{top:calc(var(--float-gap) + 4.4rem + .8rem);left:auto;right:var(--float-gap);animation:none;transform:none}.pxl-design-agent-float .pxl-design-agent{max-width:60vw}}.pxl-design-admin{min-height:100dvh;font-size:1.4rem}.pxl-design-admin-top{z-index:5;background:color-mix(in srgb, var(--surface-page) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:1.8rem clamp(1.6rem,4vw,6.4rem);display:flex;position:sticky;top:0}.pxl-design-admin-main{flex-direction:column;gap:3.6rem;max-width:132rem;margin:0 auto;padding:4.8rem clamp(1.6rem,4vw,6.4rem) 9.6rem;display:flex}.pxl-design-admin-hero h1{letter-spacing:-.045em;margin:1.2rem 0 0;font-size:clamp(4.4rem,6vw,7.2rem);font-weight:600;line-height:.95;animation:.6s cubic-bezier(.22,1,.36,1) both pxl-design-rise}.pxl-design-admin-hero p{max-width:52rem;color:var(--text-secondary);margin:1.6rem 0 0;font-size:1.7rem;line-height:1.55}.pxl-design-admin-stats{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:1.6rem;display:grid}.pxl-design-admin-stat{border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--elevation-card);gap:1rem;padding:2rem 2.2rem;display:grid}.pxl-design-admin-stat:first-child{background:var(--surface-dark);color:var(--text-on-dark)}.pxl-design-admin-stat:first-child .pxl-design-label{color:var(--text-on-dark-muted)}.pxl-design-admin-stat strong{letter-spacing:-.04em;font-size:3.6rem;line-height:1}.pxl-design-admin-beta{grid-template-columns:1fr 1fr;gap:1.6rem;display:grid}.pxl-design-admin-card{border-radius:var(--radius-card);background:var(--design-sand);align-content:start;gap:1.2rem;padding:2.4rem;display:grid}.pxl-design-admin-card h2{letter-spacing:-.03em;margin:0;font-size:2.4rem}.pxl-design-admin-card p{color:var(--text-secondary);margin:0;line-height:1.5}.pxl-design-admin-card .pxl-design-pill{justify-self:start}.pxl-design-admin-fields{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pxl-design-admin-fields label{color:var(--text-secondary);gap:.6rem;font-size:1.25rem;display:grid}.pxl-design-admin-fields input,.pxl-design-admin-input{border-radius:var(--radius-control);background:var(--surface-raised);height:4rem;font:1.4rem var(--design-font-mono);border:0;width:100%;padding:0 1.2rem}.pxl-design-admin-input{background:var(--surface-inset);max-width:9rem;height:3.2rem}.pxl-design-admin-tabs{align-self:flex-start}.pxl-design-admin-section{gap:1.6rem;display:grid}.pxl-design-admin-search{max-width:36rem;margin:0}.pxl-design-admin-table{border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--elevation-card);display:grid;overflow:hidden}.pxl-design-admin-row{border-top:1px solid var(--card-border);grid-template-columns:2.4fr 1.2fr 1.2fr .6fr .8fr 1fr auto;align-items:center;gap:1.2rem;padding:1.2rem 2rem;display:grid}.pxl-design-admin-row.is-tokens{grid-template-columns:2fr 1.2fr 1.2fr 1.2fr auto}.pxl-design-admin-row.is-head{font:1.1rem/1 var(--design-font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);border-top:0}.pxl-design-admin-row.is-off{opacity:.55}.pxl-design-admin-row code{font:1.2rem var(--design-font-mono)}.pxl-design-admin-who{min-width:0;display:grid}.pxl-design-admin-who span{color:var(--text-muted);text-overflow:ellipsis;font-size:1.25rem;overflow:hidden}.pxl-design-admin-shares{grid-template-columns:repeat(auto-fill,minmax(34rem,1fr));gap:1.6rem;display:grid}.pxl-design-admin-share{border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--elevation-card);padding:2rem}.pxl-design-admin-share header{justify-items:start;gap:.4rem;margin-bottom:1.2rem;display:grid}.pxl-design-admin-share header strong{font-size:1.7rem}.pxl-design-admin-share header>span:last-child{color:var(--text-muted);font-size:1.25rem}.pxl-design-admin-share ul{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.pxl-design-admin-share li{align-items:center;gap:.8rem;font-size:1.3rem;display:flex}.pxl-design-admin-share li span{flex:1}.pxl-design-admin-filter{max-width:24rem;height:3.6rem}.pxl-design-admin-log{border-radius:var(--radius-card);background:var(--surface-raised);box-shadow:var(--elevation-card);margin:0;padding:0;list-style:none}.pxl-design-admin-log li{border-top:1px solid var(--card-border);align-items:center;gap:1.2rem;padding:1.1rem 2rem;display:flex}.pxl-design-admin-log li:first-child{border-top:0}.pxl-design-admin-log-what{flex:1;min-width:0}.pxl-design-admin-log code{font:1.2rem var(--design-font-mono);background:var(--surface-inset);border-radius:.4rem;padding:.2rem .6rem}.pxl-design-admin-log em{color:var(--text-secondary)}.pxl-design-admin-log time{color:var(--text-muted);white-space:nowrap;font-size:1.25rem}.pxl-design-admin-via{background:var(--surface-inset);width:2.4rem;height:2.4rem;color:var(--text-secondary);border-radius:50%;place-items:center;display:grid}.pxl-design-admin-via.is-mcp{background:var(--surface-dark);color:var(--accent-primary)}@media (width<=960px){.pxl-design-admin-beta,.pxl-design-admin-row,.pxl-design-admin-row.is-tokens{grid-template-columns:1fr}.pxl-design-admin-row.is-head{display:none}}.pxl-design-viewer{background:var(--surface-dark);grid-template-rows:5.2rem minmax(0,1fr);display:grid;position:fixed;inset:0}.pxl-design-viewer-name{color:var(--text-on-dark);font-size:1.4rem;font-weight:500}.pxl-design-viewer-pages{gap:.4rem;display:flex}.pxl-design-viewer-pages button{border-radius:var(--radius-pill);color:var(--text-on-dark-muted);font:500 1.3rem/1 var(--font-body);cursor:pointer;background:0 0;border:0;padding:.7rem 1.2rem}.pxl-design-viewer-pages button.is-on{background:var(--design-chrome-raised);color:var(--text-on-dark)}.pxl-design-viewer-canvas{border-radius:1.4rem;margin:0 .8rem .8rem;position:relative;overflow:hidden}.pxl-design-preview{background:#e9e6df;min-height:100vh}.pxl-design-preview-stage{width:max-content;min-width:100%;margin:0 auto;padding-bottom:9rem}.pxl-design-preview-stage>.pxd-frame-root{width:max-content;margin:0 auto}.pxl-design-preview-loading{background:#e9e6df;min-height:100vh}.pxl-design-preview-empty{background:var(--surface-page);text-align:center;place-content:center;justify-items:center;gap:2rem;min-height:100vh;padding:2.4rem;display:grid}.pxl-design-preview-empty h1{letter-spacing:-.02em;margin:0;font-size:2.4rem;font-weight:600}.pxl-design-preview-bar{z-index:50;border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(14px)saturate(140%);backdrop-filter:blur(14px)saturate(140%);color:#f2efe8;font:500 1.3rem/1 var(--font-body);background:#181715db;align-items:center;gap:.4rem;padding:.5rem;animation:.5s cubic-bezier(.22,1,.36,1) both pxl-design-preview-bar-in;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #ffffff0f,0 18px 40px -16px #00000080}@keyframes pxl-design-preview-bar-in{0%{opacity:0;transform:translate(-50%,1.2rem)}}.pxl-design-preview-btn{border-radius:var(--radius-pill);height:3.4rem;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;align-items:center;gap:.6rem;padding:0 1.3rem;transition:background .2s;display:inline-flex}.pxl-design-preview-btn:hover{background:#ffffff1a}.pxl-design-preview-btn.is-edit{color:#141414;background:#f2efe8}.pxl-design-preview-btn.is-edit:hover{background:#fff}.pxl-design-preview-sep{background:#ffffff24;width:1px;height:1.8rem;margin:0 .4rem}.pxl-design-preview-pick select{border-radius:var(--radius-pill);max-width:22rem;height:3.4rem;color:inherit;font:inherit;text-overflow:ellipsis;appearance:none;cursor:pointer;background:#ffffff14 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23f2efe8' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 1.1rem center/1rem no-repeat;border:0;padding:0 3rem 0 1.3rem}.pxl-design-preview-pick select option{color:#141414}.pxl-design-preview-live{color:#f2efe899;align-items:center;gap:.6rem;padding:0 1.2rem 0 .8rem;font-size:1.2rem;display:inline-flex}.pxl-design-preview-live i{background:oklch(75% .15 150);border-radius:50%;width:.7rem;height:.7rem;box-shadow:0 0 0 3px oklch(75% .15 150/.2)}.pxl-design-preview-btn:focus-visible,.pxl-design-preview-pick select:focus-visible{outline:none;box-shadow:0 0 0 3px oklch(68% .14 38/.5)}.pxl-design-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=640px){.pxl-design-preview-live,.pxl-design-preview-sep{display:none}.pxl-design-preview-pick select{max-width:12rem}}@media (prefers-reduced-motion:reduce){.pxl-design-preview-bar{animation:none}}.pxl-design-auth{gap:var(--space-sm);background:0 0;flex-direction:column;display:flex}.pxl-design-auth-badge{align-self:flex-start;animation:5s ease-in-out infinite pxl-design-bob}.pxl-design-auth h2{margin:var(--space-xs) 0 0;font-family:var(--font-display);letter-spacing:-.035em;font-size:2.8rem;font-weight:600;line-height:1.15}.pxl-design-auth-lede,.pxl-design-auth-sent p{margin:0 0 var(--space-xs);color:var(--text-secondary);font-size:1.52rem;line-height:1.55}.pxl-design-auth-google{gap:.96rem}.pxl-design-auth-divider{align-items:center;gap:var(--space-sm);color:var(--text-muted);font-size:1.28rem;display:flex}.pxl-design-auth-divider:before,.pxl-design-auth-divider:after{content:"";border-top:1px solid var(--divider-rule);flex:1}.pxl-design-auth-form{gap:var(--space-sm);flex-direction:column;display:flex}.pxl-design-auth-row{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.pxl-design-auth-error{color:var(--notif-error-text);margin:0;font-size:1.41rem}.pxl-design-auth-switch{margin:var(--space-xs) 0 0;text-align:center;color:var(--text-secondary);font-size:1.41rem}.pxl-design-auth-switch button{font:inherit;color:var(--text-accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.pxl-design-auth-sent{gap:var(--space-sm);flex-direction:column;display:flex}@media (width<=420px){.pxl-design-auth-row{grid-template-columns:1fr}}.pxl-design-auth-notice{background:var(--design-selected,var(--surface-inset));color:var(--text-primary);border-radius:1rem;margin:0;padding:1rem 1.2rem;font-size:1.3rem;line-height:1.5}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{font-size:10px}body{background:var(--surface-page);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}