._footer_1rh2i_1{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;margin-top:auto;border-top:1px solid var(--stp-foreground-alpha-quaternary);font-size:.85rem;color:var(--stp-foreground-alpha-secondary)}._footer_1rh2i_1 a{color:var(--stp-foreground-alpha-secondary);text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}._footer_1rh2i_1 a:hover{color:var(--stp-foreground)}._footer_1rh2i_1 a svg{width:1.5em}._footer_1rh2i_1 ._sponsor_1rh2i_27 svg{color:#ff69b4}:root{--stp-background: #ffffff;--stp-foreground: #111111;--stp-button-radius: .5em}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Gordita,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:var(--stp-background);color:var(--stp-foreground);min-height:100vh;display:flex;flex-direction:column}#app{flex:1;display:flex;flex-direction:column}nav{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:1rem;padding:.75rem 1.5rem;border-bottom:1px solid var(--stp-foreground-alpha-quaternary);flex-wrap:wrap;background:var(--stp-background-alpha-quaternary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}nav .logo{font-size:1.25rem;font-family:Bungee Shade,sans-serif;font-weight:400;font-style:normal}nav a{color:var(--stp-foreground);text-decoration:none;font-size:.9rem;opacity:.7}nav a:hover{opacity:1}nav a[aria-current=page]{opacity:1;border-bottom:3px solid currentColor}nav .spacer{flex:1}main{flex:1;max-width:860px;margin:0 auto;padding:2rem 1.5rem}h1{font-size:1.8rem;font-weight:600;margin-bottom:.5rem}h2{font-size:1.1rem;font-weight:400;margin-bottom:1rem;color:var(--stp-foreground-alpha-secondary)}p{opacity:.8;line-height:1.6;margin:1rem 0}p.note{font-size:.85rem;margin-top:-.75rem;color:var(--stp-foreground-alpha-secondary)}p code{background:var(--stp-foreground-alpha-quaternary);padding:.1rem .25rem;border-radius:.25rem}.demo-section{margin-top:2.5rem}.demo-section h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--stp-foreground-alpha-tertiary)}.demo-box{padding:1.5rem;border:1px solid var(--stp-foreground-alpha-quaternary, rgba(0, 0, 0, .09));border-radius:.5rem;margin-bottom:1rem;display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.demo-box .button{padding:.5rem 1rem;border-radius:var(--stp-button-radius);border:1px solid var(--stp-foreground-alpha-quaternary, rgba(0, 0, 0, .09));background:transparent;color:var(--stp-foreground);cursor:pointer;transition:background .15s}.demo-box .button:hover{background:var(--stp-foreground-alpha-quaternary, rgba(0, 0, 0, .05))}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-top:1.5rem}.card{padding:1.25rem;border:1px solid var(--stp-foreground-alpha-quaternary);border-radius:.5rem;text-decoration:none;color:var(--stp-foreground);transition:background .15s}.card:hover{background:var(--stp-foreground-alpha-quaternary)}.card h3{font-size:1rem;font-weight:600;margin-bottom:.25rem}.card p{font-size:.85rem;color:var(--stp-foreground-alpha-secondary);margin:0}.note{font-size:.85rem;opacity:.6;margin-top:.5rem}.placement-box{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:space-between;align-items:start;min-height:8rem;align-content:space-between}.current-theme-display{font-size:1rem;padding:.5rem 1rem;border-radius:.4rem;background:var(--stp-foreground-alpha-quaternary, rgba(0, 0, 0, .05))}