.gimp-guide{--guide-radius:1.25rem}.gimp-guide .guide-hero>.shell{padding-block:clamp(1.75rem,3.4vw,3rem)}.gimp-guide .guide-hero-grid{align-items:center;gap:2rem;display:grid}.gimp-guide .guide-title{letter-spacing:-.05em;text-wrap:balance;margin-top:1.25rem;font-size:clamp(2.375rem,4.35vw,4rem);font-weight:600;line-height:1.08}.gimp-guide .guide-intro{max-width:37rem;margin-top:1.25rem;font-size:1.0625rem;line-height:1.8}.gimp-guide .guide-choices{border-radius:var(--guide-radius);align-self:center}.gimp-guide .guide-choice{align-items:flex-start;gap:1rem;padding:1.5rem;transition:background .16s;display:flex}.gimp-guide .guide-choice+.guide-choice{border-top:1px solid var(--line)}.gimp-guide .guide-choice:hover{background:var(--brand-tint)}.gimp-guide .guide-choice>svg{color:var(--brand-deep);flex-shrink:0;margin-top:.2rem}.gimp-guide .guide-choice p{color:var(--muted-foreground);margin-top:.5rem;font-size:.9375rem;line-height:1.7}.gimp-guide .guide-choice-title{align-items:center;gap:.75rem;font-weight:600;line-height:1.5;display:flex}.gimp-guide .guide-choice-title svg{flex-shrink:0;margin-left:auto}.gimp-guide .guide-answer{border:1px solid color-mix(in srgb, var(--brand-deep) 25%, transparent);border-left:3px solid var(--brand-deep);background:color-mix(in srgb, var(--brand-tint) 40%, transparent);border-radius:.75rem;gap:.75rem;margin-top:2rem;padding:1.25rem 1.5rem;display:grid}.gimp-guide .guide-answer>p:first-child{color:var(--brand-deep);letter-spacing:.04em;font-size:.8125rem;font-weight:600}.gimp-guide .guide-answer>p:last-child{font-size:1rem;line-height:1.8}.gimp-guide .guide-body{grid-template-columns:minmax(0,1fr);gap:2rem;padding-block:2.5rem}.gimp-guide .guide-body>aside,.gimp-guide .guide-article{min-width:0}.gimp-guide .guide-section{padding-block:2.5rem;scroll-margin-top:7rem}.gimp-guide .guide-section:first-child{padding-top:0}.gimp-guide .guide-section h2{text-wrap:balance;line-height:1.25}.gimp-guide .guide-copy{line-height:1.85}.gimp-guide .guide-copy>p{max-width:74ch}.gimp-guide .guide-copy ol li::marker{color:var(--brand-deep);font-weight:600}.gimp-guide .guide-copy figure{border-radius:var(--guide-radius)}.gimp-guide .guide-source{min-height:2rem;-webkit-text-decoration-color:color-mix(in srgb, var(--brand-deep) 35%, transparent);text-decoration-color:color-mix(in srgb, var(--brand-deep) 35%, transparent)}.gimp-guide .guide-source:hover{text-decoration-color:currentColor}.gimp-guide .guide-steps{border:1px solid var(--line);border-radius:var(--guide-radius);background:var(--card);overflow:hidden}.gimp-guide .guide-step{padding:1.25rem 1.25rem 1.25rem 4.25rem;scroll-margin-top:7rem;position:relative}.gimp-guide .guide-step+.guide-step{border-top:1px solid var(--line)}.gimp-guide .guide-step h3{font-size:1.0625rem;line-height:1.5}.gimp-guide .guide-step h3>span{border-radius:.6rem;width:1.875rem;height:1.875rem;position:absolute;top:1.25rem;left:1.25rem}.gimp-guide .guide-step p{margin-top:.5rem;padding-left:0;line-height:1.8}.gimp-guide .guide-contents-label{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:1rem;font-size:.8125rem;font-weight:600}.gimp-guide .guide-contents ol{scrollbar-width:thin;gap:.375rem;padding-block:.25rem .625rem;display:flex;overflow-x:auto}.gimp-guide .guide-contents li{flex-shrink:0}.gimp-guide .guide-contents a{border:1px solid var(--line);min-height:2.75rem;color:var(--muted-foreground);border-radius:.625rem;align-items:flex-start;gap:.75rem;padding:.75rem;font-size:.875rem;line-height:1.5;transition:background .16s,color .16s;display:flex}.gimp-guide .guide-contents a>span{font-family:var(--font-geist-mono), monospace;color:var(--fg-subtle);font-size:.8125rem}.gimp-guide .guide-contents a:hover{background:var(--muted);color:var(--foreground)}.gimp-guide .guide-contents a[aria-current]{color:var(--brand-deep);border-color:color-mix(in srgb, var(--brand-deep) 35%, transparent);background:var(--brand-tint)}.gimp-guide .guide-contents a[aria-current]>span{color:inherit}.gimp-guide .guide-methods tbody th{font-weight:500}.gimp-guide .guide-methods tbody tr:nth-child(2n){background:color-mix(in srgb, var(--muted) 40%, transparent)}.gimp-guide .guide-export-cta{border-radius:var(--guide-radius)}.gimp-guide .guide-editor{background:color-mix(in srgb, var(--card) 45%, transparent);border-top:1px solid var(--line)}.gimp-guide .guide-editor>.shell{padding-block:2.5rem 3rem}.gimp-guide .guide-editor-heading{text-align:left;max-width:none;margin:0 0 1.5rem}.gimp-guide .guide-editor-heading .eyebrow{background:0 0;border:none;padding:0}.gimp-guide .guide-editor-heading h2{margin-top:1rem;font-size:clamp(1.875rem,3vw,2.75rem);line-height:1.16}.gimp-guide .guide-editor-heading h2 br{display:none}.gimp-guide .guide-editor-heading h2 span:before{content:" "}.gimp-guide .guide-editor-heading>p{max-width:47rem;margin-left:0}.gimp-guide .guide-presets{justify-content:flex-start;gap:.625rem}.gimp-guide .guide-presets [data-slot=button]{border-radius:.75rem;min-height:2.875rem;padding-inline:1.125rem}.gimp-guide .guide-presets [aria-pressed=true]{border-color:var(--brand-deep);background:var(--brand-tint);color:var(--brand-deep);box-shadow:inset 0 0 0 1px var(--brand-deep)}.gimp-guide .guide-preset-swatch{border:1px solid #00000026;border-radius:50%;width:.875rem;height:.875rem;box-shadow:0 0 0 2px #ffffff1a}.gimp-guide .guide-preset-swatch[data-preset=studio]{background:#fff}.gimp-guide .guide-preset-swatch[data-preset=product]{background:#b7ad91}.gimp-guide .guide-preset-swatch[data-preset=color]{background:#2858c4}.gimp-guide .guide-studio{border-radius:var(--guide-radius);overflow:clip}.gimp-guide .guide-studio .glass-preview{align-self:start;position:static}.gimp-guide .guide-studio .studio-canvas{flex:none;min-height:420px}.gimp-guide .guide-studio .studio-empty-frame{box-shadow:none;background:0 0;border:0}.gimp-guide .guide-faq>.shell{gap:2rem}.gimp-guide .guide-faq [data-slot=accordion]{border-radius:var(--guide-radius);background:var(--card)}.gimp-guide a:focus-visible{outline:2px solid var(--brand-deep);outline-offset:4px}@media (min-width:1024px){.gimp-guide .guide-studio .glass-preview{position:sticky;top:5.5rem}.gimp-guide .guide-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);gap:3rem}.gimp-guide .guide-answer{grid-template-columns:9rem minmax(0,1fr);align-items:baseline}.gimp-guide .guide-body{grid-template-columns:220px minmax(0,1fr);gap:3.5rem;padding-block:3rem}.gimp-guide .guide-contents{position:sticky;top:7rem}.gimp-guide .guide-contents ol{flex-direction:column;overflow:visible}.gimp-guide .guide-contents li{flex-shrink:1}.gimp-guide .guide-contents a{border-color:#0000}.gimp-guide .guide-contents a[aria-current]{box-shadow:inset 2px 0 var(--brand-deep)}}@media (max-width:639px){.gimp-guide .guide-hero-grid{gap:1.5rem}.gimp-guide .guide-intro{font-size:1rem;line-height:1.75}.gimp-guide .guide-choice{gap:.75rem;padding:1.125rem}.gimp-guide .guide-choice p{font-size:.875rem}.gimp-guide .guide-answer{margin-top:1.5rem;padding:1rem 1.125rem}.gimp-guide .guide-body{gap:1.5rem;padding-top:1.75rem}.gimp-guide .guide-section{padding-block:2rem}.gimp-guide .guide-step{padding:1.125rem 1rem 1.125rem 3.75rem}.gimp-guide .guide-step h3>span{top:1.125rem;left:1rem}.gimp-guide .guide-step p{font-size:1rem}.gimp-guide .guide-methods{min-width:0}.gimp-guide .guide-methods thead{display:none}.gimp-guide .guide-methods tbody{display:block}.gimp-guide .guide-methods tr{gap:.75rem;padding:1rem 1.125rem;display:grid}.gimp-guide .guide-methods tbody th,.gimp-guide .guide-methods td{text-align:left;padding:0}.gimp-guide .guide-methods tbody th{font-size:1rem;font-weight:600}.gimp-guide .guide-methods td:before{content:attr(data-label);color:var(--fg-subtle);margin-bottom:.125rem;font-size:.8125rem;display:block}.gimp-guide .guide-export-cta{padding:1.25rem}.gimp-guide .guide-export-cta .page-action{width:100%;padding-inline:.75rem}.gimp-guide .guide-editor-heading h2 span{display:block}.gimp-guide .guide-editor-heading h2 span:before{content:none}.gimp-guide .guide-presets{gap:.5rem}.gimp-guide .guide-presets [data-slot=button]{padding-inline:.75rem;font-size:.875rem}.gimp-guide .guide-studio .glass-preview{position:static}.gimp-guide .guide-studio .studio-canvas{min-height:280px}.gimp-guide .guide-faq [data-slot=accordion-trigger]{line-height:1.6}}