.glass-page{min-width:0}.glass-page-intro{margin-bottom:2.5rem}.glass-edition{color:var(--dvy-brand);font:500 .5625rem/1.5 var(--dvy-font-mono);letter-spacing:.075em;justify-content:space-between;align-items:center;gap:1rem;display:flex}.glass-edition>span:last-child{color:var(--dvy-muted)}.glass-material-tag{border:1px solid color-mix(in srgb, var(--dvy-brand) 20%, transparent);background:color-mix(in srgb, var(--dvy-brand) 5%, var(--dvy-background));white-space:nowrap;border-radius:2rem;align-items:center;padding:.375rem .625rem;display:inline-flex}.glass-page h1{letter-spacing:-.065em;margin:1.25rem 0;font-size:clamp(3rem,5vw,5rem);font-weight:550;line-height:1.03}.glass-page h1 em{color:var(--dvy-brand);font-style:normal}.glass-intro-bottom{justify-content:space-between;align-items:center;gap:2rem;display:flex}.glass-intro-bottom>p{color:var(--dvy-muted);max-width:34rem;margin:0;font-size:.9375rem;line-height:1.8}.glass-guide-link{color:var(--dvy-on-brand);background:var(--dvy-brand);white-space:nowrap;border-radius:2rem;align-items:center;gap:1.25rem;padding:.5rem .5rem .5rem 1.125rem;font-size:.75rem;font-weight:600;display:inline-flex}.glass-guide-link>span{background:#ffffff26;border-radius:50%;place-items:center;width:1.75rem;height:1.75rem;transition:transform .18s cubic-bezier(.2,.8,.2,1);display:grid}.glass-guide-link:hover>span{transform:translate(1px,-1px)}.glass-intro-meta{color:var(--dvy-muted);flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;font-size:.6875rem;display:flex}.glass-intro-meta span:before{content:"✓";color:var(--dvy-brand);margin-inline-end:.375rem}.glass-playground{border:1px solid color-mix(in srgb, var(--dvy-border) 35%, transparent);background:var(--dvy-surface);border-radius:1.5rem;padding:.375rem;scroll-margin-top:7rem;box-shadow:0 6px 30px #0f1e1408}.glass-studio-heading{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.25rem 0;display:flex}.studio-eyebrow{font:500 .5rem/1.5 var(--dvy-font-mono);letter-spacing:.1em;color:var(--dvy-muted)}.glass-studio-heading h3{letter-spacing:-.025em;margin:.25rem 0;font-size:1rem;font-weight:600}.glass-studio-heading p{color:var(--dvy-muted);margin:0;font-size:.6875rem}.glass-studio-heading>button{min-height:2.75rem;color:var(--dvy-muted);font-size:.6875rem}.glass-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;padding:1.25rem;display:grid}.glass-tuning>label{color:var(--dvy-muted);grid-template-columns:1fr auto;align-content:start;gap:.5rem;font-size:.6875rem;font-weight:600;display:grid}.glass-preview-frame{padding:0 .5rem}.glass-scene{color:var(--dvy-foreground);--scene-glow:#71ceb0;--scene-glow-two:#c8ba87;background:#e8eee5;border-radius:1rem;position:relative;overflow:hidden}.glass-scene[data-devvy-theme=dark]{--scene-glow:#237e67;--scene-glow-two:#626044;background:#0c201c}.glass-scene[data-tint=ocean]{--scene-glow:#86bce3;--scene-glow-two:#9aaed8;--dvy-brand:#165d9a;--dvy-on-brand:#fff;--dvy-focus:#165d9a}.glass-scene[data-tint=ocean][data-devvy-theme=dark]{--scene-glow:#235978;--scene-glow-two:#3c4772;--dvy-brand:#a2d9ff;--dvy-on-brand:#102635;--dvy-focus:#a2d9ff;background:#101f2b}.glass-scene[data-tint=amber]{--scene-glow:#d4b48e;--scene-glow-two:#a3be96;--dvy-brand:#87450b;--dvy-on-brand:#fff;--dvy-focus:#87450b}.glass-scene[data-tint=amber][data-devvy-theme=dark]{--scene-glow:#715731;--scene-glow-two:#415444;--dvy-brand:#ffda9a;--dvy-on-brand:#30220c;--dvy-focus:#ffda9a;background:#241f17}.glass-orbit{pointer-events:none;background:radial-gradient(ellipse at center, var(--scene-glow), transparent 66%);border-radius:50%;width:40rem;height:40rem;position:absolute}.glass-orbit-one{top:-20rem;inset-inline-end:-10rem}.glass-orbit-two{bottom:-30rem;background:radial-gradient(ellipse at center, var(--scene-glow-two), transparent 65%);width:50rem;height:50rem;inset-inline-start:-15rem}.glass-scene-content{padding:1.5rem 2rem 1rem;position:relative}.glass-scene-top{justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.glass-scene-brand{align-items:center;gap:.625rem;font-weight:600;display:flex}.glass-mini-mark{background:#18221c;border:1px solid #637d6c;border-radius:.5rem;place-items:center;width:2rem;height:2rem;display:grid}.glass-mini-mark img{object-fit:contain}.glass-brand-slash{color:var(--dvy-muted);padding-inline:.25rem;font-weight:400}.glass-live-tag{color:var(--dvy-muted);font:.5rem/1.4 var(--dvy-font-mono);letter-spacing:.1em;align-items:center;gap:.375rem;display:flex}.glass-live-tag>span{background:var(--dvy-brand);border-radius:50%;width:.25rem;height:.25rem}.glass-preview-nav{margin:1.5rem auto 2rem}.glass-preview-nav a{padding-inline:.875rem;font-size:.6875rem}.glass-workspace-heading{justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.5rem;display:flex}.glass-kicker{color:var(--dvy-muted);font:500 .5625rem/1.5 var(--dvy-font-mono);letter-spacing:.075em}.glass-workspace-heading h3{letter-spacing:-.05em;margin:.5rem 0;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:550;line-height:1.15}.glass-workspace-heading p{color:var(--dvy-muted);margin:.5rem 0 0;font-size:.6875rem}.glass-workspace-heading>.dvy-button{white-space:nowrap;min-height:2.25rem;padding:.5rem .75rem;font-size:.6875rem}.glass-card-grid{grid-template-columns:1.2fr 1fr;gap:1rem;display:grid}.glass-scene .dvy-card{overflow:hidden}.glass-scene .dvy-card-content{padding:1.5rem}.glass-card-top{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.glass-project-icon{border:1px solid var(--dvy-border);background:rgb(var(--dvy-glass-tint) / .35);width:2.75rem;height:2.75rem;color:var(--dvy-brand);border-radius:.875rem;place-items:center;display:grid}.glass-scene .dvy-badge{background:0 0;padding:.25rem .5rem;font-size:.5625rem}.glass-project-card h4{letter-spacing:-.04em;margin:.5rem 0;font-size:1.375rem;font-weight:550;line-height:1.2}.glass-project-card p:not(.glass-kicker){color:var(--dvy-muted);max-width:20rem;margin-bottom:0;font-size:.75rem;line-height:1.8}.glass-project-divider{background:var(--dvy-border);opacity:.5;height:1px;margin:1.5rem 0 1rem}.glass-project-footer{align-items:center;gap:.625rem;font-size:.625rem;display:flex}.glass-avatar{border:1px solid var(--dvy-border);background:var(--dvy-surface);width:1.75rem;height:1.75rem;font:500 .5625rem/1 var(--dvy-font-mono);border-radius:50%;place-items:center;display:grid}.glass-project-footer small{color:var(--dvy-muted);margin-top:.125rem;font-size:.5rem;display:block}.glass-project-footer .dvy-button{min-height:1.875rem;margin-inline-start:auto;padding:.375rem .625rem;font-size:.625rem}.glass-checklist-card .glass-card-top{margin-bottom:.5rem}.glass-checklist-card h4{letter-spacing:-.02em;margin:0;font-size:.875rem;font-weight:600}.glass-complete{font:.625rem/1.5 var(--dvy-font-mono);color:var(--dvy-muted)}.glass-checklist-description{color:var(--dvy-muted);margin:.25rem 0 1.5rem;font-size:.6875rem}.glass-task-list{gap:1rem;margin-bottom:1.5rem;display:grid}.glass-task-list label{align-items:center;gap:.5rem;font-size:.6875rem;font-weight:400;display:flex}.glass-task-list .dvy-checkbox{flex-shrink:0;width:1rem;height:1rem}.glass-checklist-bottom{border-top:1px solid var(--dvy-border);color:var(--dvy-muted);padding-top:.75rem;font-size:.5625rem}.glass-dock-wrap{justify-content:center;margin-top:2rem;display:flex}.glass-dock-wrap .dvy-dock{border-radius:1.125rem;gap:.25rem;padding:.375rem}.glass-dock-wrap .dvy-dock button{border-radius:.75rem;min-height:2.5rem;padding:.625rem .75rem;font-size:.625rem}.glass-dock-divider{background:var(--dvy-border);width:1px;height:1.25rem;margin:.25rem}.glass-scene-caption{text-align:center;color:var(--dvy-muted);margin-top:1rem;font-size:.5rem}.glass-tuning{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;padding:1.25rem;display:grid}.glass-tuning output{font-family:var(--dvy-font-mono);font-weight:400}.glass-tuning input{appearance:none;cursor:pointer;width:100%;min-width:0;height:2.75rem;accent-color:var(--dvy-brand);background:0 0;grid-column:1/-1;margin:0}.glass-tuning input::-webkit-slider-runnable-track{background:color-mix(in srgb, var(--dvy-border) 45%, transparent);border-radius:1rem;height:.25rem}.glass-tuning input::-webkit-slider-thumb{appearance:none;background:var(--dvy-brand);border:3px solid var(--dvy-background);width:1rem;height:1rem;box-shadow:0 0 0 1px var(--dvy-brand);border-radius:50%;margin-top:-.375rem}.glass-tuning input::-moz-range-track{background:color-mix(in srgb, var(--dvy-border) 45%, transparent);border-radius:1rem;height:.25rem}.glass-tuning input::-moz-range-thumb{background:var(--dvy-brand);border:3px solid var(--dvy-background);width:.625rem;height:.625rem;box-shadow:0 0 0 1px var(--dvy-brand);border-radius:50%}.glass-tuning input:focus-visible{outline:3px solid var(--dvy-focus);outline-offset:3px}.glass-studio-footer{border-top:1px solid color-mix(in srgb, var(--dvy-border) 30%, transparent);color:var(--dvy-muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:.75rem 1.25rem;font-size:.625rem;display:flex}.glass-studio-footer>a{color:var(--dvy-foreground);align-items:center;gap:.5rem;display:inline-flex}.glass-studio-footer svg{width:.875rem;height:.875rem}.glass-dialog-switch{align-items:center;gap:.5rem;margin:1rem 0 1.5rem;font-size:.8125rem;font-weight:400;display:flex}.glass-dialog-actions{flex-wrap:wrap;gap:.75rem;display:flex}.glass-principles{border-bottom:1px solid var(--dvy-border);grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:1rem;padding-block:3rem;display:grid}.glass-principles section>span{font:.5625rem/1.5 var(--dvy-font-mono);color:var(--dvy-brand);letter-spacing:.05em}.glass-principles h2{letter-spacing:-.025em;margin:.75rem 0;font-size:.9375rem;font-weight:600;line-height:1.4}.glass-principles p{color:var(--dvy-muted);margin:0;font-size:.75rem;line-height:1.8}.glass-doc-section{padding-top:2rem;scroll-margin-top:6rem}.glass-doc-section h2{letter-spacing:-.04em;margin:.5rem 0 1rem;font-size:1.625rem;font-weight:550}.glass-doc-section h3{letter-spacing:-.025em;margin-top:2rem;font-size:1.0625rem;font-weight:600}.glass-doc-section p,.glass-doc-section li{color:var(--dvy-muted);font-size:.8125rem;line-height:1.9}.glass-doc-section li{margin-bottom:.5rem}#material-workspace,#material-controls{scroll-margin-top:6rem}@media (max-width:1100px){.glass-scene-content{padding-inline:1.25rem}.glass-workspace-heading{flex-direction:column;align-items:flex-start}.glass-scene .dvy-card-content{padding:1.25rem}.glass-project-footer{flex-wrap:wrap}}@media (max-width:900px){.glass-card-grid{grid-template-columns:1fr}.glass-controls{gap:.75rem}.glass-intro-bottom{flex-direction:column;align-items:flex-start;gap:1.25rem}.glass-principles{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:600px){.glass-page h1{font-size:clamp(2.75rem,9.5vw,3.75rem)}.glass-intro-bottom>p{font-size:.875rem}.glass-live-tag{display:none}.glass-scene-content{padding:1rem .75rem .75rem}.glass-preview-nav{gap:0;margin-block:1.5rem;padding:.25rem}.glass-preview-nav a{padding-inline:.625rem;font-size:.625rem}.glass-workspace-heading h3{font-size:1.75rem}.glass-dock-wrap .dvy-dock button{padding-inline:.5rem}.glass-dock-wrap .dvy-dock button span{display:none}.glass-tuning{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1rem .75rem}.glass-tuning>.select-field{grid-column:1/-1}.glass-controls{grid-template-columns:repeat(2,minmax(0,1fr));padding:.75rem}.glass-controls>.select-field:last-child{grid-column:1/-1}.glass-studio-heading{align-items:flex-start;padding:.75rem .75rem 0}.glass-studio-heading p{max-width:12rem}.glass-studio-heading>button{padding-inline:.5rem}.glass-studio-footer{padding-inline:.75rem}.glass-preview-frame{padding-inline:0}.glass-edition>span:last-child{display:none}.glass-intro-meta{gap:.75rem;font-size:.625rem}.glass-doc-section .dvy-dialog{width:calc(100% - 1rem)}}@media (prefers-reduced-motion:reduce){.glass-guide-link>span{transition:none;transform:none}}@media (forced-colors:active){.glass-orbit{display:none}.glass-scene{background:canvas}.glass-tuning input{appearance:auto}}