@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-cyrillic-wght-normal-CHSlOQsW.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-ext-wght-normal-DMtmJ5ZE.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:Geist Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./geist-latin-wght-normal-Dm3htQBi.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}:root{--ink:#0d0d0f;--paper:#fff;--muted:#57585e;--line:#e4e5e7;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;font-family:Geist Variable,Geist,Arial,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:280px;margin:0}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}[hidden]{display:none!important}:focus-visible{outline-offset:3px;outline:2px solid #2457a8}.frame{width:min(100% - 100px,1440px);margin-inline:auto}.skip{z-index:100;color:var(--ink);background:#fff;padding:8px 12px;position:fixed;top:10px;left:10px;transform:translateY(-200%)}.skip:focus{transform:none}.head-row{border-bottom:1px solid #ededee;justify-content:space-between;align-items:center;gap:16px;height:74px;display:flex}.logo{width:158px;height:auto;display:block}.primary{border:1px solid var(--ink);background:var(--ink);min-height:43px;color:var(--paper);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 19px;font-size:.84rem;font-weight:570;display:inline-flex}.primary:hover:not(:disabled){background:#333439;border-color:#333439}.intro{text-align:center;padding:33px 0 24px}.intro h1{letter-spacing:-.07em;margin:0;font-size:clamp(2.7rem,5vw,4.35rem);font-weight:620;line-height:1}.intro p{color:var(--muted);margin:10px 0 0;font-size:clamp(.875rem,1.35vw,1.02rem);line-height:1.4}.viewport{isolation:isolate;border:1px solid var(--line);background:radial-gradient(70% 55% at 50% 79%,#eceef0 0%,#f6f7f8 55%,#fff 100%);border-radius:13px;height:clamp(390px,100svh - 315px,830px);position:relative;overflow:hidden}.canvas-host{position:absolute;inset:0}.canvas-host canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.canvas-host canvas:active{cursor:grabbing}.canvas-host canvas:focus-visible{outline-offset:-4px}.stage-head,.stage-bottom{pointer-events:none;justify-content:space-between;gap:9px;display:flex;position:absolute;left:19px;right:19px}.stage-head{align-items:flex-start;top:18px}.stage-bottom{align-items:flex-end;bottom:18px}.model-copy{min-width:0;max-width:min(60%,360px);padding-top:1px}.model-picker{border-radius:4px;align-items:center;gap:6px;width:fit-content;max-width:100%;display:flex;position:relative}.model-picker:has(select:focus-visible){outline-offset:3px;outline:2px solid #2457a8}.model-picker:has(select:not([hidden])){pointer-events:auto}.model-picker select{opacity:0;cursor:pointer;width:100%;position:absolute;inset:-4px 0}.model-picker>span{color:#4d4e54;flex:none;place-items:center;display:grid}.model-copy h2{letter-spacing:-.028em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.98rem;font-weight:620;line-height:1.4;overflow:hidden}.model-copy p{color:var(--muted);margin:3px 0 0;font-size:.72rem}.stage-actions,.camera{pointer-events:auto;align-items:center;gap:5px;display:flex}.stage-actions button,.settings summary{color:#27282b;background:#ffffffd9;border:1px solid #dfe1e4;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.stage-actions button:hover,.settings summary:hover,.settings[open] summary{background:#e9eaec}.camera{background:#ffffffde;border:1px solid #dfe1e4;border-radius:999px;gap:2px;padding:3px}.camera button{color:#4b4d52;background:0 0;border:0;border-radius:999px;place-items:center;min-height:33px;padding:0 12px;font-size:.75rem;font-weight:550;display:grid}.camera button:hover{color:var(--ink);background:#ebedf0}.camera button[aria-pressed=true]{background:var(--ink);color:#fff}.camera.tools button{min-width:34px;padding:0 7px}.settings{position:relative}.settings summary{cursor:pointer;list-style:none}.settings summary::-webkit-details-marker{display:none}.settings-content{z-index:3;border:1px solid var(--line);background:#fff;border-radius:12px;width:251px;padding:15px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 36px #17191d16}.settings-content h2{margin:0 0 6px;font-size:.86rem;font-weight:650}.toggle-row{color:#44454a;cursor:pointer;justify-content:space-between;align-items:center;gap:10px;min-height:35px;font-size:.79rem;display:flex;position:relative}.toggle-row input{opacity:0;cursor:pointer;width:32px;height:23px;margin:0;position:absolute;right:0}.toggle{pointer-events:none;background:#d8dadd;border-radius:999px;width:30px;height:18px;position:relative}.toggle:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:3px;left:3px}.toggle-row input:checked+.toggle{background:var(--ink)}.toggle-row input:checked+.toggle:after{left:15px}.toggle-row input:focus-visible+.toggle{outline-offset:3px;outline:2px solid #2457a8}.select-wrap{position:relative}.select-wrap select{appearance:none;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #dfe1e4;border-radius:999px;padding:3px 24px 3px 9px}.select-wrap svg{pointer-events:none;position:absolute;top:7px;right:6px}.metadata{border-top:1px solid var(--line);gap:5px;margin:8px 0 0;padding-top:11px;display:grid}.metadata div{justify-content:space-between;gap:6px;font-size:.72rem;display:flex}.metadata dt{color:var(--muted)}.metadata dd{font-variant-numeric:tabular-nums;margin:0}.render-bar{justify-content:center;align-items:center;min-height:77px;display:flex;position:relative}.styles{border:1px solid var(--line);background:#f6f6f7;border-radius:999px;gap:3px;max-width:100%;padding:4px;display:flex}.styles button{color:#3e3f45;white-space:nowrap;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 14px;font-size:.82rem;font-weight:560;display:inline-flex}.styles button svg{flex:none}.styles button:hover{color:var(--ink);background:#e8e9eb}.styles button[aria-pressed=true]{background:var(--ink);color:#fff}.color-note{color:var(--muted);margin:0;font-size:.71rem;position:absolute;right:0}.foot{color:var(--muted);border-top:1px solid #ededee;justify-content:space-between;align-items:center;gap:15px;padding:14px 1px 17px;font-size:.73rem;display:flex}.hints{flex-wrap:wrap;gap:7px 18px;display:flex}.hints span,.privacy{align-items:center;gap:6px;display:flex}.privacy{white-space:nowrap}.notice{z-index:2;color:#34363a;background:#fff;border:1px solid #d9dbe0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:.79rem;display:flex;position:absolute;bottom:65px;left:19px;right:19px}.notice[data-kind=error]{color:#7e2d24;background:#fff7f6;border-color:#e5c2bd}#notice-icon{flex:none;place-items:center;display:grid}.notice button{color:inherit;background:0 0;border:1px solid;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:.73rem}.spinner{border:2px solid #d8dadd;border-top-color:var(--ink);border-radius:50%;width:15px;height:15px;animation:.8s linear infinite turn;display:block}@keyframes turn{to{transform:rotate(360deg)}}.drop,.no-webgl{z-index:4;color:var(--ink);pointer-events:none;text-align:center;background:#fffe;border:1px dashed #777a80;border-radius:9px;place-items:center;padding:20px;display:grid;position:absolute;inset:9px}.no-webgl{border:0}.drop>div,.no-webgl>div{justify-items:center;gap:8px;display:grid}.drop strong,.no-webgl strong{font-size:1.15rem}.drop span,.no-webgl span{color:var(--muted);font-size:.8rem}:is(.viewport:fullscreen,.viewport.presentation){border:0;border-radius:0;width:100%;height:100%}.viewport.presentation{z-index:50;position:fixed;inset:0}@media (width<=950px){.frame{width:calc(100% - 48px)}.render-bar:has(.color-note:not([hidden])){flex-direction:column;gap:6px;padding:9px 0}.color-note{position:static}}@media (width<=640px){.frame{width:calc(100% - 28px)}.head-row{height:61px}.logo{width:120px}.primary{min-height:39px;padding:0 12px;font-size:.77rem}.intro{padding:25px 0 19px}.intro h1{font-size:clamp(2.55rem,11vw,3.5rem)}.intro p{margin-top:8px}.viewport{border-radius:10px;height:clamp(340px,54svh,540px)}.stage-head,.stage-bottom{left:10px;right:10px}.stage-head{top:10px}.stage-bottom{bottom:10px}.stage-actions button,.settings summary{width:34px;height:34px}.stage-actions{gap:4px}.camera button{padding:0 8px}.camera.tools button{min-width:30px}.model-copy h2{font-size:.86rem}.model-copy p{font-size:.66rem}.notice{font-size:.74rem;bottom:55px;left:10px;right:10px}.render-bar{min-height:67px}.styles button{min-height:35px;padding:0 9px;font-size:.73rem}.styles button svg{display:none}.foot{flex-wrap:wrap;gap:9px;font-size:.66rem}}@media (pointer:coarse){.hints{display:none}.stage-actions button,.settings summary,.camera button{min-height:38px}}@media (width<=340px){.camera button{padding-inline:6px}.camera.tools button{min-width:27px;padding-inline:4px}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}
