.fgr{--fgr-text:var(--color-fg-mint);--fgr-muted:color-mix(in srgb, var(--color-fg-mint) 68%, transparent);--fgr-line:color-mix(in srgb, var(--color-fg-sage) 22%, transparent);--fgr-chip:color-mix(in srgb, var(--color-fg-sage) 14%, transparent);background:linear-gradient(180deg, var(--color-fg-night), var(--color-fg-shade));color:var(--fgr-text);font-family:var(--font-sans);padding:5rem 0;line-height:1.6;position:relative;overflow:hidden}.fgr *,.fgr :before,.fgr :after{box-sizing:border-box}.fgr :where(h2,h3,p,ul,figure){margin:0}.fgr [hidden]{display:none}.fgr-wrap{flex-direction:column;gap:1.6rem;max-width:1160px;margin:0 auto;padding:0 18px;display:flex}.fgr-head{text-align:center}.fgr-label{letter-spacing:.24em;text-transform:uppercase;color:var(--color-fg-sage);justify-content:center;align-items:center;gap:.6rem;margin-bottom:.9rem;font-size:.7rem;font-weight:700;display:flex}.fgr-label:before{content:"";background:var(--color-accent);width:28px;height:2px}.fgr-head h2{letter-spacing:-.025em;color:var(--fgr-text);text-wrap:balance;font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:900;line-height:1.08}.fgr-sub{color:var(--fgr-muted);max-width:640px;margin:1rem auto 0;font-size:1.02rem;font-weight:300;line-height:1.75}.fgr-tabs{background:var(--fgr-chip);border:1px solid var(--fgr-line);border-radius:100px;flex-wrap:wrap;justify-content:center;gap:4px;margin:0 auto;padding:4px;display:flex}.fgr-tabs button,.fgr-seg button{all:unset;cursor:pointer;color:var(--fgr-muted);border-radius:100px;padding:.45rem 1.05rem;font-size:.9rem;font-weight:500}.fgr-tabs button[aria-pressed=true],.fgr-seg button[aria-pressed=true]{background:var(--color-fg-mint);color:var(--color-fg-heading)}.fgr button:focus-visible,.fgr input:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.fgr-stage{perspective:1800px;background:radial-gradient(60% 55% at 50% 48%, color-mix(in srgb, var(--color-fg-deep) 90%, var(--color-fg-sage)), var(--color-fg-shade) 82%);border:1px solid var(--fgr-line);border-radius:28px;place-items:center;height:min(70vh,600px);min-height:430px;display:grid;position:relative;overflow:hidden}.fgr-start{all:unset;z-index:5;cursor:pointer;position:absolute;inset:0}.fgr-stage:not([data-view=intro]) .fgr-start{display:none}.fgr-start:focus-visible{outline:2px solid var(--color-accent);outline-offset:-6px;border-radius:28px}.fgr-hint{color:var(--fgr-muted);pointer-events:none;transition:opacity var(--duration-state);font-size:.9rem;position:absolute;bottom:20px;left:50%;translate:-50%}.fgr-stage:not([data-view=intro]) .fgr-hint{opacity:0}.fgr-reset{all:unset;cursor:pointer;z-index:6;background:var(--fgr-chip);border:1px solid var(--fgr-line);color:var(--fgr-text);transition:opacity var(--duration-state);border-radius:100px;padding:.4rem .85rem;font-size:.8rem;position:absolute;top:16px;left:16px}.fgr-stage[data-view=intro] .fgr-reset{opacity:0;pointer-events:none}.fgr-sway{transform-style:preserve-3d}.fgr-ram{--zoom:1;aspect-ratio:3/4;width:min(52vw,300px);transform-style:preserve-3d;transform-origin:50%;transition:transform var(--duration-slow) var(--ease-out-soft);position:relative;transform:scale(.92)}.fgr-ram[data-view=prehlad]{transform:none}.fgr-ram[data-view=ram]{--zoom:2.3;transform-origin:5% 5%;transform:translate(18%,22%)scale(2.3)}.fgr-ram[data-view=lamely]{--zoom:1.1;transform:translate(-16%)scale(1.1)}.fgr-ram[data-view=system]{--zoom:1;transform:scale(1)}@media (max-width:700px){.fgr-ram{width:min(58vw,260px)}.fgr-ram[data-view=lamely]{transform:translate(-22%,-14%)scale(.86)}.fgr-tabs{flex-wrap:nowrap;max-width:100%}.fgr-tabs button{white-space:nowrap;padding:.42rem .62rem;font-size:.8rem}}.fgr-side{width:var(--d,16px);transform-origin:0;background:linear-gradient(90deg, color-mix(in srgb, var(--fgr-ram) 55%, #000), var(--fgr-ram));position:absolute;top:0;bottom:0;left:0;transform:rotateY(90deg)}.fgr-side--top{width:auto;height:var(--d,16px);transform-origin:top;background:linear-gradient(180deg, color-mix(in srgb, var(--fgr-ram) 70%, #fff), color-mix(in srgb, var(--fgr-ram) 55%, #000));bottom:auto;right:0;transform:rotateX(-90deg)}.fgr-plate{transform-style:preserve-3d;padding:5.5%;position:absolute;inset:0}.fgr-ram{--wh:.75}.fgr-ram[data-ram=drevo] .fgr-plate{padding:4%}.fgr-bsh{position:absolute;inset:0}.fgr-bsh i{position:absolute;box-shadow:inset 0 0 0 1px #00000040,inset 0 0 6px #0000002e}.fgr-bsh__l,.fgr-bsh__r{background:url(/ram/dub-v.webp) 0 0/400% 100%;width:4%;top:0;bottom:0}.fgr-bsh__l{left:0}.fgr-bsh__r{background-position:66.666% 0;right:0}.fgr-bsh__t,.fgr-bsh__b{height:calc(4% * var(--wh));background:url(/ram/dub.webp) 0 0/100% 400%;left:4%;right:4%}.fgr-bsh__t{top:0}.fgr-bsh__b{background-position:0 33.333%;bottom:0}.fgr-ram[data-ram=drevo] .fgr-side{filter:brightness(.72);background:url(/ram/dub-v.webp) 0 0/400% 100%}.fgr-ram[data-ram=drevo] .fgr-side--top{filter:brightness(1.05);background:url(/ram/dub.webp) 0 0/100% 400%}.fgr-ram[data-os=v]{--wh:.5625;aspect-ratio:9/16;width:min(40vw,250px)}.fgr-ram[data-os=v] .fgr-hot--system{top:-6%;left:58%}.fgr-ram[data-os=v] .fgr-hot--lamely{top:46%;left:30%}.fgr-bars{width:100%;height:100%;position:absolute;inset:0}.fgr-bars path{stroke:#0000008c;stroke-width:.7px}.fgr-bars .t{fill:color-mix(in srgb, var(--fgr-ram) 78%, #fff)}.fgr-bars .l{fill:color-mix(in srgb, var(--fgr-ram) 90%, #fff)}.fgr-bars .r{fill:color-mix(in srgb, var(--fgr-ram) 80%, #000)}.fgr-bars .b{fill:color-mix(in srgb, var(--fgr-ram) 65%, #000)}.fgr-hl{box-shadow:inset 0 0 0 calc(2px / var(--zoom)) var(--color-fg-mint);opacity:0;transition:opacity var(--duration-state);pointer-events:none;position:absolute;inset:0}.fgr-ram[data-view=ram] .fgr-hl{opacity:1}.fgr-open{--k:1;width:100%;height:100%;transform-style:preserve-3d;background:radial-gradient(120% 80% at 50% 45%, color-mix(in srgb, var(--color-fg-deep) 70%, var(--color-fg-sage)), var(--color-fg-shade) 78%);position:relative;box-shadow:inset 0 0 0 1px #0009}.fgr-open[data-lam=klasik]{--k:1.12}.fgr-slat{left:3%;right:3%;top:calc((var(--i) + .5 - var(--k) / 2) * 100% / var(--n));height:calc(var(--k) * 100% / var(--n));transform-style:preserve-3d;transform:rotateX(calc(var(--a,55) * 1deg));transition:transform var(--duration-reveal) var(--ease-out-soft);position:absolute}.fgr-open.is-live .fgr-slat,.fgr-open.is-live .fgr-rod,.fgr-open.is-live .fgr-face:after{transition-duration:60ms;transition-delay:0s}.fgr-face{backface-visibility:hidden;background:var(--grain,linear-gradient(transparent, transparent)), linear-gradient(180deg, color-mix(in srgb, var(--c) 78%, #fff) 0 8%, var(--c) 8% 84%, color-mix(in srgb, var(--c) 72%, #000) 84% 100%);position:absolute;inset:0;overflow:hidden}.fgr-open[data-lam=falc] .fgr-face{background:linear-gradient(180deg, #00000061 0 1px, color-mix(in srgb, var(--c) 92%, #fff) 1px, var(--c) 55%, color-mix(in srgb, var(--c) 90%, #000))}.fgr-rot{transform-style:preserve-3d;position:absolute;inset:0}.fgr-open[data-os=v] .fgr-rot{width:var(--oh,100%);height:var(--ow,100%);inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(90deg)}.fgr-open[data-os=v] .fgr-kitn{rotate:-90deg}.fgr-open.is-tex .fgr-face,.fgr-open.is-tex[data-lam=falc] .fgr-face{background:linear-gradient(180deg, #ffffff29 0 6%, transparent 6% 84%, #00000038 84% 100%), url(/ram/drevo.webp) 0 calc(var(--v,0) * 33.333%) / 100% 400%, var(--c);background-blend-mode:normal, multiply, normal}.fgr-open.is-tex[data-lam=falc] .fgr-face{background-image:linear-gradient(#00000061 0 1px,#0000 1px 90%,#00000024),url(/ram/drevo.webp)}.fgr-front{transform:translateZ(calc(var(--t,3px) / 2))}.fgr-back{transform:rotateX(180deg) translateZ(calc(var(--t,3px) / 2))}.fgr-face:after{content:"";opacity:calc(var(--a,55) / 230);transition:opacity var(--duration-reveal) var(--ease-out-soft);transition-delay:inherit;background:#000;position:absolute;inset:0}.fgr-edge{height:var(--t,3px);left:0;right:0;top:calc(50% - var(--t,3px) / 2);background:color-mix(in srgb, var(--c) 70%, #fff 22%);position:absolute}.fgr-edge--up{transform:rotateX(90deg) translateZ(calc(var(--h,20px) * var(--k) / 2))}.fgr-edge--dn{transform:rotateX(-90deg) translateZ(calc(var(--h,20px) * var(--k) / 2));background:color-mix(in srgb, var(--c) 60%, #000)}.fgr-open{--link:calc(var(--h,20px) * .38);--kit-body:color-mix(in srgb, var(--color-fg-night) 75%, var(--color-fg-sage));--kit-edge:color-mix(in srgb, var(--color-fg-sage) 60%, var(--color-fg-night));--kit-pin:var(--color-fg-sage)}.fgr-rail,.fgr-rod{width:2%;left:.4%;top:calc(var(--s) * var(--p) / var(--n) * 100% + 1px);height:calc(var(--count) / var(--n) * 100% - 2px);background:linear-gradient(90deg, var(--kit-edge), var(--kit-body) 35% 75%, var(--kit-edge));border-radius:2px;position:absolute}.fgr-rail{transform:translateZ(calc(var(--t,3px) * -.75));border:1px solid var(--kit-edge)}.fgr-rail:before,.fgr-rail:after{content:"";aspect-ratio:1;background:var(--color-fg-night);border:1px solid var(--kit-edge);border-radius:50%;width:50%;position:absolute;left:25%}.fgr-rail:before{top:3px}.fgr-rail:after{bottom:3px}.fgr-rod{width:1.1%;transform:translateY(calc(sin(var(--a,55) * 1deg) * var(--link))) translateZ(calc(cos(var(--a,55) * 1deg) * var(--link) * -1));transition:transform var(--duration-reveal) var(--ease-out-soft);left:1%}.fgr-rod--r{left:auto;right:1%}.fgr-pivot{aspect-ratio:1;width:2.4%;left:.4%;top:calc((var(--i) + .5) * 100% / var(--n));background:var(--kit-pin);box-shadow:inset 0 0 0 1px var(--kit-body);border-radius:50%;position:absolute;transform:translateZ(1px)}.fgr-pivot--r{left:auto;right:.4%}.fgr-holder{width:3.4%;transform-style:preserve-3d;position:absolute;top:0;bottom:0;left:-2.8%}.fgr-holder__bed{background:var(--kit-body);border:1px solid var(--kit-edge);transform:translateZ(calc(var(--t,3px) * -.6));position:absolute;inset:0}.fgr-holder__lip{left:0;right:0;top:calc(50% - var(--t,3px) * .65);height:calc(var(--t,3px) * 1.3);background:var(--kit-edge);transform:rotateX(90deg) translateZ(calc(var(--h,20px) * var(--k) / 2));position:absolute}.fgr-holder__lip--dn{transform:rotateX(-90deg) translateZ(calc(var(--h,20px) * var(--k) / 2))}.fgr-holder__arm{width:40%;height:var(--link);transform-origin:top;background:var(--kit-body);border:1px solid var(--kit-edge);position:absolute;top:50%;left:30%;transform:rotateX(-90deg)}.fgr-holder__pin{aspect-ratio:1;background:var(--kit-pin);width:80%;translate:0 -50%;transform:translateZ(calc(var(--link) * -1));border-radius:50%;position:absolute;top:50%;left:10%}.fgr-face{transition:opacity var(--duration-state)}.fgr-ram[data-view=system] .fgr-face{opacity:1}.fgr-kit{top:calc(var(--s) * var(--p) / var(--n) * 100% + 0.6%);height:calc(var(--count) / var(--n) * 100% - 1.2%);width:6%;box-shadow:0 0 0 calc(2px / var(--zoom)) var(--color-fg-mint);background:color-mix(in srgb, var(--color-fg-mint) 8%, transparent);opacity:0;transform:translateZ(calc(var(--h,20px) * .75));pointer-events:none;transition:opacity var(--duration-state);border-radius:4px;position:absolute}.fgr-kit--l{left:-1.5%}.fgr-kit--r{right:-1.5%}.fgr-kitn{right:104%;top:calc((var(--s) * var(--p) + var(--count) / 2) / var(--n) * 100%);white-space:nowrap;font-size:calc(12px / var(--zoom));color:var(--color-fg-heading);background:var(--color-fg-mint);padding:calc(4px / var(--zoom)) calc(7px / var(--zoom));opacity:0;translate:0 -50%;transform:translateZ(calc(var(--h,20px) * .75));pointer-events:none;transition:opacity var(--duration-state);border-radius:100px;font-weight:600;line-height:1;position:absolute}.fgr-ram[data-view=system] :is(.fgr-kit,.fgr-kitn){opacity:1;transition-delay:calc(.3s + var(--s) * .26s)}.fgr-hot{all:unset;cursor:pointer;opacity:0;pointer-events:none;transition:opacity var(--duration-state);align-items:center;gap:8px;display:flex;position:absolute;transform:translateZ(16px)}.fgr-ram[data-view=prehlad] .fgr-hot{opacity:1;pointer-events:auto}.fgr-hot i{background:var(--color-fg-mint);width:28px;height:28px;color:var(--color-fg-heading);border-radius:50%;flex:none;place-items:center;font-size:20px;font-style:normal;font-weight:500;line-height:1;animation:2.4s ease-in-out infinite fgrPulse;display:grid}.fgr-hot span{white-space:nowrap;background:color-mix(in srgb, var(--color-fg-shade) 86%, transparent);border:1px solid var(--fgr-line);border-radius:100px;padding:.3rem .7rem;font-size:.8rem;font-weight:500}.fgr-hot--ram{top:-5%;left:-5%}.fgr-hot--lamely{top:34%;left:40%}.fgr-hot--system{top:68%;left:-5%}.fgr-hot i:before{content:"+"}@keyframes fgrPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.12)}}.fgr-shadow{pointer-events:none;background:radial-gradient(closest-side,#000000b3,#0000);height:5%;position:absolute;bottom:-7%;left:8%;right:8%;transform:translateZ(-40px)}.fgr-callout{opacity:0;pointer-events:none;transition:opacity var(--duration-state);gap:8px;font-size:.85rem;line-height:1.35;display:flex;position:absolute;top:10%;left:6%}.fgr-callout:before{content:"";background:var(--color-fg-mint);flex:none;width:34px;height:1px;margin-top:.65em}.fgr-callout b{font-size:1rem;display:block}.fgr-callout em{color:var(--fgr-muted);font-style:normal}.fgr-stage[data-view=ram] .fgr-callout{opacity:1}.fgr-profil{background:var(--color-fg-mint);width:min(30%,230px);color:var(--color-fg-heading);opacity:0;pointer-events:none;transition:opacity var(--duration-state);border-radius:20px;flex-direction:column;gap:6px;padding:10px 10px 12px;display:flex;position:absolute;top:50%;right:20px;translate:0 -50%}.fgr-stage[data-view=lamely] .fgr-profil{opacity:1}.fgr-profil img{aspect-ratio:1;object-fit:cover;background:var(--color-surface);border-radius:12px;width:100%;display:block}.fgr-profil figcaption{color:var(--color-fg-body);font-size:.78rem;line-height:1.35}.fgr-profil figcaption b{color:var(--color-fg-heading);display:block}@media (max-width:700px){.fgr-profil{width:36%;padding:6px;top:auto;bottom:12px;right:12px;translate:none}.fgr-profil figcaption{font-size:.68rem}}.fgr-tilt{grid-template-columns:auto minmax(0,1fr) 3.5rem;align-items:center;gap:4px 14px;width:100%;max-width:560px;margin:0 auto;display:grid}.fgr-tilt label{color:var(--fgr-muted);white-space:nowrap;font-size:.88rem}.fgr-tilt input{width:100%;accent-color:var(--color-fg-mint)}.fgr-tilt output{text-align:right;font-variant-numeric:tabular-nums;font-size:.95rem}.fgr-ticks{color:var(--fgr-muted);grid-column:2;justify-content:space-between;font-size:.72rem;display:flex}.fgr-ticks span{text-align:center}.fgr-ticks span:first-child{text-align:left}.fgr-ticks span:last-child{text-align:right}.fgr-ticks b{color:var(--fgr-text);font-weight:500;display:block}.fgr-panel{text-align:center;flex-direction:column;align-items:center;gap:1rem;max-width:700px;margin:0 auto;display:flex}.fgr-panel h3{letter-spacing:-.01em;font-size:1.35rem;font-weight:700}.fgr-panel p{color:var(--fgr-muted);font-weight:300;line-height:1.75}.fgr-list{flex-wrap:wrap;justify-content:center;gap:8px;padding:0;list-style:none;display:flex}.fgr-list li{background:var(--fgr-chip);border:1px solid var(--fgr-line);border-radius:100px;padding:.35rem .85rem;font-size:.85rem}.fgr-seg{background:var(--fgr-chip);border:1px solid var(--fgr-line);border-radius:100px;gap:4px;padding:4px;display:inline-flex}.fgr-swatches{flex-wrap:wrap;justify-content:center;gap:10px;max-width:520px;display:flex}.fgr-sw{all:unset;cursor:pointer;background:var(--sw);outline-offset:3px;border-radius:50%;outline:2px solid #0000;width:26px;height:26px;box-shadow:inset 0 0 0 1px #fff3}.fgr-sw[aria-pressed=true]{outline-color:var(--color-fg-mint)}.fgr-sw--tex{background:url(/ram/drevo.webp) 0 0 / 300% 400%, var(--sw);background-blend-mode:multiply}.fgr-swname{font-size:.9rem}.fgr-swname small{color:var(--fgr-muted);font-size:.9rem}.fgr-toggle{all:unset;cursor:pointer;border:1px solid var(--color-fg-sage);border-radius:100px;padding:.45rem 1.05rem;font-size:.88rem}@media (hover:hover) and (pointer:fine){.fgr-tabs button:not([aria-pressed=true]):hover,.fgr-seg button:not([aria-pressed=true]):hover{color:var(--fgr-text)}.fgr-hot:hover span{border-color:var(--color-fg-sage)}}@media (prefers-reduced-motion:reduce){.fgr-ram,.fgr-ram[data-view]{transform-origin:50%;transition:none;transform:none}.fgr-slat,.fgr-rod,.fgr-face:after{transition:none}.fgr-hot i{animation:none}}.fgr-open.is-split [data-half=top]{--a:var(--a-top)}.fgr-open.is-split [data-half=bottom]{--a:var(--a-bottom)}.fgr-split-hot{all:unset;z-index:6;cursor:pointer;background:var(--color-fg-mint);color:var(--color-fg-heading);border-radius:100px;padding:.45rem .7rem;font-size:.8rem;font-weight:600;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.fgr-split-line{border-top:1px dashed var(--color-fg-sage);opacity:0;pointer-events:none;transition:opacity var(--duration-state);position:absolute;top:50%;left:12%;right:12%}.fgr-stage[data-split=true] .fgr-split-line{opacity:.7}.fgr-stage[data-os=v] .fgr-split-line{border-top:none;border-left:1px dashed var(--color-fg-sage);inset:12% auto 12% 50%}.fgr-stage[data-os=v] .fgr-split-hot{top:auto;bottom:16px;transform:none}.fgr-split-controls{flex-direction:column;gap:1rem;display:flex}.fgr-split-controls>p{text-align:center;color:var(--fgr-muted);max-width:560px;margin:0 auto;font-size:.8rem}@media (max-width:700px){.fgr-split-hot{padding:.35rem .5rem;font-size:.7rem;left:8px}}.fgr-open{background:linear-gradient(180deg, var(--color-fg-mint), color-mix(in srgb, var(--color-fg-sage) 65%, var(--color-surface)));--kit-body:var(--kit-color,var(--color-fg-heading));--kit-edge:color-mix(in srgb, var(--kit-body) 65%, var(--color-surface))}.fgr-face:after{opacity:calc(var(--a,55) / 450)}.fgr-back:after{opacity:calc((140 - var(--a,55)) / 500)}.fgr-visual{gap:20px;display:grid}.fgr-visual[data-system=true]{grid-template-columns:minmax(0,1fr);align-items:start}.fgr-system-detail{background:var(--color-fg-mint);color:var(--color-fg-heading);border:1px solid var(--fgr-line);border-radius:24px;overflow:hidden}.fgr-system-detail>img{object-fit:cover;width:100%;height:auto;max-height:510px;display:block}.fgr-system-detail figcaption{gap:12px;padding:16px;display:grid}.fgr-system-detail h3{text-align:center;font-size:1rem}.fgr-system-colors{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.fgr-system-colors button{all:unset;cursor:pointer;border:1px solid var(--color-fg-sage);border-radius:100px;align-items:center;gap:6px;padding:7px 10px;font-size:.8rem;display:flex}.fgr-system-colors button[aria-pressed=true]{border-color:var(--color-fg-heading);box-shadow:inset 0 0 0 1px var(--color-fg-heading)}.fgr-system-colors i{border:1px solid var(--color-fg-sage);border-radius:50%;width:18px;height:18px}@media (max-width:900px){.fgr-visual[data-system=true]{grid-template-columns:minmax(0,1fr)}.fgr-system-detail{justify-self:center;width:100%;max-width:480px}.fgr-system-detail>img{max-height:none}}.fgr-model-group{gap:24px;min-width:0;display:grid}.fgr-system-detail{flex-direction:column;display:flex}.fgr-system-detail figcaption{order:-1}.fgr-stage{touch-action:pan-y;cursor:grab;background:radial-gradient(ellipse at center, var(--color-fg-mint), var(--color-fg-sage))}.fgr-stage:active{cursor:grabbing}.fgr-sway{transform:rotateY(calc(var(--rotation,0) * 1deg))}.fgr-open{background:0 0}.fgr-side--right{transform-origin:100%;left:auto;right:0;transform:rotateY(-90deg)}.fgr-side--bottom{width:auto;height:var(--d,16px);transform-origin:bottom;top:auto;bottom:0;right:0;transform:rotateX(90deg)}.fgr-frame-back{transform:translateZ(calc(var(--d,16px) * -1))}.fgr-rotation{gap:10px;display:grid}.fgr-rotation-actions{color:var(--fgr-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:.75rem;display:flex}.fgr-hot,.fgr-kitn{backface-visibility:hidden}.fgr-reset{background:var(--color-fg-mint);color:var(--color-fg-heading);border-color:var(--color-fg-sage)}.fgr-hint,.fgr-callout{color:var(--color-fg-heading)}.fgr-callout em{color:var(--color-fg-body)}.fgr-system-view{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.fgr-system-view:active{cursor:grabbing}.fgr-system-view img{object-fit:cover;pointer-events:none;width:100%;height:auto;max-height:510px;display:block}.fgr-system-turn{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:16px;font-size:.8rem;display:grid}.fgr-system-turn input{width:100%;min-width:0;accent-color:var(--color-fg-heading)}.fgr-system-turn output{font-variant-numeric:tabular-nums}.fgr-system-turn button{grid-column:1/-1;justify-self:center}.fgr-system-turn p{text-align:center;color:var(--color-fg-body);grid-column:1/-1}@media (max-width:900px){.fgr-system-view img{max-height:none}}.fgr-plate,.fgr-ram[data-ram=drevo] .fgr-plate{padding:var(--border,4%)}.fgr-bsh__l,.fgr-bsh__r{width:var(--border,4%)}.fgr-bsh__t,.fgr-bsh__b{left:var(--border,4%);right:var(--border,4%);height:var(--border,4%)}.fgr-metal i{background:var(--fgr-ram)}.fgr-metal .fgr-bsh__t{background:color-mix(in srgb, var(--fgr-ram) 78%, white)}.fgr-metal .fgr-bsh__b{background:color-mix(in srgb, var(--fgr-ram) 65%, black)}.fgr-open{--axis-z:calc(var(--mm) * -6.5);--link:calc(var(--mm) * 8);--link-y:calc(var(--mm) * -66);--kit-x:calc(var(--mm) * 9.5)}.fgr-slat{transform:translateZ(var(--axis-z)) rotateX(calc(var(--a,55) * 1deg))}.fgr-rail{width:calc(var(--mm) * 19);transform-style:preserve-3d;left:0;transform:translateZ(0)}.fgr-rail--r{left:auto;right:0}.fgr-rail:after{width:calc(var(--mm) * 13);aspect-ratio:auto;background:var(--kit-edge);transform-origin:0;border:0;border-radius:0;height:100%;top:0;bottom:0;left:0;transform:rotateY(90deg)}.fgr-pivot{left:var(--kit-x);width:calc(var(--mm) * 6.4);margin-left:calc(var(--mm) * -3.2);transform:translateZ(var(--axis-z))}.fgr-pivot--r{left:auto;right:var(--kit-x);margin-left:0;margin-right:calc(var(--mm) * -3.2)}.fgr-holder{left:calc(var(--mm) * -16);width:calc(var(--mm) * 15)}.fgr-holder--r{left:auto;right:calc(var(--mm) * -16)}.fgr-holder__arm{height:calc(var(--mm) * 66.48);transform:rotateX(-173.09deg)}.fgr-holder__pin{transform:translateY(var(--link-y)) translateZ(calc(var(--link) * -1)) rotateY(90deg)}.fgr-rod{left:var(--kit-x);width:calc(var(--mm) * 5);right:auto;top:calc(var(--rod-start) * 1% + 1px);height:calc(var(--rod-span) * 1% - 2px);margin-left:calc(var(--mm) * -2.5);transform-style:preserve-3d;transform:translateY(calc(cos(var(--a,55) * 1deg) * var(--link-y) + sin(var(--a,55) * 1deg) * var(--link))) translateZ(calc(var(--axis-z) + sin(var(--a,55) * 1deg) * var(--link-y) - cos(var(--a,55) * 1deg) * var(--link) - var(--mm) * 7.5))}.fgr-rod--r{left:auto;right:var(--kit-x);margin-left:0;margin-right:calc(var(--mm) * -2.5)}.fgr-rod:before,.fgr-rod:after{content:"";width:calc(var(--mm) * 15);background:var(--kit-edge);transform-origin:0;position:absolute;top:0;bottom:0;transform:rotateY(-90deg)}.fgr-rod:before{left:0}.fgr-rod:after{left:100%}.fgr-ram[data-view=system] .fgr-rod{background:var(--color-fg-mint)}.fgr-ram[data-view=system] .fgr-rod:before,.fgr-ram[data-view=system] .fgr-rod:after{background:var(--color-fg-sage)}.fgr-slat{left:calc(var(--mm) * 18);right:calc(var(--mm) * 18)}.fgr-holder__pin{left:calc(50% - var(--mm) * 2.3);width:calc(var(--mm) * 4.6)}.fgr-holder__arm{left:calc(50% - var(--mm) * 1.5);width:calc(var(--mm) * 3)}.fgr-ram,.fgr-ram[data-os=v]{width:min(58vw, 300px, calc(460px * var(--ratio,.5)))}.fgr-rot{height:calc(var(--h) * var(--n));inset:50% 0 auto;transform:translateY(-50%)}.fgr-open[data-os=v] .fgr-rot{height:calc(var(--h) * var(--n))}.fgr-dimensions{text-align:center;color:var(--fgr-muted);justify-items:center;gap:10px;font-size:.85rem;display:grid}.fgr-model-group>h3{text-align:center}.fgr-system-detail>h3{padding:20px 16px 0}.fgr-visual[data-system=true] .fgr-system-detail{width:100%;max-width:600px;margin:0 auto}.fgr-customize{flex-wrap:wrap;justify-content:center;gap:24px;margin-block:20px;display:flex}.fgr-customize fieldset{border:1px solid var(--fgr-muted);border-radius:12px;flex:1;min-width:240px;padding:16px}.fgr-customize legend{padding-inline:8px;font-weight:600}.fgr-ram[data-ram=drevo] .fgr-bsh i,.fgr-ram[data-ram=drevo] .fgr-side{background-color:var(--fgr-ram);background-blend-mode:multiply}.fgr-mesh-seat{transform-style:preserve-3d;position:absolute;top:50%;left:50%}.fgr-mesh-seat>i{transform-origin:0 0;background:var(--kit-body);position:absolute;top:0;left:0}.fgr-holder--r .fgr-mesh-seat{transform:scaleX(-1)}.fgr-open{--link-y:calc(var(--mm) * -37)}.fgr-rotation>label{justify-content:center;align-items:center;gap:16px;display:flex}.fgr-rotation>label input{max-width:360px;accent-color:var(--color-fg-mint);flex:1}
.sam-kit-grid{grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,64px);margin-top:24px;display:grid}.sam-kit-detail{min-width:0;margin:0}.sam-kit-detail img{object-fit:contain;background:var(--color-fg-mint);border-radius:16px;width:100%;height:560px;display:block}.sam-kit-detail figcaption{flex-wrap:wrap;align-items:center;gap:12px;padding:20px 0;display:flex}.sam-kit-detail input{min-width:100px;accent-color:var(--color-accent);flex:1}.sam-kit-connection{text-align:center}.sam-kit-connection svg{width:100%;max-height:480px;display:block;overflow:visible}.sam-module{fill:var(--sam-color);stroke:var(--color-fg-sage);stroke-width:.7px;transition:transform var(--duration-reveal) var(--ease-out-soft)}.sam-module-0{transform:translateY(-16px)}.sam-module-1{transform:translateY(16px)}[data-connected=true] .sam-module{transform:translateY(0)}.sam-pin{fill:var(--color-fg-mint)}.sam-joints{fill:none;stroke:var(--color-accent);stroke-width:2px;transition:opacity var(--duration-state)}.sam-joints text{fill:var(--color-fg-heading);stroke:none;font-size:12px}.sam-kit-note{color:var(--color-fg-body);font-size:13px}.sam-kit button:focus-visible,.sam-kit input:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px}@media (max-width:700px){.sam-kit-grid{grid-template-columns:1fr}.sam-kit-detail img{height:400px}}@media (prefers-reduced-motion:reduce){.sam-module{transition:none}}.sam-interactive .sam-module{cursor:grab;touch-action:none}.sam-interactive .sam-module:active{cursor:grabbing}.sam-demo-slat{fill:var(--color-fg-sage);fill-opacity:.35}.sam-joints rect{fill:var(--color-accent)}.sam-joints circle{fill:var(--color-fg-mint);stroke:none}.sam-controls{gap:12px;margin:16px 0;display:grid}.sam-controls label{text-align:left;grid-template-columns:120px 1fr 44px;align-items:center;gap:10px;display:grid}.sam-controls input{width:100%;accent-color:var(--color-accent);cursor:ns-resize}.sam-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sam-actions button{cursor:pointer}.sam-actions button:disabled{opacity:.6;cursor:wait}.sam-saw{fill:var(--color-fg-mint);stroke:var(--color-accent);stroke-width:2px}.sam-saw>g{animation:sam-sawing var(--duration-reveal) linear infinite alternate}@keyframes sam-sawing{0%{transform:translate(-12px)}to{transform:translate(12px)}}@media (prefers-reduced-motion:reduce){.sam-saw>g{animation:none}}.sam-side-module{fill:var(--sam-color);stroke:var(--color-fg-sage);stroke-width:1px;cursor:grab;touch-action:none;transition:transform var(--duration-reveal) var(--ease-out-soft),opacity var(--duration-state)}.sam-side-module:active{cursor:grabbing}.sam-side-connector{fill:var(--color-accent);stroke:var(--color-fg-mint);stroke-width:1px;transition:transform var(--duration-reveal) var(--ease-out-soft),opacity var(--duration-state)}.sam-side-connector circle{fill:var(--color-fg-mint);stroke:none}.sam-side-label{fill:var(--color-fg-body);font-size:12px}@media (prefers-reduced-motion:reduce){.sam-side-module,.sam-side-connector{transition:opacity var(--duration-state)}}.sam-cut-piece{fill:var(--sam-color);stroke:var(--color-fg-sage)}.sam-model-turn{cursor:grab;touch-action:pan-y;border-radius:16px}.sam-model-turn:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.sam-model-turn:active{cursor:grabbing}.sam-kit{--sam-edge:color-mix(in srgb, var(--sam-color) 65%, white)}.sam-geometry{width:100%;height:560px;display:block;overflow:visible}.sam-model-turn .sam-geometry{background:radial-gradient(ellipse, var(--color-fg-deep),var(--color-fg-night));border-radius:16px}.sam-real-module{transition:transform var(--duration-reveal),opacity var(--duration-state)}.sam-kit-connection .sam-real-module{cursor:grab;touch-action:none}.sam-kit-connection .sam-real-module:active{cursor:grabbing}.sam-kit-connection .sam-geometry{max-height:560px}.sam-pose-actions{margin-top:12px}@media (max-width:700px){.sam-geometry{height:460px}}@media (prefers-reduced-motion:reduce){.sam-real-module{transition:opacity var(--duration-state)}}.sam-model-turn .sam-geometry,.sam-fit-detail .sam-geometry{background:var(--color-fg-mint)}.sam-fit-detail{border:1px solid var(--fgr-line);border-radius:12px;margin:16px 0;overflow:hidden}.sam-fit-detail summary{cursor:pointer;color:var(--fgr-text);padding:12px}.sam-fit-detail .sam-geometry{height:320px}.sam-kit-note{color:var(--fgr-muted)}.sam-geometry,.sam-kit-connection svg.sam-geometry{overflow:hidden}