*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#efeee5;background:#112a30;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif}header,main{max-width:1440px;margin:auto}header{border-bottom:1px solid #335057;justify-content:space-between;align-items:center;height:82px;padding:0 5%;display:flex}a{color:inherit;text-decoration:none}.logo{letter-spacing:2px;font-size:19px;font-weight:750}.logo i{color:#c9ab72;margin:0 4px}nav{align-items:center;gap:26px;font-size:12px;display:flex}.badge{color:#c9d4ce;border:1px solid #547276;border-radius:30px;padding:7px 12px}main{padding:0 5%}.heading{padding:50px 0 36px}.eyebrow{letter-spacing:2px;color:#c9ab72;font-size:10px}.heading h1{letter-spacing:-1.8px;margin:17px 0 13px;font-size:clamp(30px,4.1vw,58px);font-weight:500}.heading p,p{color:#b2c0bd;font-size:13px;line-height:1.9}.mobile{display:none}.studio{background:#18343a;border:1px solid #335057;grid-template-columns:minmax(0,1.65fr) minmax(300px,1fr);align-items:start;display:grid}.stage{color:#293d40;background:#eee9df;min-width:0;position:sticky;top:20px}.stage-top,.stage-bottom{letter-spacing:1px;justify-content:space-between;align-items:center;padding:22px 26px;font-size:10px;display:flex}.stage-top span:last-child{color:#788274}.stage-bottom{letter-spacing:0;border-top:1px solid #d1d0c5;font-size:10px}#viewport{touch-action:none;height:560px;max-height:66vh}canvas{width:100%;height:100%;display:block}#load-status{text-align:center;color:#365055;pointer-events:none;width:100%;position:absolute;top:45%}.stage-bottom button{color:#293d40;border:0;padding:0}aside{padding:30px}h2{letter-spacing:-.8px;margin:12px 0;font-size:28px;font-weight:500}aside p{margin:10px 0 24px;font-size:12px}fieldset{border:0;border-top:1px solid #3d5459;margin:22px 0;padding:20px 0 0}legend{color:#d7ddd5;padding:0 8px 0 0;font-size:12px}button{cursor:pointer;color:inherit;background:0 0;border:1px solid #50676b;padding:11px 14px;font-family:inherit;font-size:12px;transition:background .15s}button:hover{background:#ffffff10}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #e9c276}.presets{gap:8px;display:flex}.presets button{flex:1}.presets .selected{color:#172c32;background:#d4be91;border-color:#d4be91}.colors{gap:16px;margin-top:16px;display:flex}.colors label{flex:1;justify-content:space-between;align-items:center;font-size:12px;display:flex}input[type=color]{cursor:pointer;background:0 0;border:0;width:38px;height:28px;padding:0}input[type=range]{accent-color:#d4be91;width:100%;margin:10px 0 18px}input[type=checkbox]{accent-color:#d4be91}.range-label{justify-content:space-between;font-size:11px;display:flex}.range-label output{color:#b3bfb4;font-size:10px}.check{align-items:center;gap:8px;font-size:11px;display:flex}.checks{gap:22px;margin-bottom:20px;display:flex}.primary{color:#142d32;background:#dbc18e;border-color:#dbc18e}.primary:hover{background:#eed5a6}.buy{justify-content:space-between;align-items:center;width:100%;padding:16px;font-weight:600;display:flex}.price-note{text-align:center;color:#9eb2b3;margin:10px 0 18px;font-size:9px;display:block}.downloads{flex-wrap:wrap;gap:5px;display:flex}.downloads button{flex:1;padding:10px 5px;font-size:10px}.reset{color:#a6b9b7;border:0;padding:16px 0 0;font-size:10px}.export-note{line-height:1.8;margin-bottom:0!important;font-size:10px!important}.how{grid-template-columns:repeat(3,1fr);gap:35px;padding:45px 0 60px;display:grid}.how b{color:#c9ab72;font:italic 24px Georgia}.how h3{font-size:14px;font-weight:500}.how p{font-size:11px}.plans{border-top:1px solid #335057;grid-template-columns:1fr 1fr 1fr;gap:22px;padding:60px 0;display:grid}.plans h2{font-size:36px;line-height:1.4}.plans article{border:1px solid #466066;flex-direction:column;padding:28px;display:flex}.plans article>span{letter-spacing:1.5px;color:#c9ab72;font-size:9px}.plans h3{font-size:17px;font-weight:500}.price{font:36px Georgia}.price small{color:#bac5bd;font:11px sans-serif}.plans p{flex:1;font-size:11px}.plans .subscription{background:#25434a}.plans button{font-size:11px}footer{letter-spacing:1.4px;color:#9cb3b6;border-top:1px solid #335057;justify-content:space-between;padding:30px 0;font-size:10px;display:flex}dialog{color:#eee9dc;background:#17363d;border:1px solid #597579;width:calc(100% - 40px);max-width:490px;padding:40px}dialog::backdrop{background:#08181ee0}dialog #close{border:0;font-size:22px;position:absolute;top:10px;right:12px}dialog .small{font-size:11px}dialog #back{width:100%;margin-top:15px}#toast{color:#12343d;opacity:0;pointer-events:none;z-index:20;background:#e9d3a7;padding:14px 24px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (width<=950px){.studio{grid-template-columns:1fr 340px}#viewport{height:460px}.stage-top,.stage-bottom{padding:16px}aside{padding:22px}.plans{grid-template-columns:1fr 1fr}.plans>div{grid-column:span 2}}@media (width<=700px){header{height:65px}nav a{display:none}.studio{grid-template-columns:1fr}.stage{position:relative;top:0}#viewport{height:380px}.how{gap:18px}.how h3{font-size:12px}.plans{grid-template-columns:1fr}.plans>div{grid-column:auto}.heading{padding-top:34px}.mobile{display:block}.heading h1{font-size:39px}.stage-bottom{font-size:9px}aside{padding:24px}dialog{padding:30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}