:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#090a08;--panel:#10120f;--panel-raised:#171a15;--line:#eff1e11a;--muted:#999d8e;--paper:#f2f1e9;--green:#b7ff00;--orange:#c65112;--pointer-x:50vw;--pointer-y:22vh;--parallax-x:0px;--parallax-y:0px;--font-display:"Arial", "Segoe UI", sans-serif;--font-body:"Segoe UI", "Arial", sans-serif;--font-mono:"Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:15px}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}::selection{color:#11140a;background:var(--green)}.landing-page{isolation:isolate;background:radial-gradient(at 50% -32%,#20271b 0%,#10120e 30%,#090a08 64%);min-height:100vh;position:relative;overflow:hidden}.landing-page:before{z-index:-2;content:"";opacity:.18;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:72px 72px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.landing-line-art{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.landing-line-art path{fill:none;stroke:#b7ff00;stroke-opacity:.1;stroke-width:1.2px;vector-effect:non-scaling-stroke}.landing-line-art path:nth-child(2n){stroke:#c65112;stroke-opacity:.09}.paper-background-line{fill:none;stroke:var(--studio-a,var(--demo-a,var(--green)));stroke-opacity:.1;stroke-width:1.2px;vector-effect:non-scaling-stroke}.paper-background-line:nth-child(2n){stroke:var(--studio-b,var(--demo-b,var(--orange)));stroke-opacity:.09}.ambient-light{z-index:-1;width:560px;height:560px;transform:translate(calc(var(--pointer-x) - 50%), calc(var(--pointer-y) - 50%));background:radial-gradient(circle, color-mix(in srgb, var(--backlight-color,var(--green)) 24%, transparent), color-mix(in srgb, var(--backlight-color,var(--green)) 9%, transparent) 36%, transparent 68%);opacity:var(--backlight-strength,.7);pointer-events:none;border-radius:50%;transition:transform .16s ease-out;position:fixed;top:0;left:0}.paper-cutout-backdrop{z-index:0;border-radius:inherit;pointer-events:none;isolation:isolate;position:absolute;inset:0;overflow:hidden}.paper-cutout-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.paper-moving-layer-light{opacity:calc(var(--paper-light-opacity,1) * var(--backlight-strength,.7) * .8);pointer-events:none}.paper-cutout-sheet{fill-opacity:.96;stroke:color-mix(in srgb, var(--paper-color,#74807d) 38%, #080a09 62%);stroke-opacity:.58;stroke-width:1.4px;stroke-linejoin:round;vector-effect:non-scaling-stroke}.wrap{width:min(1240px,100% - 64px);margin-inline:auto}.topbar{z-index:5;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:84px;display:flex;position:relative}.wordmark{font-family:var(--font-display);letter-spacing:.13em;align-items:center;gap:10px;font-size:13px;font-weight:800;display:inline-flex}.wordmark-icon{object-fit:contain;flex:none;width:28px;height:28px;display:block}.wordmark-slash{color:var(--orange);margin-inline:1px}.main-nav{color:#b8baaf;align-items:center;gap:34px;font-size:12px;display:flex}.main-nav a,.topbar-link,.footer a{transition:color .2s}.main-nav a:hover,.footer a:hover{color:var(--green)}.topbar-link{color:var(--green);border:1px solid #b7ff004d;border-radius:4px;padding:11px 14px;font-size:12px}.topbar-link span{padding-left:9px}.topbar-link:hover{background:#b7ff0017}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:22px;min-height:690px;padding-block:68px 84px;display:grid;position:relative}.hero-copy{z-index:2;padding-block:18px;position:relative}.eyebrow,.section-kicker{color:#b8bdac;font-family:var(--font-mono);letter-spacing:.13em;align-items:center;gap:10px;font-size:10px;display:flex}.status-dot,.live-pill i,.available i{background:var(--green);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 13px #b7ff00bf}.hero h1{font-family:var(--font-display);letter-spacing:-.075em;margin:27px 0 21px;font-size:clamp(54px,4.8vw,68px);font-weight:600;line-height:.98}.hero h1 em,.color-lab-copy h2 em,.closing-section h2 em{color:var(--green);letter-spacing:-.08em;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-description{color:#a2a598;max-width:445px;margin:0;font-size:15px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;display:flex}.button{border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:23px;min-height:46px;padding:0 17px;font-size:12px;font-weight:700;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{color:#11140a;background:var(--green);box-shadow:0 0 24px #b7ff001a}.button-primary:hover{background:#cbff43}.button-quiet{color:#dcddd3;border-color:var(--line);background:#ffffff04}.button-quiet:hover{background:#ffffff0b;border-color:#ffffff45}.hero-proof{color:#7e8276;align-items:center;gap:11px;margin-top:32px;font-size:10px;display:flex}.hero-proof strong{color:#c1c4b8;font-weight:500}.proof-avatars{padding-left:4px;display:flex}.proof-avatars b{color:#10120e;background:linear-gradient(145deg,#d6ff78,#799335);border:1px solid #171a15;border-radius:50%;place-items:center;width:23px;height:23px;margin-left:-4px;font-size:8px;display:grid}.proof-avatars b:nth-child(2){background:linear-gradient(145deg,#ffaf71,#9b4b26)}.proof-avatars b:nth-child(3){background:linear-gradient(145deg,#d7c0a1,#695645)}.test-build-badge{color:#f0a06d;letter-spacing:.09em;white-space:nowrap;background:#c6511214;border:1px solid #c6511261;border-radius:2px;padding:4px 7px;font-size:8px}.site-loading{background:var(--ink);place-items:center;min-height:100svh;display:grid}.vial-buddy{background-color:var(--green);flex:none;width:96px;height:96px;animation:4.8s step-end infinite buddy-flipbook;display:block;-webkit-mask-image:url(/vial-buddy-sprite.png);mask-image:url(/vial-buddy-sprite.png);-webkit-mask-position:0 0;mask-position:0 0;-webkit-mask-size:400% 400%;mask-size:400% 400%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:alpha;mask-mode:alpha}@keyframes buddy-flipbook{0%{-webkit-mask-position:0 0;mask-position:0 0}6.25%{-webkit-mask-position:33.333% 0;mask-position:33.333% 0}12.5%{-webkit-mask-position:66.667% 0;mask-position:66.667% 0}18.75%{-webkit-mask-position:100% 0;mask-position:100% 0}25%{-webkit-mask-position:0 33.333%;mask-position:0 33.333%}31.25%{-webkit-mask-position:33.333% 33.333%;mask-position:33.333% 33.333%}37.5%{-webkit-mask-position:66.667% 33.333%;mask-position:66.667% 33.333%}43.75%{-webkit-mask-position:100% 33.333%;mask-position:100% 33.333%}50%{-webkit-mask-position:0 66.667%;mask-position:0 66.667%}56.25%{-webkit-mask-position:33.333% 66.667%;mask-position:33.333% 66.667%}62.5%{-webkit-mask-position:66.667% 66.667%;mask-position:66.667% 66.667%}68.75%{-webkit-mask-position:100% 66.667%;mask-position:100% 66.667%}75%{-webkit-mask-position:0 100%;mask-position:0 100%}81.25%{-webkit-mask-position:33.333% 100%;mask-position:33.333% 100%}87.5%{-webkit-mask-position:66.667% 100%;mask-position:66.667% 100%}93.75%{-webkit-mask-position:100% 100%;mask-position:100% 100%}to{-webkit-mask-position:0 0;mask-position:0 0}}.hero-visual{perspective:1200px;min-width:0;position:relative}.preview-window{z-index:1;width:100%;transform:translate3d(var(--parallax-x), var(--parallax-y), 0) rotateY(-6deg) rotateX(2deg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#121410d4;border:1px solid #f4f6e630;border-radius:12px;padding:8px;transition:transform .18s ease-out;position:relative;box-shadow:0 35px 90px #0000008f,0 0 75px #b7ff000f}.preview-chrome{color:#777b6f;height:35px;font-family:var(--font-mono);grid-template-columns:1fr 2fr 1fr;align-items:center;padding:0 11px;font-size:8px;display:grid}.preview-chrome>span:nth-child(2){text-align:center}.window-dots{gap:4px;display:flex}.window-dots i{background:#353a30;border-radius:50%;width:5px;height:5px}.window-dots i:first-child{background:#c65112}.live-pill{color:#bbd482;border:1px solid #b7ff0029;border-radius:20px;justify-self:end;align-items:center;gap:5px;padding:4px 6px;font-size:7px;display:inline-flex}.live-pill i{width:4px;height:4px}.mini-portfolio{isolation:isolate;background:linear-gradient(145deg,#161a13,#0e100c 54%,#14110e);border:1px solid #ffffff13;border-radius:7px;padding:24px 24px 16px;position:relative;overflow:hidden}.mini-portfolio-gradient{z-index:0;background:var(--mini-preview-gradient,linear-gradient(132deg, #b7ff00, #c65112));opacity:var(--mini-preview-gradient-opacity,.2);filter:blur(18px);pointer-events:none;position:absolute;inset:-12%}.mini-portfolio-content{z-index:2;position:relative}.paper-cutout-mini{z-index:1;--paper-light-opacity:.04}.mini-topline{color:#7f8573;font-family:var(--font-mono);letter-spacing:.12em;justify-content:space-between;align-items:center;font-size:7px;display:flex}.mini-wordmark{color:var(--paper);font-family:var(--font-display);letter-spacing:.08em;font-size:9px;font-weight:800}.mini-wordmark span{color:var(--green);margin-left:5px}.mini-intro{justify-content:space-between;align-items:center;min-height:151px;padding-block:22px 17px;display:flex}.mini-avatar{color:#13160d;width:34px;height:34px;font-family:var(--font-display);background:radial-gradient(circle at 30% 20%,#f5ffcb,#bbeb31 48%,#5a711c);border:1px solid #b7ff0073;border-radius:50%;place-items:center;margin-bottom:9px;font-size:9px;font-weight:800;display:grid;position:relative}.mini-avatar span{color:var(--orange);font-size:12px;position:absolute;top:0;right:-9px}.mini-name-row{align-items:center;gap:10px;display:flex}.mini-name-row h2{font-family:var(--font-display);letter-spacing:-.05em;margin:0;font-size:19px;font-weight:600}.available{color:#9eaa85;font-family:var(--font-mono);letter-spacing:.06em;align-items:center;gap:5px;font-size:6px;display:inline-flex}.available i{width:4px;height:4px}.mini-intro p{color:#929688;margin:6px 0 0;font-size:9px;line-height:1.6}.mini-time{border-left:1px solid #ffffff1a;flex-direction:column;gap:4px;min-width:110px;padding:10px 12px;display:flex}.mini-time span,.mini-time small{color:#757a6d;font-family:var(--font-mono);font-size:7px}.mini-time strong{color:#e9ebdf;font-family:var(--font-mono);font-size:18px;font-weight:400}.mini-tabs{color:#85897e;border-top:1px solid #ffffff1a;align-items:center;gap:18px;padding-block:10px;font-size:8px;display:flex}.mini-tabs .selected{color:var(--green)}.mini-tabs span:last-child{color:var(--orange);margin-left:auto}.mini-art-grid{grid-template-columns:1.16fr .84fr;gap:8px;display:grid}.mini-art{isolation:isolate;border:1px solid #ffffff1a;border-radius:4px;min-height:173px;position:relative;overflow:hidden}.mini-art:after{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000 37%,#000000b8);position:absolute;inset:0}.mini-art-blue-model{background:linear-gradient(145deg,#183452,#081321);border-color:#6094cd6b}.mini-art-blue-model:after{background:linear-gradient(#0000 37%,#000000b8),linear-gradient(135deg,#3066a42e,#07111f14)}.mini-art-image{z-index:0;object-fit:cover}.mini-art b{z-index:2;color:#f7f6e6eb;font-family:var(--font-display);letter-spacing:-.03em;text-align:right;font-size:12px;line-height:.96;position:absolute;bottom:11px;right:12px}.art-label{z-index:2;color:#fffff0d1;font-family:var(--font-mono);letter-spacing:.1em;font-size:6px;position:absolute;top:9px;left:10px}.mini-caption{color:#a2a698;justify-content:space-between;padding-top:12px;font-size:8px;display:flex}.mini-caption span:last-child{color:#71766a;font-family:var(--font-mono);letter-spacing:.06em;font-size:6px}.floating-note{z-index:2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#131610db;border:1px solid #eef0e224;border-radius:6px;align-items:center;gap:9px;padding:11px 13px;display:flex;position:absolute;box-shadow:0 12px 30px #0000004d}.floating-note b,.floating-note small{display:block}.floating-note b{color:#dfe2d4;font-size:9px;font-weight:600}.floating-note small{color:#878b7e;margin-top:3px;font-size:7px}.note-color{bottom:6%;left:-8%}.color-stack{align-items:center;padding-left:4px;display:flex}.color-stack i{background:var(--green);border:1px solid #141710;border-radius:50%;width:15px;height:15px;margin-left:-4px}.color-stack i:nth-child(2){background:#f1a51d}.color-stack i:nth-child(3){background:var(--orange)}.ticker{border-block:1px solid var(--line);background:#ffffff05;overflow:hidden}.ticker-track{will-change:transform;align-items:center;width:max-content;padding:18px 0;animation:46s linear infinite ticker;display:flex}.ticker-group{flex:none;align-items:center;gap:43px;padding-right:43px;display:flex}.ticker-track span{color:#a5a89b;font-family:var(--font-display);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:41px;font-size:11px;font-weight:600;display:inline-flex}.ticker-track i{color:var(--orange);font-size:12px;font-style:normal}@keyframes ticker{to{transform:translate(-25%)}}.intro-section{padding-block:126px 116px}.section-kicker{color:#898e80}.section-kicker span{color:var(--green)}.intro-grid{grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;margin-top:25px;display:grid}.intro-grid h2,.color-lab-copy h2,.closing-section h2{font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(43px,5.6vw,72px);font-weight:500;line-height:.99}.intro-copy{max-width:445px;padding-bottom:5px}.intro-copy p,.color-lab-copy>p,.closing-section>p{color:#9ea294;font-size:14px;line-height:1.85}.text-link{color:var(--green);align-items:center;gap:13px;margin-top:12px;font-size:11px;font-weight:600;transition:gap .2s;display:inline-flex}.text-link:hover{gap:19px}.text-link span{color:var(--orange)}.feature-grid{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:55px;display:grid}.feature-card{background:linear-gradient(150deg,#1b1e18e0,#10120fd1);border:1px solid #eef0e41a;border-radius:7px;min-height:383px;padding:19px;position:relative;overflow:hidden}.feature-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#b7ff0014,#0000 70%);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-140px;right:-90px}.feature-top{color:#8d9285;font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;align-items:center;font-size:8px;display:flex}.feature-glyph{color:var(--green);font-family:var(--font-body);font-size:16px}.feature-card h3{font-family:var(--font-display);letter-spacing:-.035em;margin:20px 0 8px;font-size:17px;font-weight:600}.feature-card p{color:#979b90;max-width:300px;margin:0;font-size:11px;line-height:1.75}.feature-editor-demo{background:linear-gradient(145deg,#181b15f2,#0a0c0afa);border:1px solid #eef0e41a;border-radius:4px;grid-template-columns:22px minmax(0,1fr) 112px;gap:5px;min-width:0;height:210px;display:grid;overflow:hidden}.feature-editor-rail{color:#818779;border-right:1px solid #ffffff12;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:8px 2px;font-size:7px;display:flex}.feature-editor-rail img{object-fit:contain;margin-bottom:3px}.feature-editor-rail>span{border-radius:2px;place-items:center;width:15px;height:15px;display:grid}.feature-editor-rail>span.active{color:#b7ff00;background:#b7ff0017}.feature-editor-main{flex-direction:column;gap:5px;min-width:0;padding:6px 0;display:flex}.feature-editor-heading{justify-content:space-between;align-items:center;gap:5px;min-height:24px;padding-right:4px;display:flex}.feature-editor-heading>span{flex-direction:column;gap:3px;min-width:0;display:flex}.feature-editor-heading b{color:#e1e4d8;text-overflow:ellipsis;white-space:nowrap;font-size:7px;font-weight:550;overflow:hidden}.feature-editor-heading small{color:#8c9185;text-overflow:ellipsis;white-space:nowrap;font-size:5px;overflow:hidden}.feature-editor-heading>i{color:#93998a;flex:none;font-size:7px;font-style:normal}.feature-editor-canvas{background-color:#00000038;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:12px 12px;border:1px solid #eef0e41f;border-radius:3px;flex:1;min-height:0;position:relative;overflow:hidden}.feature-editor-site-head{color:#8c9282;height:13px;font-family:var(--font-mono);letter-spacing:.08em;border-bottom:1px solid #ffffff14;align-items:center;gap:8px;font-size:5px;display:flex;position:absolute;top:5px;left:6px;right:6px}.feature-editor-site-head b{color:#dfe3d5;font-size:6px}.feature-editor-site-head small{color:#70776a;margin-left:auto;font-size:4px}.feature-editor-block{color:#dfe3d5;background:#10130ec7;border:1px dashed #f1f3e633;border-radius:3px;position:absolute;overflow:hidden}.feature-editor-profile{grid-template-columns:18px minmax(0,1fr);align-content:start;align-items:center;gap:2px 5px;width:46%;height:47px;padding:4px;display:grid;top:25px;left:5px}.feature-editor-profile>i{color:#11140a;background:#b7ff00;border:1px solid #b7ff0066;border-radius:50%;grid-row:span 2;place-items:center;width:17px;height:17px;font-size:7px;font-style:normal;font-weight:700;display:grid}.feature-editor-profile>span{flex-direction:column;gap:2px;min-width:0;display:flex}.feature-editor-profile b,.feature-editor-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.feature-editor-profile b{color:#dfe3d5;font-size:6px;font-weight:550}.feature-editor-profile small{color:#929889;font-size:4px}.feature-editor-profile>em{color:#aab198;font-family:var(--font-mono);white-space:nowrap;grid-column:1/-1;font-size:3.5px;font-style:normal;overflow:hidden}.feature-editor-time{justify-content:space-between;align-items:center;gap:3px;width:39%;height:20px;padding:3px 4px;display:flex;top:25px;right:5px}.feature-editor-time>span{color:#777e71;font-family:var(--font-mono);font-size:3.5px}.feature-editor-time>b{color:#b7ff00;font-family:var(--font-mono);font-size:6px;font-weight:500}.feature-editor-selected{background:#b7ff000b;border:1px solid #b7ff00a8;width:46%;height:50px;padding:3px 4px;top:82px;left:5px}.feature-editor-frame-head{color:#8e9583;min-width:0;height:12px;font-family:var(--font-mono);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:3px;font-size:4px;display:flex}.feature-editor-frame-head>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:3px;min-width:0;display:flex;overflow:hidden}.feature-editor-frame-head>span i{color:#aeb59e;font-size:8px;font-style:normal}.feature-editor-frame-head b{color:#cbd0c0;text-overflow:ellipsis;font-weight:400;overflow:hidden}.feature-editor-frame-head>small{color:#969d88;flex:none;font-size:5px}.feature-editor-selected>strong{color:#e2e5d9;text-overflow:ellipsis;white-space:nowrap;padding-top:5px;font-size:5px;font-weight:500;display:block;overflow:hidden}.feature-editor-width-grip{border-right:1px solid #b7ff00;width:4px;height:11px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)}.feature-editor-height-grip{color:#b7ff00;letter-spacing:1px;background:#14170f;padding:0 2px;font-size:4px;font-style:normal;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.feature-editor-media{border-style:dashed;width:39%;height:93px;top:51px;right:5px}.feature-editor-media-art{background:#151b14;border-radius:2px;position:absolute;inset:13px 3px 3px;overflow:hidden}.feature-editor-media-art img{object-fit:cover}.feature-editor-contact{color:#aeb49f;width:39%;height:13px;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:2px 4px;font-size:4px;display:flex;top:151px;right:5px}.feature-editor-contact b{color:#b7ff00;font-size:6px;font-weight:500}.feature-editor-content{background:#ffffff04;border-left:1px solid #ffffff12;flex-direction:column;gap:4px;min-width:0;padding:6px;display:flex;overflow:hidden}.feature-editor-content-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:3px;padding-bottom:4px;display:flex}.feature-editor-content-head b{color:#dfe3d5;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:500;overflow:hidden}.feature-editor-content-head small{color:#b7ff00;font-family:var(--font-mono);font-size:4px}.feature-editor-field-label{color:#c7ccba;justify-content:space-between;align-items:center;gap:3px;font-size:5px;display:flex}.feature-editor-field-label small{color:#777e70;font-family:var(--font-mono);font-size:3px}.feature-editor-add{grid-template-columns:1fr 1fr;gap:3px;display:grid}.feature-editor-add span{color:#bdc4ac;text-align:center;white-space:nowrap;border:1px solid #b7ff0030;border-radius:2px;padding:4px 3px;font-size:4px;overflow:hidden}.feature-editor-input{color:#bbc1af;text-overflow:ellipsis;white-space:nowrap;border:1px solid #f1f3e617;border-radius:2px;padding:4px;font-size:4px;overflow:hidden}.feature-editor-control-label{color:#808779;font-family:var(--font-mono);justify-content:space-between;font-size:4px;display:flex}.feature-editor-control-label b{color:#b7ff00;font-weight:400}.feature-editor-width-track{background:#ffffff1f;border-radius:3px;height:3px;position:relative}.feature-editor-width-track i{border-radius:inherit;background:#b7ff00;position:absolute;inset:0 31% 0 0}.feature-editor-width-track.height i{right:22%}.feature-editor-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.feature-editor-presets span{color:#899082;text-align:center;border:1px solid #ffffff17;border-radius:2px;padding:3px 1px;font-size:4px}.feature-editor-presets span.active{color:#b7ff00;background:#b7ff000d;border-color:#b7ff004d}.feature-editor-style-row{color:#818879;font-family:var(--font-mono);align-items:center;gap:3px;font-size:3px;display:flex}.feature-editor-style-row i{background:#e8eadd;border:1px solid #ffffff3d;border-radius:50%;width:9px;height:9px}.feature-editor-style-row i:nth-child(2){background:#b7ff00}.feature-editor-style-row i:nth-child(3){background:#c65112}.feature-editor-style-row span{border:1px solid #ffffff1a;border-radius:2px;padding:2px}.feature-fbx-demo{background:#0f110d;border:1px solid #eef0e41a;border-radius:4px;grid-template-columns:minmax(0,1fr) 145px;min-width:0;height:178px;display:grid;overflow:hidden}.feature-fbx-preview{background:#090b08;border-right:1px solid #eef0e417;place-items:center;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.home-fbx-showcase{background:radial-gradient(at 48% 46%,#b7ff001f,#0000 55%),radial-gradient(at 78% 75%,#c6511217,#0000 45%),#10130f;position:absolute;inset:0;overflow:hidden}.home-fbx-loading{color:#a5ad99;font-family:var(--font-mono);letter-spacing:.13em;background:radial-gradient(at 50% 30%,#b7ff001a,#0000 55%),#10130f;place-items:center;font-size:6px;display:grid;position:absolute;inset:0}.home-fbx-showcase-label{z-index:4;color:#e5ebdab8;font-family:var(--font-mono);letter-spacing:.08em;pointer-events:none;text-shadow:0 1px 5px #080a08;justify-content:space-between;font-size:5px;display:flex;position:absolute;bottom:7px;left:8px;right:8px}.studio-model-viewer.studio-model-viewer-compact{background:0 0;border:0;border-radius:0;min-height:0;position:absolute;inset:0}.studio-model-viewer-compact .studio-model-canvas{width:100%;height:100%;min-height:0}.studio-model-viewer-compact .studio-model-error{padding:6px 8px;font-size:6px;bottom:28px;left:8px;right:8px}.feature-fbx-content{background:#ffffff05;flex-direction:column;gap:5px;min-width:0;padding:7px;display:flex}.feature-fbx-content-head{border-bottom:1px solid #ffffff12;justify-content:space-between;align-items:center;gap:3px;padding-bottom:5px;display:flex}.feature-fbx-content-head b{color:#dfe3d5;font-size:6px;font-weight:500}.feature-fbx-content-head small{color:#b7ff00;font-family:var(--font-mono);font-size:4px}.feature-fbx-selected{color:#858b7c;font-family:var(--font-mono);justify-content:space-between;gap:4px;font-size:4px;display:flex}.feature-fbx-selected b{color:#bdc3b3;font-weight:500}.feature-fbx-content>label{color:#848a7c;font-family:var(--font-mono);letter-spacing:.05em;margin-bottom:-3px;font-size:4px}.feature-fbx-select,.feature-fbx-upload{color:#c7cbbb;background:#0000002e;border:1px solid #f0f2e31c;border-radius:2px;justify-content:space-between;align-items:center;gap:4px;min-width:0;padding:5px;font-size:5px;display:flex}.feature-fbx-select span{color:#9ca293}.feature-fbx-upload{color:#b7bdab}.feature-fbx-limit{color:#7f8678;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:4px;line-height:1.45;display:-webkit-box;overflow:hidden}.feature-worlds:after{background:radial-gradient(circle,#c6511221,#0000 70%)}.color-demo{background:linear-gradient(145deg,#181b15f2,#0a0c0afa);border:1px solid #eef0e41a;border-radius:4px;grid-template-rows:23px minmax(0,1fr);gap:6px;min-width:0;height:210px;padding:8px;display:grid;overflow:hidden}.appearance-demo-columns{grid-template-columns:1.04fr .96fr;gap:7px;min-height:0;display:grid}.appearance-demo-panel{background:#080a0894;border:1px solid #eef0e41a;border-radius:3px;min-width:0;overflow:hidden}.appearance-demo-head{background:#080a0894;border:1px solid #eef0e41a;border-radius:3px;justify-content:space-between;align-items:center;gap:4px;min-height:23px;padding:0 6px;display:flex}.appearance-demo-head b{color:#dfe3d5;text-overflow:ellipsis;white-space:nowrap;font-size:6px;font-weight:500;overflow:hidden}.appearance-demo-head small{color:#b7ff00;font-family:var(--font-mono);font-size:4px}.appearance-demo-section{border-bottom:1px solid #ffffff0f;gap:4px;padding:5px 6px;display:grid}.appearance-demo-label{color:#c7ccba;justify-content:space-between;align-items:center;gap:4px;min-width:0;font-size:6px;display:flex}.appearance-demo-label small{color:#777e70;font-family:var(--font-mono);flex:none;font-size:3px}.appearance-demo-select{color:#bcc2ae;background:#ffffff06;border:1px solid #f0f2e31c;border-radius:2px;justify-content:space-between;align-items:center;gap:4px;min-width:0;min-height:17px;padding:2px 5px;font-size:5px;display:flex}.appearance-demo-select>span{color:#808779;font-family:var(--font-mono);font-size:4px}.appearance-demo-select b{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.appearance-demo-select i{color:#848b7c;font-style:normal}.appearance-demo-gradient{background:var(--showcase-gradient,linear-gradient(132deg,#b7ff00,#c65112));height:10px;opacity:var(--showcase-gradient-opacity,.4);border:1px solid #ffffff29;border-radius:2px}.appearance-demo-stops{gap:8px;min-width:0;display:flex;overflow:hidden}.appearance-demo-stops>span{color:#8a9082;font-family:var(--font-mono);flex:none;align-items:center;gap:3px;font-size:4px;display:inline-flex}.appearance-demo-stops>span>i,.appearance-demo-paper-swatch,.appearance-demo-backlight-row>i{border:1px solid #ffffff40;border-radius:50%;flex:none;width:9px;height:9px;display:block}.appearance-demo-slider{color:#8b9184;gap:3px;font-size:5px;display:grid}.appearance-demo-slider>span{justify-content:space-between;gap:4px;display:flex}.appearance-demo-slider b{color:#b7ff00;font-family:var(--font-mono);font-size:4px;font-weight:400}.appearance-demo-track{background:#ffffff21;border-radius:3px;height:3px;display:block;position:relative;overflow:hidden}.appearance-demo-track>i{border-radius:inherit;background:#b7ff00;height:100%;display:block}.appearance-demo-add{color:#b7c19e;border:1px dashed #b7ff0038;border-radius:2px;align-content:center;gap:2px;min-height:22px;padding:3px 5px;font-size:5px;display:grid}.appearance-demo-add small{color:#777e70;font-size:4px}.appearance-demo-paper-row{color:#8b9184;align-items:center;gap:5px;min-width:0;font-size:5px;display:flex}.appearance-demo-paper-swatch{background:#74807d}.appearance-demo-backlight-row{color:#8b9184;min-width:0;font-family:var(--font-mono);align-items:center;gap:4px;font-size:4px;display:flex}.appearance-demo-backlight-row>b{color:#aab19d;text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-weight:400;overflow:hidden}.appearance-demo-toggle{color:#aeb49f;justify-content:space-between;align-items:center;gap:4px;min-height:18px;padding:0 6px;font-size:4px;display:flex}.appearance-demo-toggle>i{background:#b7ff0047;border-radius:8px;justify-content:end;align-items:center;width:18px;height:10px;padding:1px;display:flex}.appearance-demo-toggle>i>b{background:#b7ff00;border-radius:50%;width:7px;height:7px}.color-lab-section{grid-template-columns:.8fr 1.2fr;align-items:center;gap:65px;padding-block:40px 140px;display:grid}.color-lab-copy h2{margin-top:25px}.color-lab-copy h2 em{color:#ed8430}.color-lab-copy>p{max-width:380px;margin:20px 0 22px}.palette-controls{max-width:420px;margin-top:17px}.palette-controls-heading{color:#858b7e;font-family:var(--font-mono);letter-spacing:.09em;justify-content:space-between;margin-bottom:7px;font-size:7px;display:flex}.palette-controls-heading small{color:var(--green);font-size:inherit}.color-controls{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:7px;display:grid}.color-stop-control{grid-template-columns:minmax(0,1fr) 25px;align-items:stretch;gap:4px;min-width:0;display:grid}.color-stop-control.fixed{grid-template-columns:minmax(0,1fr)}.color-control,.angle-control{border:1px solid var(--line);background:#ffffff06;border-radius:4px;align-items:center;gap:7px;min-width:0;padding:8px;display:flex}.color-control>span,.angle-control>span{color:#898d81;font-family:var(--font-mono);letter-spacing:.08em;font-size:7px}.color-control input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:50%;width:16px;height:16px;padding:0;overflow:hidden}.color-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-control input[type=color]::-webkit-color-swatch{border:1px solid #fff3;border-radius:50%}.color-control code{color:#c5c8bc;font-family:var(--font-mono);margin-left:auto;font-size:8px}.color-stop-remove{color:#abb09f;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1f;border-radius:3px;font-size:12px}.color-stop-remove:hover{color:#ed8430;border-color:#c6511266}.palette-add-stop{color:#b7ff00;width:100%;min-height:28px;font-family:var(--font-mono);letter-spacing:.08em;cursor:pointer;background:#b7ff0006;border:1px dashed #b7ff003b;border-radius:3px;justify-content:space-between;align-items:center;padding:0 9px;font-size:6px;display:flex}.palette-add-stop:hover:not(:disabled){background:#b7ff000f;border-color:#b7ff008c}.palette-add-stop:disabled{opacity:.48;cursor:default}.palette-add-stop small{color:#757d6d;font-size:inherit}.palette-tuning{grid-template-columns:.8fr 1.2fr;gap:7px;margin-top:8px;display:grid}.palette-mode,.palette-angle{border:1px solid var(--line);background:#ffffff06;border-radius:4px;flex-direction:column;justify-content:center;gap:6px;min-width:0;padding:7px 8px;display:flex}.palette-mode>span,.palette-angle>span,.palette-slider>span,.palette-backlight>div>span{color:#898d81;font-family:var(--font-mono);letter-spacing:.08em;font-size:6px}.palette-mode select{color:#d3d7c8;min-width:0;font-family:var(--font-body);outline-color:var(--green);background:0 0;border:0;font-size:9px}.palette-mode option{color:#e8eadf;background:#10120e}.palette-angle>span,.palette-slider>span{justify-content:space-between;display:flex}.palette-angle b,.palette-slider output{color:var(--green);font:inherit}.palette-angle input,.palette-slider input,.palette-backlight>input{width:100%;height:3px;accent-color:var(--green);margin:0}.palette-slider{border:1px solid var(--line);background:#ffffff06;border-radius:4px;flex-direction:column;gap:7px;margin-top:8px;padding:8px;display:flex}.palette-backlight{border:1px solid var(--line);background:#ffffff06;border-radius:4px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:8px;padding:8px;display:grid}.palette-backlight>div{flex-direction:column;gap:4px;display:flex}.palette-backlight>div>small{color:#777e71;font-family:var(--font-mono);letter-spacing:.06em;font-size:5px}.palette-backlight label{color:#aeb3a3;font-family:var(--font-mono);align-items:center;gap:5px;font-size:6px;display:flex}.palette-backlight label input{cursor:pointer;background:0 0;border:0;border-radius:50%;width:15px;height:15px;padding:0;overflow:hidden}.palette-backlight label input::-webkit-color-swatch-wrapper{padding:0}.palette-backlight label input::-webkit-color-swatch{border:1px solid #ffffff4d;border-radius:50%}.palette-backlight>input{grid-column:1/-1}.palette-layer-note{color:#828879;font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:6px;margin-top:8px;font-size:6px;display:flex}.palette-layer-note b{color:var(--green);font-weight:400}.palette-layer-note small{color:#70766b;text-align:right;font-size:5px}.gradient-stage{--demo-a:#b7ff00;--demo-b:#c65112;--demo-angle:132deg;background:radial-gradient(ellipse at 50% 58%, color-mix(in srgb, var(--demo-a) 7%, transparent), transparent 50%), #10120e;border:1px solid #f5f5e71c;border-radius:8px;place-items:center;min-height:478px;display:grid;position:relative;overflow:hidden}.gradient-stage:before{content:"";opacity:.35;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:38px 38px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 74%);mask-image:radial-gradient(#000,#0000 74%)}.gradient-window{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e100cbf;border:1px solid #eef1e12e;border-radius:7px;width:min(75%,474px);padding:10px;position:relative;transform:rotate(-3deg);box-shadow:0 30px 70px #0000006b}.gradient-window-head,.gradient-window-foot{color:#818678;font-family:var(--font-mono);letter-spacing:.09em;justify-content:space-between;align-items:center;padding:6px 6px 10px;font-size:6px;display:flex}.gradient-window-head span:last-child{color:#adb29f}.gradient-window-head i{background:var(--green);border-radius:50%;width:5px;height:5px;margin-left:5px;display:inline-block}.gradient-art{isolation:isolate;background:#10120e;place-items:center;min-height:276px;display:grid;position:relative;overflow:hidden}.gradient-art:before{z-index:3;content:"";pointer-events:none;background:radial-gradient(#07090705,#07090780);position:absolute;inset:0}.gradient-wash,.gradient-backlight{pointer-events:none;position:absolute;inset:0}.gradient-wash{z-index:0;background-image:var(--palette-gradient);opacity:var(--palette-opacity,.12)}.gradient-backlight{z-index:1;background:radial-gradient(ellipse at 28% 32%, color-mix(in srgb, var(--palette-backlight-color,#b7ff00) 30%, transparent), transparent 43%);filter:blur(22px);opacity:var(--palette-backlight-opacity,.65);transform:translate3d(var(--parallax-near-x,0px),var(--parallax-near-y,0px),0)}.gradient-paper{z-index:2;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#0b0d095c;border:1px solid #fcf9e840;flex-direction:column;justify-content:center;width:70%;min-height:190px;padding:23px;display:flex;position:relative;box-shadow:inset 0 0 0 6px #ffffff08}.gradient-paper>span,.gradient-paper>i{color:#f6f4e5b0;font-family:var(--font-mono);letter-spacing:.12em;font-size:6px;font-style:normal}.gradient-paper strong{color:#f5f4ec;font-family:var(--font-display);letter-spacing:-.08em;margin-block:18px;font-size:clamp(24px,3.5vw,43px);font-weight:500;line-height:.94}.gradient-paper em{color:var(--demo-a);font-family:Georgia,serif;font-weight:400}.gradient-window-foot{padding:11px 6px 5px}.gradient-foot-swatches{gap:4px;display:flex}.gradient-foot-swatches i{background:var(--demo-a);border:1px solid #ffffff38;border-radius:50%;width:9px;height:9px}.gradient-foot-swatches i+i{background:var(--demo-b)}.gradient-orbit{z-index:2;pointer-events:none;border:1px solid #f4f2dc30;border-radius:50%;width:420px;height:300px;position:absolute;transform:rotate(32deg)}.orbit-a{width:390px;height:160px}.orbit-b{width:310px;height:390px;transform:rotate(-37deg)}.glass-label{color:#858b7d;font-family:var(--font-mono);letter-spacing:.1em;align-items:center;gap:8px;font-size:7px;display:flex;position:absolute;bottom:17px;left:17px}.glass-label span{color:var(--orange);font-size:13px}.closing-section{text-align:center;background:radial-gradient(at 51% 114%,#b7ff001a,#0000 48%),linear-gradient(145deg,#151812eb,#0f110ee6);border:1px solid #f2f3e51a;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding-block:67px;display:flex;position:relative;overflow:hidden}.closing-light{pointer-events:none;background:radial-gradient(circle,#c6511221,#0000 65%);border-radius:50%;width:600px;height:600px;position:absolute;top:-200px;right:-10%}.closing-logo{z-index:1;object-fit:contain;filter:drop-shadow(0 0 20px #b7ff0021);width:180px;height:180px;margin-bottom:6px;display:block;position:relative}.closing-section .section-kicker{position:relative}.closing-section h2{margin-top:24px;font-size:clamp(46px,6vw,72px);position:relative}.closing-section>p{max-width:440px;margin:20px auto 0;font-size:12px;position:relative}.closing-section .hero-actions{justify-content:center;margin-top:23px;position:relative}.footer{color:#7e8276;min-height:105px;font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:8px;display:flex}.footer .wordmark{color:var(--paper);font-family:var(--font-display);font-size:11px}.footer>span{margin-left:50px}.footer a:last-child{color:#a7ab9e;font-family:var(--font-body);letter-spacing:0;font-size:10px}.footer a:last-child span{color:var(--orange);padding-left:6px}.studio-page,.portfolio-page{isolation:isolate;background:radial-gradient(at 50% -35%,#20271b 0%,#10120e 30%,#090a08 66%);min-height:100vh;position:relative;overflow:hidden}.studio-page{--studio-a:#b7ff00;--studio-b:#c65112}.studio-topbar{border-bottom:1px solid var(--line);background:#090a08b8;justify-content:space-between;align-items:center;min-height:65px;padding:0 23px;display:flex}.studio-top-left,.studio-top-right{align-items:center;gap:18px;display:flex}.studio-back{color:#a7ab9e;font-size:11px}.studio-demo-tag{color:#e39a69;font-family:var(--font-mono);letter-spacing:.1em;border:1px solid #c6511252;border-radius:2px;padding:5px 7px;font-size:8px}.studio-top-right{color:#858a7c;font-family:var(--font-mono);font-size:8px}.studio-layout{grid-template-columns:194px minmax(450px,1fr) 302px;min-height:calc(100vh - 65px);display:grid}.studio-sidebar{border-right:1px solid var(--line);background:#0e100cc4;flex-direction:column;padding:22px 13px;display:flex}.studio-sidebar-label{color:#787d70;font-family:var(--font-mono);letter-spacing:.14em;margin:13px 9px 12px;font-size:8px}.studio-nav{gap:4px;display:grid}.studio-nav button{color:#9ca092;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;align-items:center;gap:11px;padding:10px;font-size:11px;display:flex}.studio-nav button span:first-child{color:#73796d;text-align:center;width:17px;font-size:14px}.studio-nav button.active{color:#e1e4d7;background:#b7ff000f;border-color:#b7ff0021}.studio-nav button.active span:first-child{color:var(--green)}.studio-side-bottom{border-top:1px solid var(--line);color:#7d8276;margin-top:auto;padding:14px 10px 4px;font-size:9px;line-height:1.6}.studio-side-bottom strong{color:#c6c9bc;margin-bottom:4px;font-size:10px;font-weight:500;display:block}.studio-workspace{flex-direction:column;min-width:0;padding:20px 21px;display:flex}.studio-workspace-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.studio-workspace-head h1{font-family:var(--font-display);letter-spacing:-.04em;margin:0;font-size:16px;font-weight:600}.studio-workspace-head p{color:#828779;margin:4px 0 0;font-size:9px}.analytics-dashboard{align-content:start;gap:12px;min-height:650px;padding-bottom:10px;display:grid}.analytics-title-row{justify-content:space-between;align-items:end;gap:14px;display:flex}.analytics-kicker{color:#89917b;font-family:var(--font-mono);letter-spacing:.1em;font-size:7px}.analytics-title-row h2{color:#e6e9dc;font-family:var(--font-display);letter-spacing:-.04em;margin:5px 0 3px;font-size:20px;font-weight:500}.analytics-title-row p{color:#858b7d;margin:0;font-size:9px}.analytics-range{border:1px solid var(--line);background:#ffffff05;border-radius:4px;gap:3px;padding:3px;display:flex}.analytics-range button{color:#969b8d;cursor:pointer;background:0 0;border:0;border-radius:2px;min-height:27px;padding:0 9px;font-size:8px}.analytics-range button:hover,.analytics-range button.active{color:var(--green);background:#b7ff0014}.analytics-sample-banner{color:#d8a078;background:#c651120b;border:1px solid #c6511233;border-radius:3px;align-items:center;gap:8px;padding:8px 10px;display:flex}.analytics-sample-banner>span{color:var(--orange);font-size:10px}.analytics-sample-banner p{margin:0;font-size:8px;line-height:1.5}.analytics-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.analytics-stat-card,.analytics-card{background:linear-gradient(145deg,#ffffff07,#ffffff02);border:1px solid #f4f5e817;border-radius:4px;min-width:0}.analytics-stat-card{align-content:space-between;gap:7px;min-height:82px;padding:10px;display:grid}.analytics-stat-card>span{color:#8d9483;font-family:var(--font-mono);letter-spacing:.07em;font-size:6px}.analytics-stat-card strong{color:#e5e9dc;font-family:var(--font-display);letter-spacing:-.045em;font-size:20px;font-weight:500}.analytics-stat-card small{color:#737a6d;font-size:7px}.analytics-card{padding:12px}.analytics-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.analytics-card-head h3{color:#dfe3d5;font-family:var(--font-display);margin:4px 0 0;font-size:11px;font-weight:500}.analytics-unit{color:#7e8576;font-family:var(--font-mono);letter-spacing:.1em;font-size:6px}.analytics-chart{border-bottom:1px solid #f4f5e81a;align-items:stretch;gap:5px;height:125px;margin-top:9px;padding:0 2px;display:flex}.analytics-bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;gap:5px;min-width:0;display:flex}.analytics-bar{background:linear-gradient(#b7ff0085,#b7ff001a);border:1px solid #b7ff0038;border-bottom:0;border-radius:2px 2px 0 0;width:100%;min-height:4px;display:block}.analytics-bar-column small{display:none}.analytics-chart-7d .analytics-bar-column small{color:#747b6e;font-family:var(--font-mono);text-align:center;font-size:6px;display:block}.analytics-chart-axis{color:#737a6d;font-family:var(--font-mono);justify-content:space-between;margin-top:5px;font-size:6px;display:flex}.analytics-detail-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.analytics-source-list,.analytics-work-list{gap:11px;margin-top:13px;display:grid}.analytics-source-row>div:first-child{color:#b8bead;justify-content:space-between;gap:8px;margin-bottom:5px;font-size:8px;display:flex}.analytics-source-row small{color:#818879;font-family:var(--font-mono);font-size:7px}.analytics-progress{background:#ffffff12;border-radius:2px;height:3px;overflow:hidden}.analytics-progress span{border-radius:inherit;background:color-mix(in srgb, var(--green) 68%, #69764a);height:100%;display:block}.analytics-work-row{color:#bac0b0;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:7px;min-width:0;font-size:8px;display:grid}.analytics-work-rank{color:#777e70;font-family:var(--font-mono);font-size:7px}.analytics-work-row strong{text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.analytics-work-row small{color:#858b7c;font-family:var(--font-mono);white-space:nowrap;font-size:6px}.viewport-switch{border:1px solid var(--line);border-radius:4px;gap:3px;padding:3px;display:flex}.viewport-switch button{color:#7c8175;cursor:pointer;background:0 0;border:0;border-radius:2px;width:29px;height:25px}.viewport-switch button.active{color:var(--green);background:#b7ff001a}.studio-preview-wrap{background:radial-gradient(at 50% 15%,#b7ff000e,#0000 45%),#0c0e0a;border:1px solid #ffffff14;border-radius:5px;flex:1;place-items:start center;min-height:650px;padding:18px;display:grid;overflow:auto}.studio-preview-site{--studio-angle:140deg;isolation:isolate;background:linear-gradient(160deg, var(--glass-layer), transparent 40%), #0c0e0a;border:1px solid #f1f3e624;border-radius:5px;grid-area:1/1;width:100%;max-width:720px;min-height:650px;padding:28px;transition:max-width .25s;position:relative;overflow:hidden;box-shadow:0 22px 48px #00000059}.studio-preview-site.has-theme-island{padding-top:68px}.studio-theme-island-slot{z-index:5;pointer-events:none;grid-area:1/1;justify-content:center;place-self:start center;width:min(100%,720px);height:56px;margin-bottom:-56px;display:flex;position:sticky;top:8px}.studio-theme-island-slot.phone{max-width:365px}.studio-theme-island-slot .portfolio-theme-control{pointer-events:auto}.studio-background-layers{z-index:0;pointer-events:none;transform:perspective(1000px) rotateX(var(--background-tilt-x,0deg)) rotateY(var(--background-tilt-y,0deg)) scale(1.08);transform-origin:50%;transition:transform .12s ease-out;position:absolute;inset:-7%;overflow:hidden}.studio-background-layer{position:absolute;inset:-5%;overflow:hidden}.studio-background-layer img{object-fit:cover;width:100%;height:100%;display:block}.studio-background-layer.background-depth-0 img{transform:translate3d(var(--parallax-far-x,0px), var(--parallax-far-y,0px), 0) scale(1.06)}.studio-background-layer.background-depth-1 img{transform:translate3d(var(--parallax-mid-x,0px), var(--parallax-mid-y,0px), 0) scale(1.06)}.studio-background-layer.background-depth-2 img{transform:translate3d(var(--parallax-near-x,0px), var(--parallax-near-y,0px), 0) scale(1.06)}.studio-background-gradient{z-index:1;background:var(--studio-gradient);opacity:var(--studio-gradient-opacity,.12);pointer-events:none;position:absolute;inset:0}.studio-preview-site>.paper-cutout-backdrop{z-index:2}.studio-preview-site>.studio-preview-head,.studio-preview-site>.studio-frame-flow{z-index:3;position:relative}.studio-preview-site.phone{max-width:365px}.studio-preview-site.phone .studio-frame-flow.free-positioned{grid-template-columns:repeat(12,minmax(0,1fr));gap:9px;padding-top:14px;display:grid;height:auto!important}.studio-preview-site.phone .studio-frame-flow.free-positioned .studio-canvas-frame{grid-column:span 12;width:auto;position:relative;top:auto;left:auto}.studio-preview-head{color:#858a7e;font-family:var(--font-mono);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding-bottom:12px;font-size:7px;display:flex}.studio-preview-head strong{color:#e9ebdf;font-family:var(--font-display);letter-spacing:.1em;font-size:8px}.portfolio-theme-control{flex:0 auto;align-items:center;gap:9px;min-width:0;display:flex}.portfolio-theme-island,.studio-preview-theme-island{-webkit-backdrop-filter:blur(18px)saturate(1.25);background:#0c0e0bd6;border:1px solid #f5f8e929;border-radius:999px;justify-content:center;align-items:center;padding:7px 9px;display:flex;box-shadow:0 12px 32px #00000057,inset 0 1px #ffffff14}.portfolio-theme-island{z-index:120;top:max(10px, env(safe-area-inset-top));width:min(350px,100vw - 20px);position:fixed;left:50%;transform:translate(-50%)}.studio-preview-theme-island{width:min(330px,100% - 16px)}.portfolio-theme-toggle-button{border:1px solid color-mix(in srgb, var(--studio-a,var(--portfolio-accent,var(--green))) 34%, transparent);width:29px;min-width:29px;height:29px;min-height:29px;color:color-mix(in srgb, var(--studio-a,var(--portfolio-accent,var(--green))) 82%, white);background:color-mix(in srgb, var(--studio-a,var(--portfolio-accent,var(--green))) 7%, transparent);cursor:pointer;border-radius:50%;flex:0 0 29px;place-items:center;padding:0;transition:color .18s,border-color .18s,background .18s;display:grid}.portfolio-theme-toggle-button:hover,.portfolio-theme-toggle-button[aria-pressed=true]{border-color:color-mix(in srgb, var(--studio-a,var(--portfolio-accent,var(--green))) 66%, transparent);background:color-mix(in srgb, var(--studio-a,var(--portfolio-accent,var(--green))) 13%, transparent)}.portfolio-theme-toggle-button:focus-visible,.portfolio-theme-seek:focus-visible{outline:2px solid color-mix(in srgb, var(--studio-a,var(--portfolio-accent,var(--green))) 80%, white);outline-offset:3px}.portfolio-theme-toggle-glyph{color:var(--studio-a,var(--portfolio-accent,var(--green)));font-family:var(--font-body);font-size:11px;line-height:1}.portfolio-theme-track-meta{flex:1;gap:5px;min-width:0;display:grid}.portfolio-theme-track-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.portfolio-theme-toggle-title{color:#edf0e5;min-width:0;font-family:var(--font-body);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:8px;overflow:hidden}.portfolio-theme-toggle-duration,.portfolio-theme-current-time{color:#a2a899;font-family:var(--font-mono);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:7px}.portfolio-theme-toggle-state{color:#899080;font-family:var(--font-mono);white-space:nowrap;font-size:6px}.portfolio-theme-seek-row{grid-template-columns:auto minmax(30px,1fr) auto;align-items:center;gap:7px;display:grid}.portfolio-theme-seek{appearance:none;cursor:ew-resize;touch-action:pan-y;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:calc(100% - 7px) 3px;border:0;border-radius:999px;width:100%;height:24px;margin:0}.portfolio-theme-seek::-webkit-slider-runnable-track{appearance:none;background:0 0;border:0;border-radius:999px;height:3px}.portfolio-theme-seek::-webkit-slider-thumb{appearance:none;background:var(--studio-a,var(--portfolio-accent,var(--green)));width:7px;height:7px;box-shadow:0 0 8px color-mix(in srgb, var(--studio-a,var(--portfolio-accent,var(--green))) 55%, transparent);border:1px solid #ffffffa6;border-radius:50%;margin-top:-2px}.portfolio-theme-seek::-moz-range-track{background:0 0;border:0;border-radius:999px;height:3px}.portfolio-theme-seek::-moz-range-thumb{background:var(--studio-a,var(--portfolio-accent,var(--green)));width:6px;height:6px;box-shadow:0 0 8px color-mix(in srgb, var(--studio-a,var(--portfolio-accent,var(--green))) 55%, transparent);border:1px solid #ffffffa6;border-radius:50%}.portfolio-theme-seek:disabled{cursor:not-allowed;opacity:.4}.studio-frame-flow{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:9px;min-height:420px;padding-top:14px;display:grid}.studio-frame-flow.free-positioned{min-height:420px;padding:0;display:block;position:relative}.studio-frame-flow.free-positioned .studio-canvas-frame{top:var(--frame-top);left:var(--frame-left);width:var(--frame-live-width,var(--frame-width));grid-column:auto;margin:0;position:absolute}.studio-frame-flow.is-resizing{-webkit-user-select:none;user-select:none}.studio-canvas-frame{grid-column:span var(--frame-columns,12);touch-action:pan-y;border:1px dashed #f1f3e61f;border-radius:4px;min-width:0;padding:5px 8px 9px;transition:transform .36s cubic-bezier(.16,1,.3,1),border-color .16s,background .16s,opacity .16s;position:relative}.studio-canvas-frame.is-resizing-width,.studio-canvas-frame.is-resizing-height{transition:none!important}.studio-canvas-frame.custom-height{height:var(--frame-live-height,var(--frame-height));flex-direction:column;min-height:120px;display:flex}.studio-canvas-frame.custom-height .studio-frame-content{flex:1;min-height:0;overflow:hidden}.studio-canvas-frame.custom-height .studio-frame-content-scale{min-width:0;transform:scale(var(--frame-fit-scale,1));transform-origin:top}.studio-canvas-frame:hover,.studio-canvas-frame.selected{border-color:color-mix(in srgb, var(--studio-a) 42%, transparent);background:color-mix(in srgb, var(--studio-a) 2%, transparent)}.studio-canvas-frame:after{z-index:2;content:"";background:radial-gradient(circle at 50% 39%, color-mix(in srgb, var(--studio-a) 86%, #f1f3e6b3) 1px, transparent 1.35px), radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--studio-a) 86%, #f1f3e6b3) 1px, transparent 1.35px), radial-gradient(circle at 50% 61%, color-mix(in srgb, var(--studio-a) 86%, #f1f3e6b3) 1px, transparent 1.35px);opacity:.48;pointer-events:auto;cursor:col-resize;touch-action:pan-y;width:18px;height:46px;transition:opacity .16s,filter .16s;position:absolute;top:50%;right:-9px;transform:translateY(-50%)}.studio-canvas-frame:hover:after,.studio-canvas-frame.selected:after{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--studio-a) 75%, transparent));opacity:.95}.studio-frame-height-grip{z-index:3;width:44px;height:18px;box-shadow:none;opacity:.48;cursor:ns-resize;touch-action:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:opacity .16s,filter .16s;display:grid;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.studio-frame-height-grip>span{background:radial-gradient(circle, color-mix(in srgb, var(--studio-a) 86%, #f1f3e6b3) 1px, transparent 1.35px) left center / 4px 3px repeat-x;width:12px;height:3px;display:block}.studio-canvas-frame:hover .studio-frame-height-grip,.studio-canvas-frame.selected .studio-frame-height-grip,.studio-frame-height-grip:focus-visible{filter:drop-shadow(0 0 2px color-mix(in srgb, var(--studio-a) 75%, transparent));opacity:.95}.studio-frame-height-grip:active>span{background-color:color-mix(in srgb, var(--studio-a) 60%, transparent)}.studio-frame-height-grip:focus-visible{outline:0}.studio-frame-height-grip:focus-visible>span{filter:drop-shadow(0 0 3px var(--studio-a))}.studio-canvas-frame.drop-before{border-top:2px solid var(--studio-a)}.studio-canvas-frame.dragging{z-index:6;opacity:.9;transition:none}.studio-canvas-frame.drop-valid{border-color:color-mix(in srgb, var(--studio-a) 74%, transparent)}.studio-canvas-frame.drop-invalid{border-color:#ff5c4acc}.studio-canvas-frame.hidden-frame{opacity:.55}.studio-frame-toolbar{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;min-height:25px;display:flex}.studio-frame-name,.studio-frame-actions{align-items:center;gap:5px;min-width:0;display:flex}.studio-frame-name>span{color:#70766a;font-family:var(--font-mono);font-size:7px}.studio-frame-name strong{color:#8d9385;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;overflow:hidden}.studio-frame-grip{color:#a7ad9b;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:2px;width:23px;height:21px;padding:0;font-size:16px;line-height:1}.studio-frame-grip:hover{color:var(--studio-a);background:color-mix(in srgb, var(--studio-a) 10%, transparent)}.studio-frame-grip:active{cursor:grabbing}.studio-frame-actions{flex:none}.studio-frame-actions button{color:#7d8377;cursor:pointer;background:0 0;border:0;border-radius:2px;width:19px;height:19px;padding:0;font-size:10px}.studio-frame-actions button:hover:not(:disabled){color:var(--studio-a);background:color-mix(in srgb, var(--studio-a) 10%, transparent)}.studio-frame-actions button:disabled{opacity:.25;cursor:default}.studio-frame-actions .delete-frame{color:#b16f51}.studio-frame-content{min-width:0;padding:10px 3px 2px;container:studio-frame/inline-size}.studio-frame-hidden-note{color:#888e81;text-align:center;border:1px dashed #ffffff1c;padding:19px;font-size:9px}.studio-drop-end{color:#646a5f;min-height:24px;font-family:var(--font-mono);text-align:center;font-size:7px}.studio-profile{grid-template-columns:auto 1fr;align-items:center;gap:0 13px;padding:12px 4px 10px;display:grid}.studio-avatar{border:1px solid color-mix(in srgb, var(--studio-a) 60%, transparent);color:#0c1008;background:var(--studio-gradient);width:38px;height:38px;font-family:var(--font-display);border-radius:50%;place-items:center;margin-bottom:13px;font-size:11px;font-weight:800;display:grid}.studio-avatar.has-image{background:#11130f;overflow:hidden}.studio-avatar>img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.studio-profile .studio-avatar{grid-row:span 2;margin:0}.studio-profile h2{color:#f0f0e8;font-family:var(--font-display);letter-spacing:-.07em;margin:0;font-size:clamp(25px,4vw,39px);font-weight:500}.studio-profile p{color:#a1a596;max-width:330px;margin:5px 0 0;font-size:9px;line-height:1.6}.studio-tags{flex-wrap:wrap;grid-column:2;gap:5px;margin-top:11px;display:flex}.studio-tags span{font-family:var(--font-mono);border-radius:3px;padding:5px 7px;font-size:7px}.studio-language-chips{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:5px;min-width:0;margin-top:10px;display:flex}.studio-language-label{color:#7f8677;font-family:var(--font-mono);letter-spacing:.12em;margin-right:2px;font-size:6px}.studio-language-chip,.studio-code-language-list b{border:1px solid color-mix(in srgb, var(--studio-a) 22%, #ffffff1a);color:#c7ceba;background:color-mix(in srgb, var(--studio-a) 5%, #ffffff04);font-family:var(--font-mono);border-radius:999px;padding:4px 7px;font-size:7px;font-weight:400}.studio-section-label{color:#d3d5c9;border-bottom:1px solid #ffffff14;justify-content:space-between;padding-block:8px;font-size:9px;display:flex}.studio-section-label small{color:#7b8174;font-family:var(--font-mono);font-size:7px}.studio-text-frame h3{color:inherit;font-family:var(--font-display);letter-spacing:-.035em;margin:1px 0 7px;font-size:16px;font-weight:500}.studio-text-frame p,.studio-media-frame>p,.studio-album-description{color:#a1a596;white-space:pre-wrap;margin:0;font-size:9px;line-height:1.75}.studio-text-frame p{color:inherit}.studio-media-frame{gap:8px;display:grid}.studio-media-frame>video{object-fit:contain;background:#11130f;border:1px solid #ffffff1f;border-radius:3px;width:100%;max-height:370px;display:block}.studio-media-canvas{isolation:isolate;background:radial-gradient(ellipse at 22% 18%, color-mix(in srgb, var(--studio-a) 24%, transparent), transparent 42%), radial-gradient(ellipse at 79% 77%, color-mix(in srgb, var(--studio-b) 22%, transparent), transparent 46%), linear-gradient(145deg, #ffffff1f, #ffffff06 40%, #060a118a);border:1px solid #e0ecff33;border-radius:9px;place-items:center;min-height:180px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff26,inset 0 0 42px #d3e5ff0e,0 12px 30px #00000029}.studio-media-canvas:before{z-index:0;content:"";background:radial-gradient(ellipse at 28% 32%, color-mix(in srgb, var(--studio-a) 28%, transparent), transparent 38%), radial-gradient(ellipse at 73% 68%, color-mix(in srgb, var(--studio-b) 30%, transparent), transparent 44%);filter:blur(24px);pointer-events:none;position:absolute;inset:-12%}.studio-media-canvas:after{z-index:2;content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(132deg,#ffffff1f,#0000 27% 72%,#ffffff09);position:absolute;inset:0}.studio-media-open{z-index:1;cursor:zoom-in;background:0 0;border:0;place-items:center;width:100%;min-height:180px;padding:0;display:grid;position:relative}.studio-image-canvas{min-height:220px}.studio-image-open{aspect-ratio:16/10;min-height:220px;overflow:visible}.studio-image-shape{aspect-ratio:1.35;background:#ffffff09;width:min(76%,400px);transition:clip-path 1.1s cubic-bezier(.2,.8,.2,1),filter .35s;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.studio-image-shape.shape-frame{aspect-ratio:auto;width:100%;height:100%;top:0;left:0;transform:none}.studio-image-shape.shape-none{aspect-ratio:auto;clip-path:none;background:0 0;width:100%;height:100%;top:0;left:0;overflow:hidden;transform:none}.studio-image-shape.shape-none>img{object-fit:contain}.studio-image-shape.shape-circle{aspect-ratio:1;width:auto;height:min(90%,340px)}.studio-image-shape.shape-droplet{aspect-ratio:.78;width:auto;height:min(90%,310px)}.studio-image-shape.shape-diamond{aspect-ratio:1;width:auto;height:min(86%,320px)}.studio-image-shape.shape-hexagon{aspect-ratio:1.25;width:auto;height:86%}.studio-image-shape.shape-custom{aspect-ratio:1;width:auto;height:min(88%,340px)}.studio-image-shape>img,.studio-image-orb>img{object-fit:cover;object-position:var(--image-pan-x,50%) var(--image-pan-y,50%);width:100%;height:100%;transform:scale(var(--image-zoom,1));transition:object-position .25s,transform .4s;display:block}.studio-image-open:hover .studio-image-shape>img{transform:scale(calc(var(--image-zoom,1) + .025))}.studio-image-canvas[data-image-motion=pan] .studio-image-shape>img,.studio-image-canvas[data-image-motion=pan] .studio-image-orb>img{animation:13s ease-in-out infinite alternate studio-image-pan}.studio-image-canvas[data-image-motion=slow-zoom] .studio-image-shape>img,.studio-image-canvas[data-image-motion=slow-zoom] .studio-image-orb>img{animation:18s ease-in-out infinite alternate studio-image-zoom}.studio-image-open.shape-motion-float{animation:7s ease-in-out infinite studio-image-float}.studio-image-orbs{position:absolute;inset:0}.studio-image-orb{background:#ffffff0a;border:1px solid #f5f8ee47;border-radius:50%;display:block;position:absolute;overflow:hidden;box-shadow:0 12px 32px #0003}.studio-image-orb.orb-large{aspect-ratio:1;width:min(47%,245px);top:46%;left:50%;transform:translate(-50%,-50%)}.studio-image-orb.orb-left{aspect-ratio:1;width:min(28%,150px);top:70%;left:23%;transform:translate(-50%,-50%)}.studio-image-orb.orb-right{aspect-ratio:1;width:min(28%,150px);top:69%;left:77%;transform:translate(-50%,-50%)}.studio-image-open-hint{color:#c5cbbb;font-family:var(--font-mono);letter-spacing:.09em;opacity:.7;background:#080a087a;border:1px solid #ffffff24;border-radius:999px;padding:5px 7px;font-size:6px;transition:opacity .18s,color .18s;position:absolute;bottom:8px;right:10px}.studio-image-open:hover .studio-image-open-hint,.studio-image-open:focus-visible .studio-image-open-hint{color:var(--studio-a);opacity:1}.studio-shape-picks{flex-wrap:wrap;gap:5px;margin-block:7px;display:flex}.studio-shape-picks button{color:#aab09f;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;min-height:27px;padding:4px 7px;font-size:7px}.studio-shape-picks button.active{border-color:color-mix(in srgb, var(--studio-a) 48%, transparent);color:var(--studio-a);background:color-mix(in srgb, var(--studio-a) 8%, transparent)}.studio-shape-picks button:disabled{opacity:.4;cursor:not-allowed}.studio-image-placeholder,.studio-video-placeholder{background:radial-gradient(ellipse at 69% 17%, color-mix(in srgb, var(--studio-a) 22%, transparent), transparent 47%), linear-gradient(145deg, #1e261a, #10120f 72%);text-align:center;border:1px solid #ffffff1c;border-radius:3px;place-content:center;justify-items:center;gap:9px;min-height:175px;display:grid;overflow:hidden}.studio-image-placeholder>span{color:#aab49b;font-family:var(--font-mono);letter-spacing:.13em;font-size:7px}.studio-image-placeholder strong,.studio-video-placeholder strong{color:#d8ddce;font-size:10px;font-weight:500;line-height:1.5}.studio-video-placeholder>span{border:1px solid color-mix(in srgb, var(--studio-a) 42%, transparent);width:36px;height:36px;color:var(--studio-a);border-radius:50%;place-items:center;font-size:15px;display:grid}.studio-model-viewer{background:radial-gradient(ellipse at 50% 18%, color-mix(in srgb, var(--studio-a) 10%, transparent), transparent 48%), radial-gradient(ellipse at 80% 80%, color-mix(in srgb, var(--studio-b) 8%, transparent), transparent 50%), #10120f;border:1px solid #ffffff1f;border-radius:8px;position:relative;overflow:hidden;container-type:inline-size}.studio-model-canvas{touch-action:none;width:100%;height:clamp(210px,32vw,340px);overflow:hidden}.studio-model-canvas canvas{outline:none;width:100%;height:100%;display:block}.studio-model-placeholder{background:radial-gradient(ellipse at 50% 18%, color-mix(in srgb, var(--studio-a) 9%, transparent), transparent 48%), #10120f;text-align:center;border:1px dashed #ffffff21;border-radius:8px;place-content:center;justify-items:center;gap:8px;min-height:210px;padding:18px;display:grid}.studio-model-placeholder>span{color:color-mix(in srgb, var(--studio-a) 75%, #c6cabb);font-family:var(--font-mono);letter-spacing:.16em;font-size:7px}.studio-model-placeholder>strong{color:#d8ddce;font-size:10px;font-weight:500;line-height:1.5}.studio-model-placeholder>small{color:#8c9184;font-size:8px;line-height:1.6}.studio-model-hud{color:#878d80;min-height:31px;font-family:var(--font-mono);letter-spacing:.06em;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;padding:4px 9px;font-size:6px;display:flex}.studio-model-hud button{color:var(--studio-a);font:inherit;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1f;border-radius:3px;padding:4px 6px}.studio-model-hud button:hover{border-color:color-mix(in srgb, var(--studio-a) 50%, transparent)}.studio-model-light-controls{background:#0000001f;border-top:1px solid #ffffff14;grid-template-columns:minmax(56px,1fr) 70px minmax(76px,1fr);align-items:center;gap:7px;padding:8px 9px;display:grid}.studio-model-light-copy{gap:4px;min-width:0;display:grid}.studio-model-light-copy>span,.studio-model-light-height>span{color:#c1c6b9;font-family:var(--font-mono);letter-spacing:.08em;font-size:6px}.studio-model-light-copy>small{color:#777d70;font-family:var(--font-mono);font-size:5px;line-height:1.45}.studio-model-light-pad{border:1px solid color-mix(in srgb, var(--studio-a) 24%, #ffffff1f);background:radial-gradient(circle,#0000 0 31%,#ffffff14 32% 33%,#0000 34% 64%,#ffffff14 65% 66%,#0000 67%),linear-gradient(90deg,#0000 calc(50% - .5px),#ffffff14 calc(50% - .5px) 50%,#0000 50%),linear-gradient(0deg,#0000 calc(50% - .5px),#ffffff14 calc(50% - .5px) 50%,#0000 50%),#ffffff05;border-radius:50%;width:70px;height:70px;position:relative;overflow:hidden}.studio-model-light-center{z-index:0;pointer-events:none;border:1px solid #ffffff75;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.studio-model-light-pad-hitbox{z-index:1;border-radius:inherit;touch-action:none;cursor:crosshair;position:absolute;inset:0}.studio-model-light-dot{z-index:2;cursor:grab;touch-action:none;background:#ffc987;border:1px solid #fff8e8;border-radius:50%;width:13px;height:13px;padding:0;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #ffc98729}.studio-model-light-dot:active{cursor:grabbing}.studio-model-light-dot:focus-visible{outline:2px solid var(--studio-a);outline-offset:3px}.studio-model-light-height{grid-template-columns:1fr auto;align-items:center;gap:6px 4px;min-width:0;display:grid}.studio-model-light-height>output{color:#c9cabc;font-family:var(--font-mono);font-size:7px}.studio-model-light-height>input{width:100%;accent-color:var(--studio-a);cursor:ew-resize;grid-column:1/-1;margin:0}@container (max-width:340px){.studio-model-light-controls{grid-template-columns:minmax(0,1fr) 64px;grid-template-areas:"copy pad""height height";gap:8px}.studio-model-light-copy{grid-area:copy}.studio-model-light-pad{grid-area:pad;width:64px;height:64px}.studio-model-light-height{grid-area:height;grid-template-columns:auto minmax(0,1fr) auto;gap:6px}.studio-model-light-height>span{grid-area:1/1}.studio-model-light-height>input{grid-area:1/2}.studio-model-light-height>output{grid-area:1/3}}.studio-model-status{color:#888e81;min-height:27px;font-family:var(--font-mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:5px 12px;padding:6px 9px;font-size:6px;display:flex}.studio-model-error{z-index:2;color:#e1b29a;background:#140e0bf0;border:1px solid #c6511252;border-radius:4px;padding:9px 11px;font-size:8px;line-height:1.5;position:absolute;bottom:65px;left:10px;right:10px}.studio-sample-contributions{margin-top:2px}.studio-contribution{color:#e0e2d5;border-bottom:1px solid #ffffff0f;grid-template-columns:53px 1fr auto;align-items:center;gap:9px;padding-block:9px;font-size:8px;display:grid}.studio-game-cover{background:linear-gradient(120deg,#8a6e4c,#33392b 50%,#171c18);height:33px;position:relative;overflow:hidden}.studio-game-cover img{object-fit:cover}.studio-game-cover>span{color:#a3a894;height:100%;font-family:var(--font-mono);place-items:center;font-size:6px;display:grid}.studio-contribution small{color:#838879;margin-top:3px;font-size:7px;display:block}.studio-contribution>span:last-child{color:var(--studio-a);font-family:var(--font-mono);font-size:7px}.studio-contribution .studio-contribution-stats{text-align:right;white-space:nowrap}.studio-contribution .studio-contribution-stats small{color:#a6ad99;font-size:6px}.studio-game-data-note{color:#838879;font-family:var(--font-mono);letter-spacing:.08em;padding:12px 4px;font-size:6px}@container studio-frame (max-width:360px){.studio-profile h2{overflow-wrap:anywhere;font-size:clamp(18px,6cqi,39px)}.studio-contribution{grid-template-columns:clamp(34px,16cqi,53px) minmax(0,1fr) auto;gap:clamp(4px,2.5cqi,9px)}.studio-section-label{flex-wrap:wrap;align-items:flex-start;gap:4px 8px}}@container studio-frame (max-width:220px){.studio-profile{grid-template-columns:1fr;gap:7px;padding-inline:0}.studio-profile .studio-avatar{grid-row:auto}.studio-profile .studio-tags,.studio-language-chips{grid-column:1}.studio-profile .studio-tags{margin-top:2px}.studio-profile h2{font-size:clamp(16px,9cqi,24px)}.studio-contribution{grid-template-columns:clamp(28px,18cqi,38px) minmax(0,1fr);gap:5px;font-size:7px}.studio-game-cover{height:clamp(24px,16cqi,33px)}.studio-contribution>span:last-child{white-space:normal;grid-column:2;justify-self:start;margin-top:-3px;line-height:1.4}.studio-contribution .studio-contribution-stats{text-align:left;grid-column:2;gap:9px;display:flex}.studio-contribution small{overflow-wrap:anywhere;font-size:6px}.studio-section-label{flex-direction:column;gap:4px}.studio-section-label small{font-size:6px}.studio-text-frame h3{overflow-wrap:anywhere;font-size:clamp(12px,7cqi,16px)}.studio-text-frame p{overflow-wrap:anywhere}}.studio-time-preview{border:1px solid var(--line);color:#dfe1d5;font-family:var(--font-mono);justify-content:space-between;align-items:center;padding:10px 12px;font-size:8px;display:flex}.studio-time-preview span{color:#868c7f}.studio-time-preview strong{color:var(--studio-a);font-size:12px;font-weight:400}.studio-contact-frame{flex-wrap:wrap;gap:7px;display:flex}.studio-contact-frame>a,.studio-contact-frame>.studio-social-link{color:#b5baaa;font-family:var(--font-mono);background:#ffffff05;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:7px;padding:8px 10px;font-size:7px;display:inline-flex}.studio-contact-frame>a:hover{border-color:color-mix(in srgb, var(--studio-a) 40%, transparent);color:var(--studio-a)}.studio-social-mark{border:1px solid color-mix(in srgb, var(--studio-a) 34%, transparent);width:16px;height:16px;color:var(--studio-a);font-family:var(--font-display);letter-spacing:-.05em;border-radius:50%;place-items:center;font-size:8px;font-weight:700;display:inline-grid}.studio-code-library{gap:10px;min-width:0;padding-top:17px;display:grid}.studio-code-library-head{background:linear-gradient(140deg, color-mix(in srgb, var(--studio-a) 7%, transparent), #ffffff05);border:1px solid #ffffff1a;border-radius:4px;justify-content:space-between;align-items:end;gap:12px;padding:15px;display:flex}.studio-code-library-head>div>span,.studio-code-sample header>div>span{color:#858c7d;font-family:var(--font-mono);letter-spacing:.12em;font-size:7px}.studio-code-library-head h2{color:#e2e6d8;font-family:var(--font-display);letter-spacing:-.045em;margin:7px 0 0;font-size:clamp(18px,3vw,25px);font-weight:500}.studio-code-library-head p{color:#969d89;margin:6px 0 0;font-size:9px;line-height:1.6}.studio-code-library-head>small{color:var(--studio-a);font-family:var(--font-mono);flex:none;font-size:7px}.studio-code-language-list{flex-wrap:wrap;align-items:center;gap:5px;padding:2px 1px;display:flex}.studio-code-language-list>span{color:#7f8677;font-family:var(--font-mono);letter-spacing:.12em;margin-right:3px;font-size:6px}.studio-code-samples{gap:10px;min-width:0;display:grid}.studio-code-sample{background:#090b089e;border:1px solid #ffffff1a;border-radius:4px;min-width:0;overflow:hidden;box-shadow:0 9px 23px #0000001f}.studio-code-sample>header{background:linear-gradient(110deg,#ffffff09,#0000);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:11px 13px;display:flex}.studio-code-sample>header>div{min-width:0}.studio-code-sample h3{color:#dce1d2;text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:10px;font-weight:500;overflow:hidden}.studio-code-sample>header>b{border:1px solid color-mix(in srgb, var(--studio-a) 24%, #ffffff1f);color:var(--studio-a);background:color-mix(in srgb, var(--studio-a) 5%, transparent);font-family:var(--font-mono);border-radius:3px;flex:none;padding:4px 7px;font-size:7px;font-weight:400}.studio-code-sample pre{color:#d5ddc8;max-width:100%;max-height:520px;font-family:var(--font-mono);tab-size:4;scrollbar-color:#4d5840 transparent;scrollbar-width:thin;background:#00000061;margin:0;padding:14px;font-size:10px;line-height:1.75;overflow:auto}.studio-code-sample code{color:inherit;font:inherit;white-space:pre}.studio-code-empty{color:#7e8774;white-space:normal;font-style:italic}.studio-code-empty-panel{color:#858c7e;background:#090b0857;border:1px dashed #ffffff21;border-radius:4px;padding:17px;font-size:9px}.studio-album{min-width:0}.studio-album-heading{color:#d8dccd;font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;margin-bottom:7px;font-size:7px;display:flex}.studio-album-heading small{color:#7e8577;font-size:6px}.studio-album-empty{color:#888e81;border:1px dashed #ffffff21;place-items:center;min-height:115px;font-size:9px;display:grid}.studio-album-description{margin-top:9px}.studio-album-shelf{scroll-snap-type:x mandatory;scrollbar-color:#586147 transparent;scrollbar-width:thin;border-bottom:7px solid #333629;border-radius:2px;align-items:end;gap:8px;min-height:153px;padding:9px 7px 8px;display:flex;overflow-x:auto}.studio-album-book{cursor:pointer;scroll-snap-align:center;background:#171a14;border:1px solid #f1f3e629;border-radius:2px 4px 4px 2px;flex:0 0 78px;height:130px;padding:0;transition:transform .18s,border-color .18s;position:relative;overflow:hidden}.studio-album-book:hover,.studio-album-book.active{border-color:color-mix(in srgb, var(--studio-a) 64%, transparent);transform:translateY(-5px)}.studio-album-art{background:linear-gradient(145deg,#72805b,#283326 66%,#111712);place-items:end start;width:100%;height:100%;padding:8px;display:grid;position:relative;overflow:hidden}.studio-album-art:before{content:"";background:radial-gradient(at 70% 21%,#dcd09e94,#0000 24%),linear-gradient(150deg,#0000 48%,#00000073);position:absolute;inset:0}.studio-album-art.cover-1{background:linear-gradient(145deg,#997153,#554233 55%,#181815)}.studio-album-art.cover-2{background:linear-gradient(145deg,#a8583e,#552e2d 57%,#191618)}.studio-album-art.cover-3{background:linear-gradient(145deg,#657c7a,#334a47 57%,#131a19)}.studio-album-art.cover-4{background:linear-gradient(145deg,#787052,#454632 57%,#181a14)}.studio-album-art>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.studio-album-art>span{z-index:1;color:#f7f6e8e6;font-family:var(--font-display);text-align:left;text-shadow:0 1px 7px #0000008c;font-size:8px;font-weight:600;line-height:1.25;position:relative}.studio-album-caption{color:#d5d9ca;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:8px;display:flex}.studio-album-caption>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-album-caption span{color:#858b7d;font-family:var(--font-mono);font-size:7px}.studio-album-caption button{color:#abb29e;font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1c;border-radius:3px;flex:none;padding:4px 6px;font-size:6px}.studio-album-caption button:hover:not(:disabled){border-color:color-mix(in srgb, var(--studio-a) 45%, transparent);color:var(--studio-a)}.studio-album-caption button:disabled{opacity:.45;cursor:not-allowed}.studio-album-orbit-scene{perspective:760px;height:208px;position:relative;overflow:hidden}.studio-album-orbit-ring{border:1px solid color-mix(in srgb, var(--studio-a) 24%, transparent);border-radius:50%;width:92%;height:48%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)rotateX(62deg)}.studio-album-orbit-card{z-index:1;cursor:pointer;background:#12140f;border:1px solid #f1f3e624;border-radius:3px;width:34%;height:158px;padding:0;transition:transform .24s,opacity .24s;position:absolute;top:16px;left:50%;overflow:hidden;box-shadow:0 14px 28px #00000059}.studio-album-orbit-card .studio-album-art>span{font-size:9px}.studio-album-orbit-card.left{z-index:1;opacity:.68;transform:translate(-132%)rotateY(36deg)scale(.78)}.studio-album-orbit-card.center{z-index:3;transform:translate(-50%)translateZ(20px)}.studio-album-orbit-card.right{z-index:1;opacity:.68;transform:translate(32%)rotateY(-36deg)scale(.78)}.studio-album-orbit-card.active{border-color:color-mix(in srgb, var(--studio-a) 64%, transparent)}.studio-album-orbit-controls{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:5px;left:4px;right:4px}.studio-album-orbit-controls button{width:25px;height:25px;color:var(--studio-a);cursor:pointer;pointer-events:auto;background:#090a08e0;border:1px solid #ffffff26;border-radius:50%}.studio-album-orbit-controls span{color:#8d9385;font-family:var(--font-mono);font-size:7px}.studio-album-filmstrip{scroll-snap-type:x mandatory;scrollbar-color:#586147 transparent;scrollbar-width:thin;gap:8px;padding:3px 2px 9px;display:flex;overflow-x:auto}.studio-film-frame{color:#b9beaf;text-align:left;cursor:pointer;scroll-snap-align:start;background:#ffffff06;border:1px solid #ffffff1f;border-radius:3px;flex:0 0 31%;gap:5px;padding:4px;display:grid}.studio-film-frame .studio-album-art{aspect-ratio:1.12}.studio-film-frame .studio-album-art>span{font-size:7px}.studio-film-frame>span{text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.studio-inspector{border-left:1px solid var(--line);background:#0e100cb8;min-width:0;max-height:calc(100vh - 65px);padding:22px 16px;overflow-y:auto}.inspector-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.inspector-head h2{color:#e2e4d9;font-family:var(--font-display);margin:0;font-size:13px;font-weight:600}.inspector-head span{color:#828779;font-family:var(--font-mono);font-size:7px}.inspector-group{border-top:1px solid var(--line);min-width:0;padding-block:15px}.inspector-label{color:#e0e1d7;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:9px;font-weight:500;display:flex}.inspector-label small{color:#7e8377;font-family:var(--font-mono);font-size:7px;font-weight:400}.input-label{color:#898e80;font-family:var(--font-mono);letter-spacing:.07em;margin-bottom:5px;font-size:7px;display:block}.studio-text-input,.studio-select{color:#dfe1d5;background:#11130f;border:1px solid #f4f5e81f;border-radius:3px;width:100%;height:34px;padding:0 9px;font-size:9px}.studio-textarea{resize:vertical;height:92px;padding:8px 9px;line-height:1.55}.studio-file-input{color:#9ba191;width:100%;margin:0 0 11px;font-size:8px;display:block}.studio-file-input::file-selector-button{min-height:29px;color:var(--green);font:inherit;cursor:pointer;background:#b7ff000f;border:1px solid #b7ff003d;border-radius:3px;margin-right:8px;padding:0 9px}.profile-avatar-remove{color:#b8bbad;text-align:left;cursor:pointer;background:0 0;border:0;margin:-3px 0 10px;padding:4px 0;font-size:8px}.profile-avatar-remove:hover{color:var(--green)}.studio-text-input+.input-label,.studio-select+.input-label{margin-top:11px}.section-order-list{gap:5px;display:grid}.section-order-item{color:#b8bbae;background:#ffffff06;border:1px solid #f4f5e814;border-radius:3px;justify-content:space-between;align-items:center;gap:4px;min-width:0;min-height:33px;padding:3px 4px;font-size:8px;display:flex}.section-order-item.selected{background:#b7ff000b;border-color:#b7ff0040}.section-order-select{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:7px;padding:4px 2px;display:flex}.section-order-select span:first-child{color:#73796d;font-family:var(--font-mono);font-size:7px}.section-order-select span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.section-order-actions{gap:2px;display:flex}.section-order-actions button{color:#9ea394;cursor:pointer;background:0 0;border:0;border-radius:2px;width:20px;height:21px}.section-order-actions button:hover:not(:disabled){color:var(--green);background:#b7ff0014}.section-order-actions button:disabled{opacity:.27;cursor:default}.profile-tag-editor{border-top:1px solid #ffffff14;margin-top:15px;padding-top:12px}.profile-tag-list{gap:5px;display:grid}.profile-tag-row{grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:5px;min-width:0;display:grid}.profile-tag-row button{color:#bd795b;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;width:28px;height:28px}.profile-tag-row button:hover{background:#c6511214;border-color:#c6511261}.profile-tag-add{color:#aeb4a1;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;width:100%;min-height:29px;margin-top:6px;font-size:8px}.profile-tag-add:hover:not(:disabled){border-color:color-mix(in srgb, var(--studio-a) 36%, transparent);color:var(--studio-a);background:color-mix(in srgb, var(--studio-a) 5%, transparent)}.profile-tag-add:disabled{opacity:.35;cursor:default}.profile-tag-style{margin-top:14px}.profile-tag-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.profile-tag-colors .studio-swatch{gap:4px;padding:6px 5px}.profile-tag-colors .studio-swatch span{font-size:6px}.studio-social-editor-list,.studio-audio-editor-list,.studio-sound-bindings,.studio-language-editor-list,.studio-code-editor-list{gap:6px;display:grid}.studio-language-editor-row{grid-template-columns:minmax(0,1fr) 27px;align-items:center;gap:5px;min-width:0;display:grid}.studio-language-editor-row>button,.studio-code-editor-heading>button{color:#bd795b;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;width:27px;height:28px}.studio-code-editor-list{margin-top:8px}.studio-code-editor-row{background:#ffffff05;border:1px solid #ffffff14;border-radius:3px;gap:5px;min-width:0;padding:8px;display:grid}.studio-code-editor-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.studio-code-editor-heading>span{color:#9ba38f;font-family:var(--font-mono);letter-spacing:.1em;font-size:6px}.studio-code-editor-heading>button{width:24px;height:24px}.studio-code-editor-row .input-label{margin-top:2px}.studio-code-textarea{resize:vertical;color:#c9d1bd;min-height:140px;font-family:var(--font-mono);tab-size:4;white-space:pre;overflow-wrap:normal;padding:8px;font-size:8px;line-height:1.6}.studio-code-character-count{color:#737b6c;font-family:var(--font-mono);text-align:right;font-size:6px}.studio-social-editor-row{grid-template-columns:minmax(78px,.85fr) minmax(0,1.25fr) 27px;align-items:center;gap:4px;min-width:0;display:grid}.studio-social-editor-row .studio-select{min-width:0;padding-inline:5px;font-size:8px}.studio-social-editor-row .studio-text-input{min-width:0;padding-inline:6px;font-size:8px}.studio-social-editor-row>button,.studio-audio-editor-row>button{color:#bd795b;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;width:27px;height:28px}.studio-audio-editor-list{margin-top:7px}.studio-audio-editor-row{background:#ffffff05;border:1px solid #ffffff14;border-radius:3px;grid-template-columns:minmax(0,1fr) 27px;align-items:center;gap:5px;min-width:0;padding:6px;display:grid}.studio-audio-editor-row .studio-text-input{min-width:0;height:30px;font-size:8px}.studio-audio-editor-row audio{grid-column:1/-1;width:100%;height:31px}.studio-audio-editor-row small{color:#828879;font-size:7px}.studio-sound-bindings{border-top:1px solid #ffffff14;margin-top:14px;padding-top:11px}.studio-sound-binding-row{grid-template-columns:minmax(78px,1fr) minmax(72px,1.15fr) 25px;align-items:center;gap:4px;display:grid}.studio-sound-binding-row label{color:#aeb4a2;font-size:7px;line-height:1.35}.studio-sound-binding-row .studio-select{min-width:0;height:30px;padding-inline:5px;font-size:7px}.studio-sound-binding-row>button{width:25px;height:27px;color:var(--studio-a);cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px}.studio-sound-binding-row>button:disabled{opacity:.35;cursor:default}.studio-image-lightbox{z-index:1000;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#030403fa;place-items:center;padding:36px;display:grid;position:fixed;inset:0}.studio-image-lightbox.effect-none{animation:none}.studio-image-lightbox figure{justify-items:center;gap:11px;max-width:100%;max-height:100%;margin:0;display:grid}.studio-lightbox-camera{transform-style:preserve-3d}.studio-image-lightbox.from-image{perspective:1100px}.studio-image-lightbox.from-image .studio-lightbox-image img.studio-image-source-motion{will-change:transform, clip-path, filter, opacity;transform-origin:50%}.studio-image-lightbox.effect-none .studio-lightbox-camera{animation:none}.studio-image-lightbox.effect-zoom .studio-lightbox-camera{animation:.72s cubic-bezier(.16,1,.3,1) both studio-camera-zoom}.studio-image-lightbox.effect-warp .studio-lightbox-camera{animation:.9s cubic-bezier(.16,1,.3,1) both studio-camera-warp}.studio-image-lightbox.effect-camera-spin{perspective:1100px}.studio-image-lightbox.effect-camera-spin .studio-lightbox-camera{animation:.92s cubic-bezier(.16,1,.3,1) both studio-camera-spin}.studio-image-lightbox.from-image .studio-lightbox-camera{animation:none!important}.studio-lightbox-image{place-items:center;max-width:min(92vw,1200px);max-height:calc(100vh - 108px);display:grid;position:relative}.studio-lightbox-image img{box-sizing:border-box;object-fit:contain;border:1px solid #ffffff26;border-radius:5px;width:100%;max-width:100%;height:100%;max-height:100%;display:block;box-shadow:0 25px 80px #00000080}.studio-image-lightbox figcaption{color:#c3c9b9;font-size:9px}.studio-image-lightbox-close{z-index:2;color:#e4e8dc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid;position:absolute;top:18px;right:20px}@keyframes studio-camera-zoom{0%{opacity:.3;transform:perspective(1000px)translateZ(-360px)scale(.62)}to{opacity:1;transform:perspective(1000px)translateZ(0)scale(1)}}@keyframes studio-camera-warp{0%{filter:blur(13px)saturate(1.3);opacity:.15;transform:perspective(900px)translateZ(-760px)scale(.16)}to{filter:blur()saturate();opacity:1;transform:perspective(900px)translateZ(0)scale(1)}}@keyframes studio-camera-spin{0%{opacity:.2;transform:perspective(1100px)translateZ(-620px)rotateY(66deg)rotateX(-18deg)scale(.42)}to{opacity:1;transform:perspective(1100px)translateZ(0)rotateY(0)rotateX(0)scale(1)}}@keyframes studio-image-float{0%,to{transform:translate(0,0)}50%{transform:translateY(-7px)}}@keyframes studio-image-pan{0%{object-position:calc(var(--image-pan-x,50%) - 8%) calc(var(--image-pan-y,50%) - 5%)}to{object-position:calc(var(--image-pan-x,50%) + 8%) calc(var(--image-pan-y,50%) + 5%)}}@keyframes studio-image-zoom{0%{transform:scale(var(--image-zoom,1))}to{transform:scale(calc(var(--image-zoom,1) + .08))}}.frame-width-presets{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:8px;display:grid}.frame-width-presets button{color:#a7ad9b;cursor:pointer;background:#ffffff06;border:1px solid #f4f5e81a;border-radius:3px;min-height:28px;font-size:8px}.frame-width-presets button:hover,.frame-width-presets button.active{color:var(--green);background:#b7ff0012;border-color:#b7ff0059}.add-frame-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.add-frame-grid button{color:#b9beaf;text-align:left;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:6px;min-height:34px;padding:5px 7px;font-size:8px;display:flex}.add-frame-grid button:hover{color:var(--green);background:#b7ff000b;border-color:#b7ff0059}.add-frame-grid button span{width:16px;color:var(--green);font-family:var(--font-mono);text-align:center;font-size:11px}.album-photo-list{gap:4px;max-height:150px;margin-block:9px;display:grid;overflow:auto}.album-photo-list>div{color:#aab09f;border:1px solid #ffffff14;border-radius:2px;justify-content:space-between;align-items:center;gap:6px;padding:4px 6px;font-size:8px;display:flex}.album-photo-list>div span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.album-photo-list button{color:#bd795b;cursor:pointer;background:0 0;border:0;width:20px;height:20px}.text-style-controls{border-top:1px solid #ffffff14;margin-top:15px;padding-top:12px}.text-style-controls>.studio-swatch{margin-top:6px}.background-layer-list{gap:6px;margin-top:8px;display:grid}.background-layer-row{background:#ffffff06;border:1px solid #f4f5e817;border-radius:3px;min-width:0;padding:8px 12px 8px 8px}.background-layer-row .range-line{width:calc(100% - 12px);max-width:calc(100% - 12px);margin-right:12px;display:block}.background-layer-heading{color:#c3c7b8;justify-content:space-between;align-items:center;gap:5px;min-width:0;margin-bottom:8px;font-size:8px;display:flex}.background-layer-heading>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.background-layer-heading>div{flex:none;gap:2px;display:flex}.background-layer-heading button{color:#9ea394;cursor:pointer;background:0 0;border:0;border-radius:2px;width:19px;height:20px;font-size:9px}.background-layer-heading button:hover:not(:disabled){color:var(--green);background:#b7ff0014}.background-layer-heading button:disabled{opacity:.28;cursor:default}.background-layer-heading button.background-remove{color:#c87c5b}.upload-note{color:#b3ce79;margin:8px 0 0;font-size:8px;line-height:1.5}.remove-frame-button{color:#d18c68;cursor:pointer;background:#c6511209;border:1px solid #c6511240;border-radius:3px;width:100%;min-height:30px;margin-top:12px;font-size:8px}.toggle-row{color:#aeb2a5;justify-content:space-between;align-items:center;gap:8px;margin-top:9px;font-size:8px;display:flex}.toggle-row input{accent-color:var(--green)}.swatch-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.studio-swatch{background:#11130f;border:1px solid #ffffff1a;border-radius:3px;align-items:center;gap:6px;min-width:0;padding:7px;display:flex}.studio-swatch input{cursor:pointer;background:0 0;border:0;border-radius:50%;width:16px;height:16px;padding:0;overflow:hidden}.studio-swatch input::-webkit-color-swatch-wrapper{padding:0}.studio-swatch input::-webkit-color-swatch{border:1px solid #fff3;border-radius:50%}.studio-swatch span{color:#b7baaf;font-family:var(--font-mono);text-overflow:ellipsis;font-size:7px;overflow:hidden}.gradient-stop-heading{margin-top:10px}.gradient-stop-list{gap:5px;display:grid}.gradient-stop-row{grid-template-columns:minmax(0,1fr) 30px;align-items:center;gap:5px;display:grid}.gradient-stop-row.fixed{grid-template-columns:minmax(0,1fr)}.gradient-stop-row .studio-swatch{min-height:31px;padding:5px 7px}.gradient-stop-row>button{color:#bd795b;cursor:pointer;background:#ffffff06;border:1px solid #ffffff1a;border-radius:3px;width:30px;height:31px}.gradient-stop-row>button:disabled{opacity:.3;cursor:default}.backlight-swatch{margin-top:9px}.slider-block{margin-top:14px}.range-line{width:100%;accent-color:var(--green)}.direction-buttons{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.direction-buttons button{color:#9ea294;cursor:pointer;background:#11130f;border:1px solid #ffffff1c;border-radius:3px;min-height:28px;font-size:8px}.direction-buttons button.active{color:var(--green);background:#b7ff0012;border-color:#b7ff006e}.inspector-note{color:#8a8f82;align-items:start;gap:7px;margin-top:12px;font-size:8px;line-height:1.55;display:flex}.inspector-note b{color:var(--orange);font-weight:500}.studio-save-row{gap:7px;margin-top:18px;display:flex}.studio-save-row button{min-height:33px;color:var(--green);cursor:pointer;background:#b7ff000d;border:1px solid #b7ff0045;border-radius:3px;flex:1;padding:0 8px;font-size:8px}.studio-save-row button:hover{background:#b7ff001f}.studio-save-row button.secondary{border-color:var(--line);color:#a2a699;background:0 0}.studio-save-status{color:#8eaa60;min-height:14px;font-family:var(--font-mono);margin-top:7px;font-size:7px}.portfolio-page{--portfolio-accent:#b7ff00;--portfolio-orange:#c65112;--backlight-color:#b7ff00;--backlight-strength:.52;background:radial-gradient(at 88% 4%,#b7ff0009,#0000 35%),#090a08}.not-found-card{color:#999d8e;min-height:100vh;font-family:var(--font-mono);letter-spacing:.12em;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:9px;display:flex}.not-found-card a:last-child{color:var(--green);font-family:var(--font-body);letter-spacing:0;font-size:11px}.portfolio-shell{z-index:1;width:min(1100px,100% - 56px);margin-inline:auto;position:relative}.paper-cutout-portfolio-page{z-index:0}.paper-cutout-portfolio-page .paper-cutout-svg{opacity:.24}.portfolio-header{border-bottom:1px solid var(--line);color:#a5a99b;justify-content:space-between;align-items:center;min-height:66px;font-size:10px;display:flex}.portfolio-brand{color:#e9ebdf}.portfolio-header a:hover{color:var(--portfolio-accent)}.portfolio-header-nav{gap:22px;display:flex}.portfolio-home-link{color:var(--portfolio-accent)}.portfolio-hero{isolation:isolate;grid-template-columns:1.2fr .8fr;align-items:end;gap:20px;min-height:310px;padding-block:65px 30px;display:grid;position:relative}.portfolio-hero>.paper-cutout-backdrop{z-index:0}.portfolio-identity,.portfolio-meta{z-index:1;position:relative}.portfolio-hero:before{z-index:-1;content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--backlight-color) 10%, transparent), transparent 69%);filter:blur(12px);border-radius:50%;width:460px;height:220px;position:absolute;top:35px;left:-150px}.portfolio-identity{align-items:center;gap:19px;display:flex}.portfolio-avatar{color:#13160d;width:78px;height:78px;font-family:var(--font-display);background:radial-gradient(circle at 35% 20%,#f2ffc8,#b7ff00 54%,#587c20);border:1px solid #b7ff0075;border-radius:50%;place-items:center;font-size:17px;font-weight:800;display:grid;box-shadow:0 0 36px #b7ff001f}.portfolio-identity h1{color:#f2f1e9;font-family:var(--font-display);letter-spacing:-.075em;margin:0;font-size:clamp(35px,5.1vw,62px);font-weight:500;line-height:1}.portfolio-identity p{color:#a1a596;margin:8px 0 0;font-size:11px}.portfolio-meta{justify-content:flex-end;align-items:end;gap:17px;display:flex}.portfolio-clock{border-left:1px solid var(--line);min-width:123px;padding-left:14px}.portfolio-clock span,.portfolio-clock small{color:#818679;font-family:var(--font-mono);letter-spacing:.1em;font-size:7px;display:block}.portfolio-clock strong{color:#e6e9dc;font-family:var(--font-mono);margin-block:4px 3px;font-size:20px;font-weight:400;display:block}.portfolio-clock small{color:var(--portfolio-accent);letter-spacing:.02em}.portfolio-availability{color:#bde36d;font-family:var(--font-mono);letter-spacing:.06em;white-space:nowrap;border:1px solid #b7ff003b;border-radius:3px;padding:8px 10px;font-size:7px}.portfolio-availability i{background:var(--portfolio-accent);border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.portfolio-about{border-bottom:1px solid var(--line);grid-template-columns:.45fr 1.55fr;gap:34px;padding-block:43px;display:grid}.portfolio-section-kicker{color:#7f8578;font-family:var(--font-mono);letter-spacing:.11em;font-size:8px}.portfolio-about p{color:#c0c3b8;max-width:610px;margin:0;font-size:13px;line-height:1.8}.portfolio-about p em{color:var(--portfolio-accent);font-style:normal}.portfolio-work{padding-block:40px}.portfolio-section-heading{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.portfolio-section-heading h2{font-family:var(--font-display);letter-spacing:-.04em;margin:5px 0 0;font-size:21px;font-weight:500}.portfolio-section-heading>span{color:#74796e;font-family:var(--font-mono);letter-spacing:.1em;font-size:7px}.portfolio-project{min-width:0}.portfolio-project-art{isolation:isolate;background:#10120f;border:1px solid #f0f1e321;border-radius:4px;height:220px;position:relative;overflow:hidden}.portfolio-project-art.blue-model-art{background:linear-gradient(145deg,#183452,#081321);border-color:#6094cd5c}.portfolio-project-art.blue-model-art:before{background:linear-gradient(#0000 45%,#00000047),linear-gradient(135deg,#3066a424,#07111f0f)}.portfolio-project-art:before{z-index:1;content:"";pointer-events:none;background:linear-gradient(#0000 45%,#00000047);position:absolute;inset:0}.portfolio-project-image{z-index:0;object-fit:cover}.portfolio-project-art span{z-index:2;color:#f6f4e6c7;font-family:var(--font-mono);letter-spacing:.09em;font-size:7px;position:absolute;top:11px;left:11px}.portfolio-project-details{justify-content:space-between;align-items:start;gap:10px;padding-top:10px;display:flex}.portfolio-project-details h3{color:#e4e6da;margin:0;font-size:10px;font-weight:600}.portfolio-project-details p{color:#83897c;margin:4px 0 0;font-size:8px}.portfolio-project-details>span{color:#7e8377;font-family:var(--font-mono);white-space:nowrap;font-size:7px}.contribution-cards{grid-template-columns:1fr 1fr;gap:11px;display:grid}.contribution-card{background:#10120f;border:1px solid #eff0e221;border-radius:5px;transition:transform .2s,border-color .2s;display:block;overflow:hidden}.contribution-card[href]:hover{border-color:#b7ff0057;transform:translateY(-2px)}.contribution-card[href]:focus-visible{outline:2px solid var(--portfolio-accent);outline-offset:3px}.contribution-art{background:linear-gradient(148deg,#ac7049 0%,#5d5740 43%,#1c2924 100%);height:158px;position:relative;overflow:hidden}.contribution-art:before{content:"";opacity:.65;background:repeating-linear-gradient(93deg,#0000 0 32px,#eee1c42e 33px 35px,#0000 36px 55px);position:absolute;inset:0}.contribution-art:after{content:"";background:linear-gradient(145deg,#be8f5ddb,#5d4e36f5);border:1px solid #f4ead06b;width:44%;height:121px;position:absolute;bottom:-60px;right:10%;transform:skewY(-8deg);box-shadow:-102px 28px 0 -17px #273127e6}.contribution-art.roblox{background:linear-gradient(110deg,#8d5441,#323b36 55%,#17221e)}.contribution-art.roblox:after{background:linear-gradient(130deg,#c08a53,#786047);width:31%;height:80%;bottom:-22px;right:8%;transform:skewY(-2deg);box-shadow:-150px 48px 0 -24px #485141,-220px 59px 0 -26px #28382e}.contribution-art .platform-label{z-index:2;color:#ffffff6b;font-family:var(--font-display);letter-spacing:-.09em;font-size:46px;font-weight:800;position:absolute;bottom:8px;left:13px}.contribution-art.archived{background:linear-gradient(150deg,#ba8f92,#596778 55%,#202b34)}.contribution-art.archived>img{z-index:0;object-fit:cover}.contribution-art.archived:before{z-index:1;pointer-events:none;background:linear-gradient(#0000 36%,#0006)}.contribution-art.archived:after{display:none}.contribution-art.contribution-game-art{background:linear-gradient(145deg,#283339,#111714)}.contribution-art.contribution-game-art:before{z-index:1;opacity:1;pointer-events:none;background:linear-gradient(#0000 28%,#0000009e)}.contribution-art.contribution-game-art:after{display:none}.contribution-game-thumbnail{z-index:0;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.contribution-card[href]:hover .contribution-game-thumbnail{transform:scale(1.035)}.contribution-thumbnail-unavailable{z-index:0;color:#899084;font-family:var(--font-mono);letter-spacing:.12em;place-items:center;font-size:7px;display:grid;position:absolute;inset:0}.contribution-card-info{justify-content:space-between;align-items:center;gap:10px;padding:12px 13px;display:flex}.contribution-card-info h3{color:#e4e5db;margin:0;font-size:11px;font-weight:600}.contribution-card-info p{color:#7f857a;margin:4px 0 0;font-size:8px}.contribution-game-stats{color:#92978a;font-family:var(--font-mono);grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;padding:0 13px 12px;display:grid}.contribution-game-stats>span{gap:3px;display:grid}.contribution-game-stats small{color:#7f8877;letter-spacing:.12em;font-size:6px}.contribution-game-stats strong{color:#dce2d1;font-size:9px;font-weight:500}.contribution-game-stats time,.contribution-data-unavailable{color:#727a6e;letter-spacing:.06em;white-space:nowrap;justify-self:end;font-size:6px}.contribution-open{color:var(--portfolio-accent);font-family:var(--font-mono);letter-spacing:.08em;flex:none;font-size:7px}.portfolio-links{flex-wrap:wrap;gap:9px;padding-block:0 45px;display:flex}.portfolio-social-button{border:1px solid var(--line);color:#c2c5b9;cursor:pointer;background:#ffffff06;border-radius:3px;align-items:center;gap:9px;padding:10px 12px;font-size:9px;display:inline-flex}.portfolio-social-button:hover{color:var(--portfolio-accent);border-color:#b7ff0066}.portfolio-social-button span{color:var(--portfolio-orange)}.portfolio-footer{border-top:1px solid var(--line);color:#71776b;min-height:62px;font-family:var(--font-mono);letter-spacing:.08em;justify-content:space-between;align-items:center;font-size:7px;display:flex}.portfolio-footer a{color:#b4b8aa}.portfolio-footer a:hover{color:var(--portfolio-accent)}.destination-backdrop{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030403c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.destination-dialog{background:linear-gradient(145deg,#1a1d16,#10120e);border:1px solid #eef0e129;border-radius:6px;width:min(440px,100%);padding:24px;box-shadow:0 30px 90px #0000008c}.destination-dialog .section-kicker{font-size:8px}.destination-dialog h2{font-family:var(--font-display);letter-spacing:-.05em;margin:18px 0 8px;font-size:22px;font-weight:500}.destination-dialog p{color:#a0a497;font-size:11px;line-height:1.65}.destination-url{overflow-wrap:anywhere;border:1px solid var(--line);color:#d3d8c4;font-family:var(--font-mono);background:#0d0f0b;border-radius:3px;padding:11px;font-size:9px}.dialog-actions{justify-content:end;gap:8px;margin-top:19px;display:flex}.dialog-actions button{border:1px solid var(--line);color:#adb1a4;cursor:pointer;background:0 0;border-radius:3px;min-height:35px;padding:0 13px;font-size:9px}.dialog-actions button.continue{color:#15190c;background:var(--portfolio-accent);border-color:#b7ff0059;font-weight:700}@media (max-width:1050px){.hero{grid-template-columns:.86fr 1.14fr;gap:10px}.hero h1{font-size:clamp(49px,5vw,60px)}.note-color{left:-2%}.studio-layout{grid-template-columns:165px minmax(390px,1fr) 270px}.studio-sidebar{padding-inline:9px}.studio-inspector{padding-inline:12px}}@media (max-width:820px){.studio-page{overflow:hidden auto}.wrap{width:min(100% - 40px,650px)}.main-nav{display:none}.hero{grid-template-columns:1fr;gap:40px;padding-block:62px 58px}.hero-copy{max-width:550px}.hero h1{font-size:clamp(50px,11vw,70px)}.hero-visual{width:min(100%,610px);margin-inline:auto}.preview-window{transform:none}.intro-section{padding-block:90px 80px}.intro-grid{grid-template-columns:1fr;gap:18px}.intro-grid h2{font-size:59px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1;min-height:330px}.feature-card:last-child .color-demo{height:210px}.color-lab-section{grid-template-columns:1fr;gap:35px;padding-block:20px 90px}.color-lab-copy{max-width:530px}.gradient-stage{min-height:420px}.closing-section{min-height:390px}.studio-layout{grid-template-columns:60px minmax(0,1fr)}.studio-sidebar{padding:15px 7px}.studio-sidebar .wordmark{justify-content:center;gap:0}.studio-sidebar .wordmark>span:last-child,.studio-sidebar-label,.studio-nav button span:last-child,.studio-side-bottom{display:none}.studio-nav button{justify-content:center;padding:11px 4px}.studio-nav button span:first-child{font-size:17px}.studio-inspector{border-top:1px solid var(--line);border-left:0;grid-column:2;grid-template-columns:1fr 1fr;align-items:start;gap:0 18px;max-height:none;display:grid;overflow:visible}.inspector-head{grid-column:1/-1;margin:0;padding-bottom:8px}.inspector-group{width:100%}.analytics-dashboard{min-height:0}.analytics-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-detail-grid{grid-template-columns:1fr}.studio-save-row,.studio-save-status{grid-column:1/-1}.studio-preview-wrap{flex:none;min-height:280px;max-height:55vh;padding:12px;overflow:auto}.studio-preview-site{min-height:auto}.studio-preview-site.phone .studio-canvas-frame{grid-column:span 12}}@media (max-width:560px){.wrap{width:calc(100% - 32px)}.topbar{min-height:66px}.wordmark{font-size:11px}.topbar-link{padding:9px 10px;font-size:10px}.hero{padding-top:50px}.hero h1{margin-top:22px;font-size:clamp(47px,11.8vw,58px)}.hero-description{font-size:13px}.hero-actions{align-items:stretch}.hero-actions .button{justify-content:space-between}.hero-actions .button-primary{min-width:190px}.hero-actions .button-quiet{min-width:182px}.hero-proof{align-items:flex-start;line-height:1.7}.hero-proof strong{display:block}.test-build-badge{flex-shrink:0}.mini-portfolio{padding:16px 12px 12px}.preview-chrome{grid-template-columns:1fr 2fr 1fr;padding-inline:5px;font-size:6px}.mini-time{min-width:80px;padding-inline:9px}.mini-time strong{font-size:15px}.mini-name-row{flex-direction:column;align-items:start;gap:3px}.mini-name-row h2{font-size:16px}.mini-art{min-height:128px}.mini-tabs{gap:11px;font-size:7px}.mini-tabs span:nth-child(3){display:none}.floating-note{padding:8px 9px}.floating-note b{font-size:8px}.floating-note small{font-size:6px}.note-color{bottom:-23px;left:-3px}.ticker-track{padding-block:14px}.ticker-group{gap:24px;padding-right:24px}.ticker-track span{gap:24px;font-size:9px}.intro-section{padding-block:76px 64px}.intro-grid h2{font-size:48px}.feature-grid{grid-template-columns:1fr;margin-top:35px}.feature-card,.feature-card:last-child{grid-column:auto;min-height:340px}.feature-card:last-child .color-demo{height:210px}.color-lab-section{padding-bottom:68px}.color-lab-copy h2{font-size:55px}.gradient-stage{min-height:350px}.gradient-window{width:83%}.gradient-art{min-height:220px}.gradient-paper{width:78%;min-height:166px;padding:15px}.gradient-paper strong{font-size:34px}.closing-section{width:calc(100% - 20px);min-height:360px;padding-inline:13px}.closing-logo{width:132px;height:132px}.closing-section h2{font-size:54px}.closing-section>p{font-size:11px}.footer{flex-wrap:wrap;gap:8px;min-height:82px}.footer>span{display:none}.studio-topbar{min-height:57px;padding-inline:12px}.studio-top-left,.studio-top-right{gap:8px}.studio-top-left .wordmark{font-size:10px}.studio-demo-tag{padding:4px 5px;font-size:6px}.studio-top-right{font-size:7px}.studio-layout{grid-template-columns:48px minmax(0,1fr)}.studio-workspace{padding:13px 10px}.studio-workspace-head{align-items:start}.analytics-title-row{flex-direction:column;align-items:start}.analytics-range{width:100%}.analytics-range button{flex:1}.analytics-chart{gap:3px;height:105px}.analytics-detail-grid{gap:8px}.analytics-work-row{grid-template-columns:18px minmax(0,1fr) auto;gap:5px}.studio-preview-wrap{min-height:250px;max-height:55vh;padding:9px}.studio-preview-site{min-height:auto;padding:17px}.studio-preview-head{gap:5px}.studio-preview-head>span{display:none}.portfolio-theme-toggle-button{gap:5px;min-height:26px;padding-inline:8px;font-size:6px}.studio-preview-site.phone{max-width:100%}.studio-canvas-frame{grid-column:span 12;padding-inline:5px}.studio-frame-actions{gap:1px}.studio-frame-actions button{width:17px}.studio-album-book{flex-basis:65px;height:112px}.studio-album-shelf{min-height:134px}.studio-album-orbit-scene{height:180px}.studio-album-orbit-card{width:38%;height:137px;top:13px}.studio-film-frame{flex-basis:39%}.studio-art-card{height:133px}.studio-inspector{grid-template-columns:1fr;padding:14px 12px}.inspector-head,.studio-save-row,.studio-save-status{grid-column:auto}.studio-image-lightbox{padding:14px}.studio-lightbox-image,.studio-image-lightbox img{max-width:94vw;max-height:calc(100vh - 72px)}.portfolio-shell{width:calc(100% - 32px)}.portfolio-header{min-height:58px}.portfolio-header-nav{gap:12px;font-size:8px}.portfolio-home-link{display:none}.portfolio-hero{grid-template-columns:1fr;gap:16px;min-height:auto;padding-block:42px 20px}.portfolio-avatar{width:59px;height:59px;font-size:14px}.portfolio-identity{gap:13px}.portfolio-identity h1{font-size:40px}.portfolio-identity p{max-width:210px;font-size:9px}.portfolio-meta{justify-content:start;padding-left:72px}.portfolio-clock{align-items:center;gap:8px;padding-left:9px;display:flex}.portfolio-clock span{display:none}.portfolio-clock strong{margin:0;font-size:13px}.portfolio-clock small{font-size:7px}.portfolio-about{grid-template-columns:1fr;gap:13px;padding-block:25px}.portfolio-about p{font-size:11px}.portfolio-work{padding-block:27px}.portfolio-project-art{height:157px}.portfolio-section-heading h2{font-size:18px}.contribution-cards{grid-template-columns:1fr}.contribution-art{height:145px}.portfolio-footer{gap:10px;font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.ambient-light{display:none}.vial-buddy{animation:none!important;-webkit-mask-position:0 0!important;mask-position:0 0!important}}.renne-portfolio{--portfolio-accent:#b7ff00;--portfolio-orange:#c65112;--backlight-color:#c6d2a6;background:#090a08}.renne-portfolio .portfolio-background-gradient{z-index:0;background:var(--portfolio-gradient);pointer-events:none;position:absolute;inset:-5% 0 0}.renne-portfolio .paper-cutout-portfolio-page{z-index:0}.renne-portfolio .paper-cutout-portfolio-page .paper-cutout-svg{opacity:.56}.renne-portfolio .portfolio-shell{width:min(1100px,100% - 56px);padding:calc(68px + env(safe-area-inset-top)) 0 28px}.renne-portfolio .portfolio-header{min-height:68px}.renne-portfolio .portfolio-hero{grid-template-columns:1.2fr .8fr;gap:18px 24px;min-height:270px;padding-block:54px 25px}.renne-portfolio .portfolio-hero:before{opacity:.7;width:420px;height:220px;top:7px;left:-70px}.portfolio-identity-copy{min-width:0}.portfolio-eyebrow{color:#909888;font-family:var(--font-mono);letter-spacing:.15em;font-size:7px}.renne-portfolio .portfolio-identity h1{margin-top:7px}.renne-portfolio .portfolio-identity p{margin-top:9px}.portfolio-profile-tags{flex-wrap:wrap;gap:5px;margin-top:13px;display:flex}.portfolio-profile-tags span{font-family:var(--font-mono);letter-spacing:.035em;border-radius:3px;padding:5px 7px;font-size:7px}.renne-portfolio .portfolio-meta{align-self:end}.portfolio-language-row{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px;margin-left:97px;display:flex}.portfolio-language-row>span{color:#7f8677;font-family:var(--font-mono);letter-spacing:.12em;margin-right:2px;font-size:7px}.portfolio-language-row b{color:#c5cbe0;font-family:var(--font-mono);background:#8da9ff0e;border:1px solid #8da9ff3b;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:400}.renne-portfolio .portfolio-about{padding-block:32px}.renne-portfolio .portfolio-about p{color:#c4c8bc}.renne-portfolio .portfolio-about p em{color:#d5e8a5}.renne-portfolio .portfolio-work{padding-block:37px 33px}.renne-portfolio .portfolio-section-heading{gap:18px;margin-bottom:17px}.renne-portfolio .portfolio-section-heading h2{max-width:560px;font-size:clamp(22px,3.4vw,32px)}.portfolio-practice-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:15px;display:grid}.portfolio-practice-grid>*{min-width:0}.portfolio-practice-grid>.practice-model{grid-column:span 7}.portfolio-practice-grid>.practice-writing-card,.portfolio-practice-grid>.practice-city{grid-column:span 5}.portfolio-practice-grid>.practice-code-card{grid-column:span 7}.portfolio-practice-grid>.practice-games-card{grid-column:span 5}.renne-portfolio .portfolio-project-art{background:#10130f;border-radius:5px;height:253px}.renne-portfolio .portfolio-project-art.portfolio-model-stage{isolation:isolate;background:radial-gradient(at 48% 46%,#b7ff0016,#0000 56%),radial-gradient(at 78% 75%,#c6511212,#0000 48%),#10130f;position:relative}.portfolio-model-stage>.home-fbx-showcase{z-index:2}.renne-portfolio .portfolio-project-art:not(.portfolio-model-stage) .portfolio-project-image{transition:transform .6s cubic-bezier(.16,1,.3,1)}.renne-portfolio .portfolio-project:hover .portfolio-project-art:not(.portfolio-model-stage) .portfolio-project-image{transform:scale(1.035)}.renne-portfolio .portfolio-project-details{padding-top:12px}.renne-portfolio .portfolio-project-details h3{font-size:12px}.renne-portfolio .portfolio-project-details p{font-size:9px}.practice-writing-card,.practice-code-card,.practice-games-card{background:linear-gradient(145deg,#171b13f0,#0c0e0be6);border:1px solid #eff1e11f;border-radius:5px;overflow:hidden}.practice-writing-card{background:radial-gradient(at 100% 0,#c6511217,#0000 55%),linear-gradient(145deg,#171b13f0,#0c0e0be6);flex-direction:column;min-height:253px;padding:19px;display:flex}.practice-card-kicker{color:#9ca88b;font-family:var(--font-mono);letter-spacing:.12em;font-size:7px}.practice-writing-card h3,.practice-card-heading h3{color:#e4e8db;font-family:var(--font-display);letter-spacing:-.045em;margin:14px 0 0;font-size:clamp(17px,2vw,22px);font-weight:500;line-height:1.15}.practice-writing-card p{color:#a0a697;margin:11px 0 20px;font-size:10px;line-height:1.75}.practice-writing-card footer,.practice-code-card .portfolio-code-sample>footer{color:#737b6d;font-family:var(--font-mono);letter-spacing:.1em;justify-content:space-between;gap:10px;font-size:6px;display:flex}.practice-writing-card footer{border-top:1px solid #eff1e117;margin-top:auto;padding-top:11px}.practice-card-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.practice-card-heading>small{color:#858d7c;font-family:var(--font-mono);letter-spacing:.1em;text-align:right;font-size:6px}.practice-code-card{background:#0c0e0bdb}.practice-code-card>.practice-card-heading{border-bottom:1px solid #eff1e117;padding:13px 15px}.practice-code-card .portfolio-code-sample{border:0;border-radius:0}.practice-code-card .portfolio-code-sample>header{border-bottom:0;padding:13px 15px 9px}.practice-code-card .portfolio-code-sample h4{color:#e0e4d8;max-width:380px;margin:5px 0 0;font-size:12px;font-weight:600}.practice-code-card .portfolio-code-sample>footer{border-top:1px solid #eff1e114;padding:9px 15px}.practice-games-card{padding:16px}.practice-games-card .practice-card-heading{align-items:end;margin-bottom:13px}.practice-games-card .practice-card-heading h3{margin-top:8px;font-size:17px}.practice-games-card .contribution-cards{grid-template-columns:1fr;gap:8px}.practice-games-card .contribution-art{height:115px}.practice-games-card .contribution-card-info{padding:9px 10px}.practice-games-card .contribution-card-info h3{font-size:10px}.practice-games-card .contribution-card-info p{font-size:7px}.practice-games-card .contribution-open{font-size:6px}.portfolio-code-sample{background:#0c0e0bdb;border:1px solid #eff1e11f;border-radius:5px;overflow:hidden}.portfolio-code-sample>header{border-bottom:1px solid #eff1e117;justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.portfolio-code-sample>header>div>span{color:#87907e;font-family:var(--font-mono);letter-spacing:.12em;font-size:7px}.portfolio-code-sample>header b{color:#cce58d;font-family:var(--font-mono);background:#b7ff000d;border:1px solid #b7ff0038;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:400}.portfolio-code-sample pre{color:#c5cdb8;font-family:var(--font-mono);tab-size:4;background:radial-gradient(at 5% 0,#b7ff0009,#0000 45%),#0b0d0a;margin:0;padding:17px 19px;font-size:9px;line-height:1.85;overflow:auto}.portfolio-code-sample code{white-space:pre}.code-token-keyword{color:#cba4ff}.code-token-type{color:#79d7df}.code-token-builtin{color:#c3ed78}.code-token-function{color:#91b8ff}.code-token-string{color:#b8d78a}.code-token-number{color:#f0b77d}.code-token-comment{color:#7f8975;font-style:italic}.code-token-operator{color:#e19bb0}.code-token-property{color:#f0cc86}.portfolio-code-sample>footer{color:#737b6d;font-family:var(--font-mono);letter-spacing:.1em;border-top:1px solid #eff1e114;justify-content:space-between;gap:10px;padding:9px 15px;font-size:6px;display:flex}.renne-portfolio .portfolio-links{justify-content:space-between;align-items:end;gap:22px;padding-block:4px 39px;display:flex}.renne-portfolio .portfolio-links>div:first-child h2{color:#e2e5d8;font-family:var(--font-display);letter-spacing:-.04em;margin:6px 0 0;font-size:clamp(19px,3vw,25px);font-weight:500}.portfolio-social-links{flex-wrap:wrap;justify-content:end;gap:7px;display:flex}.renne-portfolio .portfolio-social-button{gap:8px;min-height:38px;padding:7px 10px}.portfolio-social-mark{color:#c8e88a;width:20px;height:20px;font-family:var(--font-display);background:#b7ff000b;border:1px solid #b7ff0042;border-radius:50%;place-items:center;font-size:9px;font-weight:700;display:inline-grid}.portfolio-social-arrow{color:#81897a;font-size:8px}@media (max-width:820px){.renne-portfolio .portfolio-shell{width:min(100% - 40px,650px)}.renne-portfolio .portfolio-hero{grid-template-columns:1fr;gap:18px;min-height:auto;padding-block:43px 24px}.renne-portfolio .portfolio-meta{justify-content:start;padding-left:72px}.portfolio-language-row{margin-left:72px}.renne-portfolio .portfolio-about{grid-template-columns:.5fr 1.5fr;gap:20px}.renne-portfolio .portfolio-practice-grid>*{grid-column:1/-1}.renne-portfolio .portfolio-project-art{height:220px}}@media (max-width:560px){.renne-portfolio .portfolio-shell{width:calc(100% - 32px)}.renne-portfolio .portfolio-header{min-height:58px}.renne-portfolio .portfolio-header-nav{gap:12px;font-size:8px}.renne-portfolio .portfolio-home-link{display:none}.renne-portfolio .portfolio-hero{gap:16px;padding-block:37px 19px}.renne-portfolio .portfolio-avatar{width:59px;height:59px;font-size:14px}.renne-portfolio .portfolio-identity{gap:13px}.renne-portfolio .portfolio-identity h1{font-size:40px}.renne-portfolio .portfolio-identity p{max-width:220px;font-size:9px}.portfolio-eyebrow{font-size:6px}.portfolio-profile-tags{gap:4px;margin-top:10px}.portfolio-profile-tags span{padding:4px 5px;font-size:6px}.renne-portfolio .portfolio-meta{padding-left:72px}.portfolio-language-row{gap:5px;margin-left:72px}.portfolio-language-row b{padding:4px 6px;font-size:6px}.renne-portfolio .portfolio-about{grid-template-columns:1fr;gap:11px;padding-block:23px}.renne-portfolio .portfolio-about p{font-size:10px}.renne-portfolio .portfolio-work{padding-block:26px 23px}.renne-portfolio .portfolio-section-heading h2{font-size:20px}.renne-portfolio .portfolio-section-heading>span{text-align:right;max-width:90px;line-height:1.6}.renne-portfolio .portfolio-project-art{height:195px}.renne-portfolio .portfolio-project-details{gap:7px}.renne-portfolio .portfolio-project-details>span{font-size:6px}.portfolio-code-sample pre{padding:14px;font-size:8px}.practice-writing-card{min-height:220px;padding:16px}.practice-code-card .portfolio-code-sample>header,.practice-games-card{padding:12px}.renne-portfolio .portfolio-links{flex-direction:column;align-items:start;gap:14px}.portfolio-social-links{justify-content:start}.renne-portfolio .portfolio-footer{gap:10px;font-size:6px}}