:root{--bg:#0a0a0a;--fg:#f5f5f5;--fg-dim:#a3a3a3;--accent:#6ee7b7;--on-accent:#0a0a0a;--code-bg:#171717;--surface-hover:#1a1a1a;--border:#262626;--warning-bg:#f59e0b1f;--warning-border:#f59e0b;--warning-fg:#fde68a;--warning-strong:#fffbeb;--warning-icon-bg:#f59e0b;--warning-icon-fg:#451a03;--warning-shadow:0 10px 30px #00000040;--radius:6px;--font-mono:ui-monospace, "SF Mono", Menlo, Monaco, "Cascadia Mono", "Roboto Mono", Consolas, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:light){:root:not([data-theme]){--bg:#fafafa;--fg:#0a0a0a;--fg-dim:#525252;--accent:#059669;--on-accent:#fff;--code-bg:#f1f1f1;--surface-hover:#e8e8e8;--border:#e5e5e5;--warning-bg:#fff7ed;--warning-border:#ea580c;--warning-fg:#431407;--warning-strong:#431407;--warning-icon-bg:#ea580c;--warning-icon-fg:#fff;--warning-shadow:0 10px 30px #9a341224;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}:root[data-theme=light]{--bg:#fafafa;--fg:#0a0a0a;--fg-dim:#525252;--accent:#059669;--on-accent:#fff;--code-bg:#f1f1f1;--surface-hover:#e8e8e8;--border:#e5e5e5;--warning-bg:#fff7ed;--warning-border:#ea580c;--warning-fg:#431407;--warning-strong:#431407;--warning-icon-bg:#ea580c;--warning-icon-fg:#fff;--warning-shadow:0 10px 30px #9a341224;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0a0a0a;--fg:#f5f5f5;--fg-dim:#a3a3a3;--accent:#6ee7b7;--on-accent:#0a0a0a;--code-bg:#171717;--surface-hover:#1a1a1a;--border:#262626;--warning-bg:#f59e0b1f;--warning-border:#f59e0b;--warning-fg:#fde68a;--warning-strong:#fffbeb;--warning-icon-bg:#f59e0b;--warning-icon-fg:#451a03;--warning-shadow:0 10px 30px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-toggle{z-index:20;background:var(--code-bg);width:2rem;height:2rem;color:var(--fg-dim);border:1px solid var(--border);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;padding:0;transition:color .15s,border-color .15s,background .15s;display:inline-flex;position:fixed;top:1rem;right:1rem}.theme-toggle:hover{color:var(--fg);border-color:var(--accent);background:var(--surface-hover)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sign-out-form{z-index:20;margin:0;position:fixed;top:1rem;right:6rem}.sign-out-button{background:var(--code-bg);color:var(--fg-dim);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);letter-spacing:.02em;cursor:pointer;padding:.375rem .75rem;font-size:.75rem;transition:color .15s,border-color .15s,background .15s}.sign-out-button:hover{color:var(--fg);border-color:var(--accent);background:var(--surface-hover)}.sign-out-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--fg);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:16px;line-height:1.6}main{max-width:720px;margin:0 auto;padding:4rem 1.5rem}.card-picker{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin:1rem 0 2.5rem;display:grid}.card-picker-2col{grid-template-columns:repeat(2,1fr)}.picker-card{background:var(--code-bg);border:1px solid var(--border);border-radius:calc(var(--radius) * 1.5);color:inherit;flex-direction:column;min-width:0;padding:1.75rem 1.75rem 1.5rem;text-decoration:none;transition:border-color .15s,transform .15s,background .15s;display:flex}.picker-card:hover{border-color:var(--accent);background:var(--surface-hover);text-decoration:none;transform:translateY(-1px)}.picker-featured{border:2px solid var(--accent);margin:1rem 0 2.5rem;padding:2rem 2rem 1.75rem}.picker-featured .picker-title{margin-bottom:.85rem;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:1.95rem}.picker-featured .picker-desc{max-width:56rem;margin-bottom:1.25rem;font-size:1rem}.picker-featured .picker-cta{font-size:1rem}.picker-kicker{color:var(--fg-dim);text-transform:uppercase;letter-spacing:.09em;margin-bottom:.5rem;font-size:.72rem;font-weight:500}.picker-title{letter-spacing:-.02em;color:var(--fg);margin-bottom:.75rem;font-size:1.6rem;font-weight:600}.picker-desc{color:var(--fg-dim);flex:1;margin-bottom:1.25rem;font-size:.95rem;line-height:1.55}.picker-meta{color:var(--fg-dim);font-size:.8rem;font-family:var(--font-mono);align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.picker-cta{color:var(--accent);align-self:flex-start;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.template-link-actions{flex-wrap:wrap;gap:.75rem 1.25rem;display:flex}.platform-logo{flex:none;width:1rem;height:1rem}@media (max-width:900px){.card-picker{grid-template-columns:1fr;gap:1rem}}@media (min-width:901px){main:has(.card-picker){max-width:960px}}.step-nav{z-index:10;background:var(--bg);border-bottom:1px solid var(--border);-webkit-overflow-scrolling:touch;gap:0;margin:1.5rem -1.5rem 0;padding:0 1.5rem;display:flex;position:sticky;top:0;overflow-x:auto}.step-nav a{text-align:center;color:var(--fg-dim);white-space:nowrap;border-bottom:2px solid #0000;flex:1;padding:.625rem .5rem;font-size:.78rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.step-nav a:hover{color:var(--fg);border-bottom-color:var(--accent);text-decoration:none}.step-nav a.active{color:var(--fg);border-bottom-color:var(--accent)}h2[id],h3[id]{scroll-margin-top:3.5rem}@media (max-width:480px){.step-nav a{padding:.5rem .25rem;font-size:.7rem}}.glass-logo{align-items:center;gap:1rem;margin:0 0 2.25rem;display:flex}.glass-logo-badge{background:var(--accent);width:56px;height:56px;color:var(--on-accent);letter-spacing:-.02em;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:1.85rem;font-weight:700;line-height:1;display:flex}.glass-logo-text{flex-direction:column;justify-content:center;display:flex}.glass-logo-title{letter-spacing:-.02em;margin:0;font-family:Georgia,Iowan Old Style,Times New Roman,serif;font-size:2.1rem;font-weight:600;line-height:1}.glass-logo-tagline{color:var(--fg-dim);margin:.35rem 0 0;font-size:.95rem;font-style:italic;line-height:1.3}h1{letter-spacing:-.02em;margin:0 0 .25rem;font-size:2rem;font-weight:600}h1 .accent{color:var(--accent)}.title-platform{vertical-align:baseline;align-items:center;gap:.45rem;display:inline-flex}.title-platform-logo{width:1.65rem;height:1.65rem;color:var(--fg);flex:none}.lede{color:var(--fg-dim);margin:0 0 3rem;font-size:1rem}h2{letter-spacing:-.01em;margin:2.5rem 0 .75rem;font-size:1.25rem;font-weight:600}h2.section-primary{letter-spacing:-.015em;margin-top:3rem;font-size:1.5rem;font-weight:700}h2 .step{color:var(--fg-dim);margin-right:.5em;font-weight:400}h3{letter-spacing:-.005em;margin:1.75rem 0 .5rem;font-size:1.05rem;font-weight:600}details.role{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);margin:.75rem 0;overflow:hidden}details.role>summary{cursor:pointer;background:var(--code-bg);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;list-style:none;transition:background .15s;display:flex}details.role>summary::-webkit-details-marker{display:none}details.role>summary:before{content:"›";color:var(--fg-dim);flex-shrink:0;margin-right:.75rem;font-size:1.4rem;line-height:1;transition:transform .15s;display:inline-block;transform:rotate(0)}details.role[open]>summary:before{transform:rotate(90deg)}details.role>summary:hover{background:var(--surface-hover)}details.role>summary:hover .role-title{color:var(--accent)}details.role>summary .role-title{color:var(--fg);letter-spacing:-.005em;flex:1;font-size:1.05rem;font-weight:600}details.role>summary .role-count{color:var(--fg-dim);font-size:.8rem;font-family:var(--font-mono)}details.role .role-body{padding:.25rem 1.25rem 1rem}details.role .role-body>h3:first-child{margin-top:1rem}p{margin:0 0 1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}pre{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);-webkit-user-select:all;user-select:all;margin:.5rem 0 1rem;padding:1rem 1.25rem;font-size:.875rem;overflow-x:auto}pre.select-drag{-webkit-user-select:text;user-select:text}code{font-family:var(--font-mono);color:var(--accent);font-size:.9em}.button{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);cursor:pointer;margin:.5rem 0 1rem;padding:.625rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-block}.button:hover{opacity:.9;text-decoration:none}.button:disabled{cursor:not-allowed;opacity:.55}.button:disabled:hover{opacity:.55}.button-slack{color:#fff;cursor:pointer;background:#4a154b;border:none;align-items:center;gap:.625rem;padding:.75rem 1.25rem;font-family:inherit;font-size:.95rem;display:inline-flex}.button-slack:hover{opacity:1;background:#611f64}.button-slack:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-hint{color:var(--fg-dim);margin:.75rem 0 0;font-size:.875rem}.login-hint code{color:var(--fg);background:var(--code-bg);border-radius:4px;padding:.1rem .35rem;font-size:.85em}.login-inside-heading{margin-top:2.75rem}ul.login-inside{gap:.875rem;margin:0 0 2rem;padding:0;list-style:none;display:grid}ul.login-inside li{background:var(--code-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.2rem;margin:0;padding:.875rem 1rem;display:flex}ul.login-inside li strong{color:var(--fg);font-size:.95rem;font-weight:600}ul.login-inside li span{color:var(--fg-dim);font-size:.9rem;line-height:1.5}.login-support{color:var(--fg-dim);font-size:.875rem}.note{background:var(--code-bg);border-left:2px solid var(--accent);color:var(--fg-dim);margin:1rem 0;padding:.75rem 1rem;font-size:.9rem}.note strong{color:var(--fg)}.note-urgent{background:var(--warning-bg);border-left:3px solid var(--warning-border);color:var(--warning-fg);box-shadow:var(--warning-shadow)}.note-urgent strong{color:var(--warning-strong)}.note-urgent a{color:var(--warning-strong);text-decoration:underline}.os-warning{background:var(--warning-bg,#fef3c7);border:1px solid var(--warning-border,#f59e0b);border-radius:calc(var(--radius) * 1.5);color:var(--warning-fg,#78350f);box-shadow:var(--warning-shadow,0 10px 30px #b453091f);border-left-width:4px;align-items:flex-start;gap:.85rem;margin:1rem 0 1.5rem;padding:1rem;display:flex}.os-warning strong,.os-warning a{color:var(--warning-strong,#78350f)}.os-warning a{font-weight:700;text-decoration:underline}.os-warning-icon{background:var(--warning-icon-bg,#b45309);width:1.5rem;height:1.5rem;color:var(--warning-icon-fg,#fff7ed);font-family:var(--font-mono);border-radius:9999px;flex:none;justify-content:center;align-items:center;font-weight:800;line-height:1;display:inline-flex}.screenshot-thumb{max-width:360px;color:var(--fg-dim);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:.75rem 0 .25rem;padding:0;font-size:.78rem;text-decoration:none;display:block}.screenshot-thumb img{border:1px solid var(--border);border-radius:var(--radius);width:100%;height:auto;margin-bottom:.35rem;transition:border-color .15s,transform .15s;display:block}.screenshot-thumb:hover{color:var(--accent);text-decoration:none}.screenshot-thumb:hover img{border-color:var(--accent);transform:translateY(-1px)}.screenshot-thumb:focus-visible,.screenshot-modal-close:focus-visible,.screenshot-modal-backdrop:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.screenshot-modal{z-index:50;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0}.screenshot-modal-backdrop{cursor:zoom-out;background:#000000b8;border:0;position:absolute;inset:0}.screenshot-modal-panel{z-index:1;background:var(--bg);border:1px solid var(--border);border-radius:calc(var(--radius) * 2);width:min(980px,100%);max-height:min(86vh,760px);position:relative;overflow:auto;box-shadow:0 24px 80px #00000073}.screenshot-modal-header{z-index:1;background:var(--code-bg);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;padding:.875rem 1rem;display:flex;position:sticky;top:0}.screenshot-modal-header h3{margin:0}.screenshot-modal-close{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);font:inherit;cursor:pointer;padding:.4rem .75rem;font-size:.85rem}.screenshot-modal-close:hover{border-color:var(--accent);color:var(--accent)}.screenshot-modal-panel img{width:100%;height:auto;display:block}footer{border-top:1px solid var(--border);color:var(--fg-dim);margin-top:4rem;padding-top:2rem;font-size:.85rem}.os-tabs{background:var(--code-bg);border-radius:var(--radius);gap:.25rem;margin:1rem 0;padding:.25rem;display:inline-flex}.os-tab{color:var(--fg-dim);border-radius:calc(var(--radius) - 2px);cursor:pointer;background:0 0;border:none;padding:.4rem .9rem;font-family:inherit;font-size:.85rem;font-weight:600}.os-tab:hover{color:var(--fg)}.os-tab.active{background:var(--accent);color:var(--on-accent)}.app-name-label{grid-template-columns:9rem minmax(0,28rem);align-items:center;gap:.75rem;margin:1rem 0;display:grid}.app-name-label>span{font-size:.9rem;font-weight:600}.app-name-input{background:var(--code-bg);width:100%;color:var(--fg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);padding:.5rem .75rem;font-size:.95rem}.app-name-input:focus{outline:2px solid var(--accent);outline-offset:1px}.template-checkbox-label{align-items:flex-start;max-width:42rem;display:flex}.template-checkbox-label input{margin-top:.35rem}.template-checkbox-label em{color:var(--fg-dim);font-style:normal;font-weight:400}.run-it-panel{border:2px solid var(--accent);border-radius:var(--radius);margin:2rem 0 1.5rem;padding:1rem 2rem;position:relative}.run-it-ribbon{color:var(--on-accent);background:var(--accent);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;padding:10px 20px;font-size:.72rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:-18px;right:1.25rem;box-shadow:0 2px 2px #0000002e}.run-it-panel h3:first-of-type{margin-top:1rem}.run-it-ribbon-icon{flex:none;width:1rem;height:1rem}@media (prefers-color-scheme:light){:root:not([data-theme]) .run-it-ribbon-icon{filter:invert()}}:root[data-theme=light] .run-it-ribbon-icon{filter:invert()}:root[data-theme=dark] .run-it-ribbon-icon{filter:none}.copy-tooltip-wrapper{display:inline-flex;position:relative}.copy-tooltip-wrapper[data-disabled=true]:after{z-index:10;color:var(--bg);background:var(--fg);border-radius:var(--radius);white-space:nowrap;content:attr(data-tooltip);opacity:0;pointer-events:none;padding:.35rem .5rem;font-size:.8rem;font-weight:600;line-height:1;transition:opacity .14s,transform .14s;position:absolute;bottom:calc(100% + .5rem);left:50%;transform:translate(-50%)translateY(.15rem)}.copy-tooltip-wrapper[data-disabled=true]:hover:after,.copy-tooltip-wrapper[data-disabled=true]:focus:after{opacity:1;transform:translate(-50%)translateY(0)}@media (max-width:640px){.app-name-label{grid-template-columns:1fr;gap:.35rem}}ul,ol{color:var(--fg-dim);padding-left:1.25rem}ul li{margin:.25rem 0}ul li strong,ol li strong{color:var(--fg)}table{border-collapse:collapse;width:100%;color:var(--fg-dim);margin:1rem 0 1.5rem;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:.5rem .75rem}th{color:var(--fg);letter-spacing:.01em;border-bottom:1px solid var(--border);font-size:.85rem;font-weight:600}td:first-child{color:var(--fg);font-weight:500}