@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/konstruktor-3d/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/konstruktor-3d/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/konstruktor-3d/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/konstruktor-3d/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/konstruktor-3d/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.studio{grid-template:"top top top""catalog stage panel"minmax(0,1fr)/250px minmax(0,1fr) 310px;height:100dvh;display:grid}.topbar{border-bottom:1px solid var(--line);background:#08080dd9;grid-area:top;align-items:center;gap:14px;padding:10px 16px;display:flex}.topbar__actions .points{flex-wrap:wrap;gap:6px;display:flex}.points .button:disabled{opacity:.4;cursor:default}.points__help{color:var(--accent-2);margin-top:4px;font-size:12.5px}.draw-layer{z-index:2;cursor:crosshair;box-shadow:inset 0 0 0 2px var(--accent-2);border-radius:inherit;position:absolute;inset:0}.draw-layer__path{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.draw-layer__path polyline{fill:none;stroke:var(--accent-2);stroke-width:2px;stroke-dasharray:6 5}.draw-layer__path circle{fill:#fff}.draw-layer__path .draw-layer__origin{fill:#ff7a3d;stroke:#fff;stroke-width:.004px}.list__tabs{flex-wrap:wrap;margin-top:6px}.list__item{border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;padding:12px 10px 10px}.topbar__crumb{color:var(--muted)}.topbar__crumb:before{content:"/";opacity:.4;margin-right:14px}.topbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.topbar__actions .text-field{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;height:36px;padding:0 10px}.control--toggle{gap:8px;margin:0}.catalog{border-right:1px solid var(--line);grid-area:catalog;padding:14px 10px;overflow-y:auto}.catalog__group+.catalog__group{margin-top:18px}.catalog__title{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:0 8px 6px;font-size:11px;font-weight:600}.catalog ul{margin:0;padding:0;list-style:none}.catalog__item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;gap:2px;width:100%;padding:9px 10px;transition:background .2s;display:grid}.catalog__item:hover{background:var(--surface)}.catalog__item[aria-current=true]{border-color:var(--line-strong);background:var(--surface-2)}.catalog__name{font-weight:600}.catalog__item[aria-current=true] .catalog__name{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.catalog__desc{color:var(--muted);font-size:12.5px;line-height:1.4}.stage{grid-area:stage;min-height:0;padding:16px;display:grid;position:relative}.preview{border:1px solid var(--line);background:#000;border-radius:20px;min-height:0;position:relative;overflow:hidden}.preview__canvas{width:100%;height:100%;position:absolute;inset:0}.preview--image,.preview--tilt{background:radial-gradient(circle at 30% 20%, #a78bfa1f, transparent 50%), radial-gradient(circle at 80% 80%, #22d3ee1a, transparent 50%), var(--surface);align-content:center;place-items:center;gap:14px;padding:24px;display:grid}.photo{border-radius:16px;width:min(100%,720px);margin:0;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.photo img{aspect-ratio:3/2;object-fit:cover;width:100%;height:auto}.slider{border-radius:16px;width:min(100%,760px);position:relative;overflow:hidden;box-shadow:0 30px 80px #00000080}.slider img{aspect-ratio:3/2;object-fit:cover;width:100%}.slider__canvas{width:100%;height:100%;position:absolute;inset:0}.slider__nav{align-items:center;gap:10px;display:flex}.slider__dot{cursor:pointer;background:#ffffff40;border:0;border-radius:50%;width:10px;height:10px;padding:0;transition:width .3s,background .3s}.slider__dot[aria-current=true]{background:var(--gradient);border-radius:6px;width:28px}.photo__canvas{width:100%;height:100%;position:absolute;inset:0}.preview__loading{color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.preview__hint{color:var(--muted);font-size:13px}.preview__error{font:12px/1.5 var(--mono);white-space:pre-wrap;background:#7f1d1de6;border-radius:10px;padding:12px;position:absolute;inset:auto 16px 16px}.tilt-card{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:20px;width:min(100%,360px);overflow:hidden;box-shadow:0 30px 70px #0000008c}.tilt-card img{aspect-ratio:16/10;object-fit:cover;width:100%}.tilt-card__body{gap:6px;padding:18px 20px 22px;display:grid}.tilt-card__body p:last-child{color:var(--muted);font-size:14px}.tilt-card__eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.stage__caption{pointer-events:none;text-shadow:0 2px 20px #0009;max-width:min(460px,100% - 72px);position:absolute;bottom:34px;left:36px}.stage__caption h1{letter-spacing:-.03em;font-size:clamp(28px,4vw,48px);line-height:1.05}.stage__caption p{color:#ffffffbf;margin-top:6px}.preview--image~.stage__caption,.preview--tilt~.stage__caption,.preview--transition~.stage__caption,.preview--scroll~.stage__caption{display:none}.preview--transition{background:#05040c}.demo{overscroll-behavior:contain;position:absolute;inset:0;overflow-y:auto;container-type:size}.demo__intro{height:70cqh;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:10px;padding:24px;display:grid}.demo__intro span{font-size:28px;animation:1.6s ease-in-out infinite nudge}@keyframes nudge{50%{transform:translateY(8px)}}.demo__stack{height:100cqh;position:relative}.demo--scroll .demo__stack{height:300cqh}.demo__stack>section{align-content:center;gap:14px;height:100cqh;padding:clamp(20px,6cqw,64px);display:grid;position:sticky;top:0}.demo__a{z-index:2;color:#1d1712;background:radial-gradient(circle at 80% 10%,#ffc89659,#0000 50%),linear-gradient(160deg,#f6f1e7,#e8dcc8)}.demo__a h2,.demo__b h2{letter-spacing:-.03em;max-width:14ch;font-size:clamp(30px,7cqw,64px);line-height:1}.demo__a p:not(.demo__eyebrow){color:#4b4036;max-width:46ch}.demo__a .button{color:#f6f1e7;background:#1d1712;border-color:#1d1712;justify-self:start}.demo__stack>.demo__b{z-index:1;text-align:right;color:#f2efff;background:radial-gradient(circle at 25% 30%,#7c4dff8c,#0000 55%),radial-gradient(circle at 80% 80%,#22d3ee59,#0000 50%),#07061a;align-content:end;justify-items:end;margin-top:-100cqh}.demo__eyebrow{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:12px;font-weight:600}.demo__outro{height:50cqh;color:var(--muted);place-items:center;display:grid}.demo__controls{z-index:3;gap:8px;display:flex;position:absolute;bottom:20px;right:20px}.scroll-stage{position:relative}.scroll-stage__sticky{height:100cqh;margin-bottom:-100cqh;position:sticky;top:0}.scroll-stage__sticky canvas{width:100%;height:100%;position:absolute;inset:0}.scroll-stage__scene{color:#fff;text-shadow:0 2px 24px #00000073;pointer-events:none;align-content:center;gap:10px;height:100cqh;padding:clamp(20px,6cqw,64px);display:grid;position:relative}.scroll-stage__scene h2{letter-spacing:-.03em;font-size:clamp(36px,8cqw,80px);line-height:1}.preview--cursor{background:#0b0b14}.cursor-demo{align-content:center;gap:16px;padding:clamp(20px,5vw,56px);display:grid;position:absolute;inset:0;overflow:hidden}.cursor-demo h2{letter-spacing:-.03em;max-width:16ch;font-size:clamp(30px,4.5vw,56px);line-height:1.02}.cursor-demo>p:not(.demo__eyebrow){max-width:52ch;color:var(--muted)}.cursor-demo a{color:var(--accent-2)}.cursor-demo__actions{flex-wrap:wrap;gap:10px;display:flex}.cursor-demo__cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.cursor-demo__card{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:14px;place-items:center;min-height:90px;font-weight:600;display:grid}.cursor-demo__card--light{color:#1d1712;background:#f4efe6}.cursor-demo__card--accent{background:var(--gradient);color:#0b0b12}.cursor-demo__canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;inset:0}.preview--cursor~.stage__caption{display:none}.preview--ui{background:radial-gradient(circle at 30% 20%, #a78bfa1f, transparent 50%), var(--surface);align-content:center;place-items:center;gap:18px;display:grid}.preview--ui~.stage__caption{display:none}.liquid-demo{cursor:pointer;border:0;border-radius:999px;max-width:calc(100% - 80px);padding:clamp(14px,3vw,22px) clamp(24px,6vw,46px);font-size:clamp(16px,2.5vw,20px);font-weight:700}.preloader-demo{color:#1d1712;background:linear-gradient(160deg,#f6f1e7,#e8dcc8);position:absolute;inset:0;overflow:hidden}.preloader-demo__site{align-content:center;gap:10px;height:100%;padding:40px;display:grid}.preloader-demo__site h2{letter-spacing:-.03em;font-size:clamp(32px,5vw,64px)}.panel{border-left:1px solid var(--line);grid-area:panel;padding:14px 16px 40px;overflow-y:auto}.panel__row{gap:8px;margin-top:10px;display:flex}.panel__subtitle{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:22px 0 6px;font-size:11px;font-weight:600}.presets{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:999px;padding:5px 12px;font-size:13px;transition:background .2s}.chip:hover{background:var(--surface-2)}.chip[aria-pressed=true]{background:var(--accent);color:#0b0b12;border-color:#0000;font-weight:600}.control{border:0;gap:6px;margin:0 0 12px;padding:0;display:grid}.control__label{justify-content:space-between;gap:8px;padding:0;font-size:13.5px;display:flex}.control__label small{color:var(--muted);font-size:12px;display:block}.hinted{position:relative}.control__label>span{align-items:center;gap:6px;display:inline-flex}.hint-icon{border:1px solid var(--line-strong);width:16px;height:16px;color:var(--muted);cursor:help;font:600 10px/1 var(--font);opacity:.55;background:0 0;border-radius:50%;place-items:center;padding:0;transition:opacity .2s,color .2s,border-color .2s;display:inline-grid}.hinted:hover .hint-icon,.hint-icon[aria-expanded=true]{opacity:1;border-color:var(--accent);color:var(--text)}.tooltip{z-index:60;border:1px solid var(--line-strong);max-width:260px;color:var(--text);pointer-events:none;opacity:0;visibility:hidden;background:#1d1d2b;border-radius:10px;padding:9px 12px;font-size:13px;line-height:1.45;transition:opacity .15s,visibility .15s;box-shadow:0 12px 32px #00000073}.tooltip[data-open=true]{opacity:1;visibility:visible}.control__value{color:var(--muted);font:12px/1.6 var(--mono)}.range{cursor:pointer;appearance:none;background:0 0;width:100%;height:22px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--accent) var(--fill), #ffffff1f var(--fill));border-radius:4px;height:4px}.range::-moz-range-track{background:linear-gradient(90deg, var(--accent) var(--fill), #ffffff1f var(--fill));border-radius:4px;height:4px}.range::-webkit-slider-thumb{appearance:none;background:#fff;border:0;border-radius:50%;width:16px;height:16px;margin-top:-6px;box-shadow:0 0 0 4px #a78bfa4d}.range::-moz-range-thumb{background:#fff;border:0;border-radius:50%;width:16px;height:16px;box-shadow:0 0 0 4px #a78bfa4d}.color{gap:8px;display:flex}.color__swatch{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:8px;width:38px;height:34px;padding:2px}.color__hex{border:1px solid var(--line-strong);background:var(--surface);min-width:0;font:13px var(--mono);border-radius:8px;flex:1;padding:0 10px}.control--toggle{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.switch{cursor:pointer;appearance:none;background:#ffffff26;border-radius:999px;flex:none;width:36px;height:20px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:2px;left:2px}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}.segmented{border:1px solid var(--line);background:var(--surface);border-radius:10px;flex-wrap:wrap;gap:2px;padding:3px;display:flex}.segmented__item{cursor:pointer;flex:1}.segmented__item input{opacity:0;pointer-events:none;position:absolute}.segmented__item span{text-align:center;white-space:nowrap;color:var(--muted);border-radius:7px;padding:5px 10px;font-size:13px;transition:background .2s;display:block}.segmented__item:hover span{color:var(--text)}.segmented__item input:checked+span{background:var(--accent);color:#0b0b12;font-weight:600;box-shadow:0 2px 10px #a78bfa59}.segmented__item input:focus-visible+span{outline:2px solid var(--accent-2)}.demos{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.demos__item{border:1px solid var(--line);cursor:pointer;color:var(--muted);background:0 0;border-radius:10px;gap:4px;padding:4px;font-size:11px;display:grid}.demos__item img{aspect-ratio:3/2;object-fit:cover;background:#f6f1e7;border-radius:6px;width:100%}.demos__item[aria-checked=true]{border-color:var(--accent);color:var(--text);box-shadow:0 0 0 1px var(--accent)}.upload{cursor:pointer;margin-top:6px;display:block}.upload input{opacity:0;width:1px;position:absolute}.upload span{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:10px;padding:9px;font-size:13px;display:block}.upload:hover span,.upload input:focus-visible+span{border-color:var(--accent);color:var(--text)}.studio--custom{grid-template-columns:250px minmax(0,1fr) 460px}.editor{gap:8px;display:grid}.editor__start{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex}.editor__start select{border:1px solid var(--line-strong);background:var(--surface);min-height:32px;color:var(--text);font:inherit;border-radius:8px;flex:1;padding:0 8px}.editor__body{border:1px solid var(--line-strong);height:380px;font:12.5px/1.6 var(--mono);background:#07070b;border-radius:10px;grid-template-columns:auto minmax(0,1fr);display:grid;overflow:hidden}.editor__gutter{color:#ffffff40;text-align:right;-webkit-user-select:none;user-select:none;font:inherit;margin:0;padding:10px 8px 10px 10px;overflow:hidden}.editor__code{resize:none;color:#d6d6e7;font:inherit;white-space:pre;tab-size:2;background:0 0;border:0;outline:none;padding:10px}.editor__errors{font:12px/1.5 var(--mono);white-space:pre-wrap;background:#7f1d1d8c;border-radius:10px;padding:10px 12px}.editor__errors p+p{margin-top:4px}.drawer{z-index:50;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#11111af5;border-radius:20px;grid-template-rows:auto auto auto auto minmax(0,1fr) auto;width:min(720px,100vw - 24px);padding:18px;animation:.35s cubic-bezier(.2,.8,.2,1) drawer-in;display:grid;position:fixed;inset:12px 12px 12px auto;box-shadow:0 30px 90px #0009}@keyframes drawer-in{0%{opacity:0;transform:translate(40px)}}.drawer__head{justify-content:space-between;align-items:center;display:flex}.drawer__head h2{font-size:20px}.icon-button{border:1px solid var(--line-strong);cursor:pointer;background:0 0;border-radius:50%;width:34px;height:34px}.drawer__options{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:14px;display:flex}.check{cursor:pointer;align-items:flex-start;gap:8px;font-size:13.5px;display:flex}.check input{accent-color:var(--accent);margin-top:4px}.check small{color:var(--muted);font-size:12px;display:block}.drawer__hint{color:var(--muted);margin-top:8px;font-size:13px}.tabs{border-bottom:1px solid var(--line);gap:4px;margin-top:14px;display:flex}.tabs__tab{cursor:pointer;color:var(--muted);font:13px var(--mono);background:0 0;border:0;border-bottom:2px solid #0000;padding:8px 12px}.tabs__tab[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text);background:#a78bfa1f;font-weight:600}.tabs__tab:hover{color:var(--text)}.hinted--inactive,.control--inactive{opacity:.38}.inactive-note{color:var(--muted);margin:-8px 0 12px;font-size:12px}.code{color:#c9c9dd;font:12.5px/1.6 var(--mono);tab-size:2;background:#07070b;border-radius:0 0 12px 12px;margin:0;padding:14px;overflow:auto}.drawer__foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.drawer__size{color:var(--muted);font:12px var(--mono);margin-right:auto}@media (max-width:1100px){.studio{grid-template:"top top""catalog catalog""stage panel"minmax(0,1fr)/minmax(0,1fr) 300px}.catalog{border-right:0;border-bottom:1px solid var(--line);gap:6px;padding:8px 12px;display:flex;overflow-x:auto}.catalog__group,.catalog__group+.catalog__group{margin:0}.catalog__title,.catalog__desc{display:none}.catalog ul{gap:6px;display:flex}.catalog__item{white-space:nowrap;width:auto;padding:6px 12px}}@media (max-width:720px){.studio{flex-direction:column;height:auto;min-height:100dvh;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-wrap:wrap;position:sticky;top:0}.topbar__crumb{display:none}.topbar__actions{gap:8px}.topbar__actions .button:not(.button--primary){display:none}.stage{height:62vh;padding:12px}.stage__caption{bottom:24px;left:26px}.panel{border-left:0;border-top:1px solid var(--line);overflow:visible}}