@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-ext-wght-normal.20g3-bbbhdq0_.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-cyrillic-wght-normal.2cxlyxah-fd35.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-ext-wght-normal.0mkxydxl0e43d.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-greek-wght-normal.1rx9vjatjkdar.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-vietnamese-wght-normal.2kcj5i_8uff48.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-ext-wght-normal.3gdi_th3seg1n.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/inter-latin-wght-normal.0gsaq8ukbf34m.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.editor-shell{background:#f8faf6;flex-direction:column;height:100dvh;min-height:600px;font-size:14px;display:flex;overflow:hidden}.editor-header{border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:center;gap:23px;height:72px;padding:0 24px;display:flex}.editor-header .logo{width:118px}.editor-header-divider{background:var(--border);width:1px;height:27px}.project-title{flex-direction:column;gap:2px;min-width:0;display:flex}.project-title input{background:0 0;border:none;width:200px;max-width:100%;min-height:26px;padding:2px 0;font-size:14px;font-weight:550}.project-title>span{color:#7d897a;align-items:center;gap:5px;font-size:14px;display:flex}.editor-header-actions{align-items:center;gap:7px;margin-left:auto;display:flex}.editor-header-actions>.button{gap:7px;min-height:38px;margin-left:8px;padding:10px 14px;font-size:14px}.editor-header-actions>.button>svg{width:15px}.pro-pill{color:#5d7356;background:#f0f4ed;border:1px solid #d9e3d5;border-radius:3px;padding:3px 4px;font-size:14px}.editor-layout{flex:1;grid-template-columns:248px minmax(0,1fr) 252px;min-height:0;display:grid;overflow:hidden}.editor-left{border-right:1px solid var(--border);background:#fff;flex-direction:column;min-height:0;display:flex}.editor-panel-tabs{border-bottom:1px solid var(--border);flex-shrink:0;gap:5px;min-height:51px;padding:0 10px;display:flex}.editor-panel-tabs button{color:#798274;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:7px;font-size:14px;display:flex}.editor-panel-tabs button[aria-pressed=true]{color:#286247;border-bottom-color:#397254}.editor-panel-tabs button svg{width:14px}.editor-template-list,.layer-panel{flex:1;padding:20px 14px;overflow-y:auto}.panel-heading h2{letter-spacing:-.04em;font-size:16px}.panel-heading>span{color:#8a9385;margin-top:6px;font-size:14px;display:block}.editor-template-grid{grid-template-columns:1fr 1fr;gap:16px 10px;margin-top:20px;display:grid}.editor-template{text-align:left;flex-direction:column;gap:7px;min-width:0;padding:0;display:flex}.editor-template>.scene-preview{aspect-ratio:1.1;border:2px solid #0000;border-radius:5px;width:100%}.editor-template>.scene-preview svg{object-fit:cover;width:100%;height:100%}.editor-template.selected>.scene-preview{border-color:#2a7159;box-shadow:0 0 0 2px #e5efe3}.editor-template>span{color:#6e7b68;font-size:14px;font-weight:500;line-height:1.5}.editor-plan{border-top:1px solid var(--border);background:#fafbf8;flex-wrap:wrap;align-items:center;gap:9px;min-height:80px;padding:17px 12px;display:flex}.plan-icon{color:#596d4e;background:#e5ebdf;border-radius:6px;justify-content:center;align-items:center;width:27px;height:27px;font-size:14px;display:flex}.editor-plan>div{flex:1}.editor-plan strong{font-size:14px;font-weight:550;display:block}.editor-plan>div>span{color:#8a9380;margin-top:5px;font-size:14px;display:block}.editor-plan>.text-button{font-size:14px}.editor-workspace{background:#f0f2ed;flex-direction:column;min-width:0;padding:0 28px;display:flex;position:relative;overflow-y:auto}.workspace-top{color:#8a9284;letter-spacing:.1em;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:51px;font-size:14px;display:flex}.workspace-top .text-link{letter-spacing:0;color:#788570;font-size:14px}.canvas-size{letter-spacing:0;font-size:14px}.stage-surround{flex:1;justify-content:center;align-items:center;min-height:0;padding-block:15px 20px;display:flex;position:relative}.editor-stage{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:3px;width:100%;height:auto;max-height:100%;position:relative;overflow:hidden;box-shadow:0 3px 14px #34432b12;container-type:inline-size}.editor-stage>svg{width:100%;height:100%;max-height:100%;display:block;overflow:hidden}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#e5e7e2 25%,#0000 25%),linear-gradient(-45deg,#e5e7e2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e5e7e2 75%),linear-gradient(-45deg,#0000 75%,#e5e7e2 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.canvas-toolbar{flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:9px;padding:9px 0 22px;display:flex}.canvas-toolbar>.button{gap:6px;min-height:36px;padding:9px 12px;font-size:14px}.canvas-toolbar>.button>svg{width:13px}.canvas-toolbar>span{color:#939c88;text-align:center;width:100%;margin-top:8px;font-size:14px}.workspace-footer{border-top:1px solid #e1e5db;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;min-height:43px;display:flex}.workspace-footer>span{color:#8d9980;align-items:center;gap:5px;max-width:70%;font-size:14px;line-height:1.6;display:flex}.workspace-footer .text-button{white-space:nowrap;font-size:14px}.editor-right{border-left:1px solid var(--border);background:#fff;overflow-y:auto}.inspector-title{border-bottom:1px solid var(--border);color:#64735b;align-items:center;gap:9px;min-height:51px;padding:0 18px;display:flex}.inspector-title h2{letter-spacing:-.02em;font-size:14px}.inspector-title svg{width:14px}.inspector-section{border-bottom:1px solid var(--border);padding:20px 18px}.inspector-section h3{letter-spacing:.12em;color:#909b83;margin-bottom:17px;font-size:14px;font-weight:600}.inspector-section label{color:#65745b;margin-bottom:8px;font-size:14px}.inspector-section select,.inspector-section input[type=number],.inspector-section textarea{background:#fdfefb;min-height:34px;padding:8px;font-size:14px}.field-help{color:#929c89;margin-top:7px;font-size:14px;line-height:1.6;display:block}.upload-area{color:#6e8560;background:#f9fbf6;border:1px dashed #cbd7c4;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:7px;width:100%;min-height:96px;margin:17px 0;display:flex}.upload-area strong{font-size:14px;font-weight:500}.upload-area>span{color:#91a084;font-size:14px}.control-row{color:#68765e;justify-content:space-between;align-items:center;margin:14px 0;font-size:14px;display:flex}.segmented{border:1px solid var(--border);background:#f3f5ef;border-radius:5px;padding:2px;display:flex}.segmented button{border-radius:3px;min-height:25px;padding:5px 9px;font-size:14px}.segmented button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px #1a311417}.range-control{margin-top:18px;display:block;margin-bottom:12px!important}.range-control>span{justify-content:space-between;align-items:center;margin-bottom:5px;display:flex}.range-control output{color:#8a977e;font-variant-numeric:tabular-nums;font-size:14px}.range-control input[type=range]{accent-color:#537555;background:0 0;border:0;width:100%;height:20px;min-height:20px}.inspector-section>.text-button{margin-top:5px;font-size:14px}.position-fields{grid-template-columns:1fr 1fr;gap:8px;margin-top:10px;display:grid}.position-fields label{align-items:center;gap:6px;margin:0;font-size:14px;display:flex}.position-fields input{width:100%;min-width:0}.checkbox-row{align-items:center;gap:7px;min-height:25px;margin:15px 0 0!important;font-size:14px!important;display:flex!important}.layer-actions{justify-content:space-between;margin-top:13px;display:flex}.layer-actions .icon-button{min-width:31px;min-height:31px}.layer-actions .danger{color:#996858}.swatches{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.swatches button{border:1px solid #d8dfd2;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;display:flex}.swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #fff,0 0 0 3px #87a376}.color-input{justify-content:space-between;align-items:center;margin-top:14px;font-size:14px;display:flex!important}.editor-mobile-tabs{display:none}.layer-list{flex-direction:column;gap:5px;margin-top:22px;display:flex}.layer-row{border:1px solid #0000;border-radius:5px;align-items:center;gap:3px;padding:4px;display:flex}.layer-row.active{background:#f2f6ed;border-color:#c9dac0}.layer-select{text-align:left;flex:1;align-items:center;gap:9px;min-width:0;padding:8px 4px;display:flex}.layer-select>svg{color:#7a8f6a}.layer-select>span{font-size:14px;line-height:1.5}.layer-select small{color:#97a28c;font-size:14px;display:block}.layer-row>.icon-button{min-width:26px;min-height:32px}.add-layer{border-top:1px solid var(--border);margin-top:25px;padding-top:20px}.add-layer>label{color:#7f8e73;margin-bottom:12px;font-size:14px}.add-device-buttons{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:15px;display:grid}.add-device-buttons button{border:1px solid var(--border);border-radius:5px;justify-content:center;align-items:center;gap:5px;min-height:35px;font-size:14px;display:flex}.add-layer>.button{min-height:35px;font-size:14px}.recovery-banner{background:#eaf0e1;border:1px solid #d7e1cb;border-radius:5px;flex-shrink:0;align-items:center;gap:8px;margin-top:5px;padding:9px 10px;display:flex;position:relative}.recovery-banner>div{flex:1}.recovery-banner strong{color:#46603a;font-size:14px;font-weight:550;display:block}.recovery-banner span{color:#8b9a7d;margin-top:3px;font-size:14px;line-height:1.6;display:block}.recovery-banner .text-button{font-size:14px}.toast{pointer-events:none;z-index:20;color:#526b43;background:#fff;border:1px solid #d5dfce;border-radius:7px;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:12px 12px 12px 18px;font-size:14px;line-height:1.6;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #23371920}.toast .icon-button{pointer-events:auto}.dialog{border:1px solid var(--border);width:calc(100% - 30px);max-width:460px;color:var(--ink);background:#fafcf8;border-radius:12px;max-height:90dvh;padding:28px;overflow:auto;box-shadow:0 20px 100px #11182730}.dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17251a75}.dialog-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px;display:flex}.dialog-heading h2{letter-spacing:-.045em;font-size:23px;line-height:1.2}.dialog-description{color:#52605a;margin-bottom:20px;font-size:14px;line-height:1.8}.dialog p:not(.dialog-description){color:#52605a;margin:15px 0;font-size:14px;line-height:1.8}.dialog label{margin-bottom:8px;font-size:14px}.dialog input,.dialog select{font-size:14px}.dialog>.pro-tag{margin-bottom:14px}.dialog>.button{margin-top:13px}.export-signin{border-top:1px solid var(--border);padding-top:24px}.export-signin>svg{color:#6d865c}.export-signin h3{margin-top:15px;font-size:18px}.export-signin p{color:#52605a;margin:12px 0 20px;font-size:14px;line-height:1.8}.export-summary{color:#7a8a6d;justify-content:space-between;align-items:center;margin:17px 0;font-size:14px;display:flex}.output-ready{color:#38622e;flex-direction:column;gap:12px;padding-top:15px;display:flex}.output-ready>strong{font-size:16px;font-weight:500}.output-ready>p{margin:0!important;font-size:14px!important}.export-message{border-top:1px solid var(--border);padding-top:15px}.capture-viewports{gap:9px;margin-top:18px;display:flex}.capture-viewports button{border:1px solid var(--border);border-radius:5px;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px 7px;font-size:14px;display:flex}.capture-viewports button[aria-pressed=true]{background:#eef3e9;border-color:#8ca57c}.drop-overlay{color:#47633a;pointer-events:none;background:#e4efdae8;border:2px dashed #739a63;border-radius:7px;justify-content:center;align-items:center;gap:12px;font-size:15px;display:flex;position:absolute;inset:12px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.editor-layout{grid-template-columns:280px minmax(0,1fr) 280px}.editor-template-grid{gap:18px 12px}.editor-template-list{padding:23px 18px}.inspector-section{padding-inline:23px}.editor-workspace{padding-inline:50px}.stage-surround{padding-top:35px;padding-bottom:35px}.editor-stage{max-width:min(100%,133.33dvh - 386.657px)}}@media (max-width:1150px) and (min-width:851px){.editor-layout{grid-template-columns:215px minmax(0,1fr) 228px}.editor-header{gap:15px;padding-inline:19px}.editor-header .logo{width:103px}.editor-header-divider{display:none}.project-title input{width:165px}.editor-header-actions>.button{padding:9px 11px;font-size:14px}.save-cloud{display:none!important}.editor-workspace{padding-inline:17px}.workspace-top>span:nth-child(2){display:none}.editor-template-list{padding-inline:10px}.editor-template-grid{gap:14px 8px}.editor-template>span{font-size:14px}.workspace-footer{align-items:flex-start;padding-top:8px}.workspace-footer>span{max-width:63%;font-size:14px}.workspace-footer .text-button{padding-top:0;font-size:14px}.inspector-section{padding:17px 14px}}@media (max-width:850px){.editor-shell{height:auto;min-height:100dvh;padding-bottom:64px;overflow:visible}.editor-header{z-index:12;gap:10px;height:66px;padding:0 13px;position:sticky;top:0}.editor-header .logo{width:91px}.editor-header-divider{display:none}.project-title{max-width:130px}.project-title input{text-overflow:ellipsis;width:130px;min-height:21px;font-size:14px;overflow:hidden}.project-title>span{white-space:nowrap;font-size:14px}.project-title .local-dot{width:4px;height:4px}.editor-header-actions{gap:0}.editor-header-actions>.icon-button{min-width:28px;min-height:34px}.editor-header-actions>.icon-button svg{width:14px}.editor-header-actions>.save-cloud{display:none}.editor-header-actions>.button{gap:5px;min-height:35px;margin-left:6px;padding:8px 10px;font-size:14px}.editor-header-actions>.button svg{width:12px}.editor-layout{flex-direction:column;flex:1;min-height:0;display:flex;overflow:visible}.editor-workspace{order:0;min-height:370px;padding:0 16px;overflow:visible}.workspace-top{height:43px;min-height:43px;font-size:14px}.workspace-top>.text-link,.canvas-size{font-size:14px}.stage-surround{flex:none;min-height:240px;padding:8px 0 15px}.editor-stage{flex:1;width:auto;max-width:100%;height:auto;max-height:450px}.editor-stage svg{object-fit:contain;width:100%;max-height:450px}.canvas-toolbar{gap:7px;padding-bottom:13px}.canvas-toolbar>.button{min-height:35px;padding:7px 11px;font-size:14px}.canvas-toolbar>span{margin-top:2px;font-size:14px}.workspace-footer{display:none}.editor-left{background:#fff;border-right:0;order:1;min-height:330px;max-height:none;display:none;overflow:visible}.editor-left.mobile-visible{display:flex}.editor-panel-tabs{display:none}.editor-template-list,.layer-panel{padding:24px 17px;overflow:visible}.panel-heading h2{font-size:18px}.panel-heading>span{font-size:14px}.editor-template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px 10px}.editor-template>.scene-preview{aspect-ratio:1.15}.editor-template>span{font-size:14px}.editor-plan{min-height:73px;padding:16px}.editor-plan strong,.editor-plan>div>span{font-size:14px}.editor-plan>a{align-items:center;min-height:40px;display:flex}.editor-right{border-left:0;order:1;display:none;overflow:visible}.editor-right.mobile-visible{display:block}.inspector-title{min-height:48px;padding:0 19px}.inspector-title h2{font-size:14px}.inspector-section{padding:23px 20px}.inspector-section h3,.inspector-section label{font-size:14px}.inspector-section select{min-height:43px;font-size:14px}.field-help{font-size:14px}.upload-area{min-height:104px;margin:20px 0}.upload-area strong,.upload-area>span,.control-row{font-size:14px}.segmented button{min-height:34px;padding:8px 17px;font-size:14px}.range-control{margin-block:24px!important}.range-control output{font-size:14px}.range-control input[type=range]{height:35px;min-height:35px}.inspector-section>.text-button{min-height:40px;font-size:14px}.position-fields{gap:15px}.inspector-section input[type=number]{min-height:40px;font-size:14px}.checkbox-row{min-height:40px;font-size:14px!important}.layer-actions{justify-content:flex-start;gap:13px}.layer-actions .icon-button{min-width:40px;min-height:40px}.swatches{gap:12px;margin:20px 0}.swatches button{width:33px;height:33px}.color-input{font-size:14px}.editor-mobile-tabs{min-height:61px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--border);z-index:15;background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0}.editor-mobile-tabs button{color:#929e86;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;min-height:60px;font-size:14px;display:flex}.editor-mobile-tabs button[aria-pressed=true]{color:#2f6c42;background:#f1f6eb}.layer-select{min-height:48px;padding:12px 8px}.layer-select>span,.layer-select small{font-size:14px}.layer-row>.icon-button{min-width:38px;min-height:40px}.add-layer>label{font-size:14px}.add-device-buttons button,.add-layer>.button{min-height:43px;font-size:14px}.recovery-banner{margin:0 0 7px;padding:8px}.recovery-banner strong,.recovery-banner span{font-size:14px}.toast{width:calc(100vw - 30px);font-size:14px;line-height:1.7;bottom:77px}.dialog{padding:23px}.dialog-heading h2{font-size:23px}.dialog p,.dialog .button,.capture-viewports button{font-size:14px}.editor-header-actions>.icon-button:nth-child(2){display:none}}.stage-surround{container-type:size}.editor-stage{width:min(100cqw, calc(100cqh * var(--canvas-ratio)));flex:none;max-width:100%;max-height:none}@media (max-width:850px){.stage-surround{container-type:normal}.editor-stage{width:min(100%, calc(450px * var(--canvas-ratio)));flex:none;max-height:none}.editor-stage>svg{max-height:none}}@media (max-width:380px){.editor-header{gap:7px;padding-inline:10px}.editor-header .logo{width:78px}.project-title{max-width:105px}.project-title input{width:105px}.editor-header-actions>.button{gap:4px;padding:8px;font-size:14px}.project-title>span,.editor-template>span{font-size:14px}}.three-canvas{touch-action:none;width:100%;height:100%;display:block}.editor-shell input:not([type=range]):not([type=checkbox]):not([type=color]),.editor-shell select,.editor-shell textarea{font-size:16px}.mobile-project-controls{display:none}@media (max-width:850px){.mobile-project-controls{gap:10px;display:grid}.editor-header-actions>.text-button{display:none}}.canvas-error{color:#9f1239;background:#fff;border-radius:12px;padding:20px;position:absolute;inset:30% 10%}.finish-swatches{flex-wrap:wrap;gap:7px;margin:10px 0;display:flex}.finish-swatches button{cursor:pointer;border:2px solid #fff;border-radius:50%;width:29px;height:29px;box-shadow:0 0 0 1px #cbd5d1}.finish-swatches button[aria-pressed=true]{box-shadow:0 0 0 2px #0f766e}.angle-presets{flex-wrap:wrap;gap:5px;margin:12px 0;display:flex}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#fafbf9;--surface:#fff;--ink:#111827;--muted:#5e6866;--border:#e1e5df;--soft:#f1f3ee;--accent:#0f766e;--accent-hover:#115e59;--teal:#14b8a6;--radius:10px;color:var(--ink);background:var(--page);font-synthesis:none;font-family:Inter Variable,Inter,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button{color:inherit}svg{flex-shrink:0}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}p{line-height:1.75}h1,h2,h3{font-weight:550}h1,h2{letter-spacing:-.055em}h1{font-size:clamp(42px,5vw,68px);line-height:1.08}h2{font-size:42px;line-height:1.14}h3{letter-spacing:-.025em;font-size:17px}button{background:0 0;border:0}input,select,textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--ink);border-radius:7px;min-height:44px;padding:12px}input[type=checkbox]{width:16px;height:16px;min-height:16px;accent-color:var(--accent)}input[type=range]{min-height:24px;accent-color:var(--accent);padding:0}input[type=color]{width:36px;height:32px;min-height:32px;padding:3px}label{font-size:14px;font-weight:500;display:block}textarea{resize:vertical}select{appearance:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #0f766e}::selection{background:#c9e9df}.section-frame{max-width:1280px;margin:auto;padding-left:40px;padding-right:40px}.button{background:var(--accent);color:#fff;border:1px solid var(--accent);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:13px 21px;font-size:14px;font-weight:550;line-height:1.3;transition:background .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--border)}.button.secondary:hover:not(:disabled){background:var(--soft);border-color:#bac5be}.button.small{min-height:41px;padding:10px 15px;font-size:14px}.button.full{width:100%}.icon-button{color:#5f6c68;border-radius:6px;justify-content:center;align-items:center;min-width:36px;min-height:36px;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--soft);color:var(--ink)}.text-link{align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:550;display:inline-flex}.text-link:hover{color:var(--accent)}.text-button{min-height:32px;color:var(--accent);justify-content:center;align-items:center;gap:6px;padding:5px 0;font-size:14px;font-weight:550;display:inline-flex}.eyebrow{letter-spacing:.17em;color:#65746a;align-items:center;gap:9px;font-size:14px;font-weight:600;line-height:1.5;display:flex}.eyebrow>span:first-child{background:var(--accent);width:20px;height:1px}.subtle{color:var(--muted);font-size:14px}.muted{color:#65736a}.mono{font-variant-numeric:tabular-nums;letter-spacing:.06em;font-size:14px}.logo{flex-shrink:0;align-items:center;width:135px;display:inline-flex}.logo img{width:100%;height:auto;display:block}.site-header{background:var(--page);border-bottom:1px solid #e7eae4;height:88px}.header-inner{justify-content:space-between;align-items:center;max-width:1280px;height:100%;margin:auto;padding:0 40px;display:flex}.desktop-nav{align-items:center;gap:30px;margin-left:70px;display:flex}.desktop-nav a,.login-link{color:#43504a;align-items:center;min-height:44px;font-size:14px;font-weight:500;display:flex}.desktop-nav a:hover,.login-link:hover{color:var(--accent)}.header-actions{align-items:center;gap:25px;display:flex}.mobile-menu{display:none}.skip-link{background:var(--ink);color:#fff;z-index:100;padding:12px;position:fixed;top:-80px;left:10px}.skip-link:focus{top:10px}.hero{grid-template-columns:.9fr 1.15fr;align-items:center;gap:50px;padding-top:68px;padding-bottom:63px;display:grid}.hero-copy{padding-bottom:10px}.hero-copy .eyebrow{margin-bottom:27px}.hero-copy h1{font-size:clamp(45px,5vw,66px);font-weight:560;line-height:1.08}.hero-copy h1 em{color:#0f766e;font-style:normal}.hero-copy>p{color:var(--muted);max-width:360px;margin-top:25px;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:21px;margin-top:31px;display:flex}.hero-actions .button{padding:15px 18px}.hero-actions .text-link{font-size:14px}.free-note{color:#718078;align-items:center;gap:7px;margin-top:19px;font-size:14px;display:flex}.free-note svg{color:var(--accent)}.hero-demo{background:#f2f4ef;border:1px solid #d8ded7;border-radius:11px;min-width:0;overflow:hidden;box-shadow:0 12px 26px #182e2110}.demo-toolbar{color:#627168;background:#fbfcf9;border-bottom:1px solid #d8ded7;justify-content:space-between;align-items:center;height:44px;padding:0 17px;display:flex}.demo-toolbar>span:first-child{align-items:center;gap:8px;font-size:14px;display:flex}.live-dot,.local-dot{background:#0f766e;border-radius:50%;width:5px;height:5px;display:inline-block}.hero-art{aspect-ratio:1.19;background:#e8e4dc;position:relative}.scene-preview{line-height:0;overflow:hidden}.scene-preview>svg{width:100%;height:auto;display:block}.hero-art>.scene-preview{width:100%;height:100%}.hero-art>.scene-preview>svg{object-fit:cover;width:100%;height:100%}.hero-art .scene-preview{padding:0}.hero-art svg{overflow:visible}.demo-note{color:#526455;align-items:center;gap:5px;font-size:14px;display:flex;position:absolute;bottom:19px;left:17px}.edit-demo{background:#fbfcf9ed;border-radius:5px;align-items:center;gap:8px;min-height:36px;padding:8px 11px;font-size:14px;display:flex;position:absolute;bottom:14px;right:14px;box-shadow:0 2px 6px #28382a0c}.edit-demo:hover{color:var(--accent);background:#fff}.demo-bottom{background:#fbfcf9;justify-content:space-between;align-items:center;gap:8px;min-height:62px;padding:11px 16px;display:flex}.demo-bottom>span{letter-spacing:.11em;color:#7c887e;font-size:14px}.demo-bottom>div{gap:3px;display:flex}.demo-bottom button{white-space:nowrap;color:#58685e;border-radius:4px;min-height:32px;padding:8px;font-size:14px}.demo-bottom button[aria-pressed=true]{color:#243e30;background:#e7eee6;box-shadow:0 1px 2px #11182708}.device-strip{border-top:1px solid var(--border);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:92px;display:flex}.device-strip>span:first-child{letter-spacing:.1em;color:#7b857c;max-width:170px;font-size:14px;line-height:1.7}.device-strip>div{color:#58635d;align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.device-strip-note{color:#859086;font-size:14px}.gallery-section{padding-top:87px;padding-bottom:84px}.section-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:33px;display:flex}.section-heading h2{margin-top:14px}.section-heading p{color:var(--muted);margin-top:12px;font-size:14px}.section-heading>.text-link{margin-bottom:3px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:31px 22px;display:grid}.template-art{background:#e1e5dc;border-radius:8px;position:relative;overflow:hidden}.template-art .scene-preview{aspect-ratio:4/3}.template-art svg{object-fit:cover;width:100%;height:100%;transition:transform .35s}.template-card:hover .template-art svg{transform:scale(1.035)}.template-open{background:#ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;transition:background .2s;display:flex;position:absolute;bottom:12px;right:12px}.template-card:hover .template-open{background:#fff}.template-meta{justify-content:space-between;align-items:center;gap:8px;padding-top:14px;display:flex}.template-meta h3{letter-spacing:-.015em;font-size:14px;font-weight:550}.template-meta p{color:#7a837b;margin-top:3px;font-size:14px}.template-type{color:#707d72;border:1px solid var(--border);white-space:nowrap;border-radius:4px;padding:4px 6px;font-size:14px}.workflow-section{background:#f0f2ec;border-block:1px solid #e6e9e0}.workflow{grid-template-columns:1.1fr 1fr;align-items:center;gap:85px;padding-top:70px;padding-bottom:70px;display:grid}.workflow-art{background:#dbe3dc;border:1px solid #d4ddd2;border-radius:10px;overflow:hidden}.workflow-art .scene-preview{aspect-ratio:1.1}.workflow-art svg{object-fit:contain;height:100%}.workflow-caption{color:#526351;border-top:1px solid #c8d4c8;justify-content:space-between;align-items:center;padding:18px;font-size:14px;display:flex}.mini-label{letter-spacing:.14em;font-size:14px}.workflow-copy .eyebrow{margin-bottom:18px}.workflow-copy>p{color:#647163;max-width:330px;margin-top:19px;font-size:14px}.workflow-copy ol{margin:27px 0;padding:0;list-style:none}.workflow-copy li{gap:14px;margin:20px 0;display:flex}.workflow-copy li>svg{color:#466153;margin-top:3px}.workflow-copy li h3{font-size:14px;font-weight:600}.workflow-copy li p{color:#687668;margin-top:5px;font-size:14px}.workflow-copy .button{min-height:43px;font-size:14px}.pro-teaser{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;padding-top:90px;padding-bottom:90px;display:grid}.pro-tag{letter-spacing:.08em;color:#426653;background:#f0f5ee;border:1px solid #c6d4c8;border-radius:3px;padding:5px 7px;font-size:14px;font-weight:550;display:inline-flex}.pro-teaser h2{margin-top:20px}.pro-teaser p{color:var(--muted);max-width:330px;margin:20px 0 10px;font-size:14px}.pro-editorial{color:#e7ede4;background:#152a26;border-radius:7px;grid-template-columns:1fr 2fr;align-items:center;gap:35px;min-height:335px;padding:33px;display:grid}.editorial-number{color:#9bbaa5;letter-spacing:-.07em;font-size:80px;font-weight:350}.pro-editorial>span:nth-child(2){letter-spacing:-.035em;font-size:29px;font-weight:450;line-height:1.2}.pro-editorial em{color:#b3c9b2;font-family:Georgia,serif;font-weight:400}.pro-editorial>div{color:#b0c0b2;letter-spacing:.06em;border-top:1px solid #3c5249;grid-column:1/-1;padding-top:15px;font-size:14px}.final-cta{text-align:center;border-top:1px solid var(--border);padding-block:72px 90px}.final-cta .eyebrow{justify-content:center}.final-cta h2{margin:20px 0 29px;font-size:50px}.final-cta h2 span{color:#79897c}.final-cta>p{color:#798579;margin-top:15px;font-size:14px}.site-footer{border-top:1px solid var(--border);background:#f1f3ee}.footer-inner{grid-template-columns:2fr 1fr 1fr;gap:45px;max-width:1280px;margin:auto;padding:48px 40px;display:grid}.footer-inner>div{flex-direction:column;align-items:flex-start;gap:13px;display:flex}.footer-inner .logo{width:125px;margin-bottom:2px}.footer-inner p{color:#687568;font-size:14px}.footer-inner .subtle{font-size:14px}.footer-inner>div>a:not(.logo){color:#667265;min-height:23px;font-size:14px}.footer-label{margin-bottom:4px;font-size:14px;font-weight:600}.footer-bottom{color:#758071;border-top:1px solid #e0e6da;justify-content:space-between;gap:15px;max-width:1200px;margin:auto;padding:20px 0;font-size:14px;display:flex}.page-content{min-height:65vh;padding-top:75px;padding-bottom:80px}.page-content>h1{margin:23px 0}.page-intro{max-width:560px;color:var(--muted);margin:20px 0 43px;font-size:15px}.gallery-filters{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.filter-tabs{flex-wrap:wrap;gap:5px;display:flex}.filter-tabs button{color:#667268;border-radius:6px;min-height:40px;padding:10px 14px;font-size:14px}.filter-tabs button[aria-pressed=true]{color:#2d4935;background:#e5ebe2}.search-box{color:#7b887e;border:1px solid var(--border);background:#fff;border-radius:6px;align-items:center;gap:8px;width:260px;padding:0 11px;display:flex}.search-box input{outline-offset:0;background:0 0;border:none;padding:9px 0;font-size:14px}.release-note{color:#62725e;background:#f0f3ec;border:1px solid #e0e6dc;border-radius:7px;align-items:flex-start;gap:25px;margin-top:38px;padding:21px;font-size:14px;line-height:1.8;display:flex}.release-note strong{color:#3b573e;white-space:nowrap;font-weight:550}.release-note.vertical{flex-direction:column;gap:7px;margin:18px 0}.empty-state{color:var(--muted);text-align:center;padding:55px}.template-detail{padding-top:35px;padding-bottom:85px}.template-detail-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;margin-top:25px;display:grid}.template-detail-grid>.scene-preview{border-radius:9px}.template-detail-grid h1{margin:18px 0;font-size:44px;line-height:1.1}.template-detail-grid p{color:var(--muted);font-size:14px}.template-detail-grid .subtle{margin-top:17px;font-size:14px}.check-list{gap:15px;margin:27px 0;padding:0;list-style:none;display:grid}.check-list li{align-items:flex-start;gap:9px;font-size:14px;line-height:1.5;display:flex}.check-list svg{color:#58735e}.pricing-page{padding-top:67px;padding-bottom:80px}.pricing-page>h1{margin:22px 0}.billing-toggle{border:1px solid var(--border);background:#eff2eb;border-radius:8px;align-items:center;gap:4px;width:fit-content;margin-bottom:30px;padding:4px;display:flex}.billing-toggle button{border-radius:5px;min-height:39px;padding:10px 18px;font-size:14px}.billing-toggle button[aria-pressed=true]{background:#fff;box-shadow:0 1px 5px #1118270b}.billing-toggle button span{color:#476646;margin-left:5px;font-size:14px}.pricing-grid{grid-template-columns:1fr 1fr;gap:22px;max-width:960px;display:grid}.pricing-card{border:1px solid var(--border);background:#fff;border-radius:10px;padding:31px}.pricing-card h2{margin:13px 0 25px;font-size:29px}.price{letter-spacing:-.06em;align-items:baseline;gap:8px;font-size:52px;font-weight:500;display:flex}.price>span{letter-spacing:0;color:#7b867b;font-size:14px;font-weight:400}.pricing-card>p{color:#6d796b;max-width:280px;min-height:43px;margin:14px 0 24px;font-size:14px}.pro-price{background:#f0f4ee;border-color:#c6d2c3}.plan-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.plan-heading .pro-tag{font-size:14px}.plan-limits{color:#7b8676;border-top:1px solid var(--border);padding-top:19px;font-size:14px;line-height:1.8}.faq{max-width:800px;margin-top:70px}.faq h2{margin-bottom:30px;font-size:34px}details{border-bottom:1px solid var(--border)}summary{cursor:pointer;padding:22px 0;font-size:14px;font-weight:500}details p{color:#687565;padding-bottom:23px;font-size:14px}.feature-showcase{grid-template-columns:1.2fr 1fr;align-items:center;gap:65px;margin:50px 0;display:grid}.feature-showcase .scene-preview{border-radius:8px}.feature-showcase p{color:var(--muted);margin:20px 0 25px;font-size:14px}.feature-columns{grid-template-columns:1fr 1fr;gap:60px;margin-top:75px;display:grid}.feature-columns h2{font-size:30px}.feature-columns p{color:var(--muted);margin-top:17px;font-size:14px}.prose{max-width:880px}.prose h2{margin:40px 0 15px;font-size:28px}.prose p,.prose li{color:#647064;margin-bottom:20px;font-size:15px;line-height:1.9}.prose ol{padding-left:22px}.prose h1{margin-bottom:35px}.auth-page{background:#fafbf9;grid-template-columns:1fr 1fr;min-height:100dvh;display:grid}.auth-main{flex-direction:column;justify-content:space-between;gap:45px;padding:38px 65px;display:flex}.auth-content{width:100%;max-width:350px;margin:auto}.auth-content h1{margin-top:20px;font-size:44px}.auth-content>p{color:var(--muted);margin:19px 0 28px;font-size:14px}.auth-content>.text-link{color:#6c776e;margin-top:24px;font-size:14px}.auth-art{background:#d4ded2;flex-direction:column;justify-content:center;padding:30px;display:flex;overflow:hidden}.auth-art .scene-preview{width:115%;margin-left:-7%}.auth-art>div:last-child{padding:10px 35px 30px}.auth-art h2{color:#304b37;margin-top:20px;font-size:36px}.auth-form form{gap:10px;display:grid}.auth-form input{font-size:14px}.auth-form form>.button{margin-top:3px}.disabled-provider{border:1px solid var(--border);color:#6f786c;border-radius:6px;align-items:center;gap:14px;min-height:49px;padding:10px 17px;font-size:14px;display:flex}.disabled-provider>div{flex-direction:column;gap:4px;display:flex}.disabled-provider>div>span{color:#91998e;font-size:14px}.google-letter{color:#56645a;font-size:17px;font-weight:650}.divider{color:#8d978b;align-items:center;gap:14px;margin:20px 0;font-size:14px;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.dev-inbox{color:#57704d;background:#f1f4ed;border:1px dashed #c4d1be;border-radius:6px;margin-top:18px;padding:14px;font-size:14px}.dev-inbox p{margin-top:7px;font-size:14px;line-height:1.7}.dev-inbox .text-link{font-size:14px}.auth-legal{color:#8a9485;font-size:14px;line-height:1.8;margin-top:18px!important}.auth-legal a{text-decoration:underline}.error-message{color:#9f342c;margin-top:13px;font-size:14px}.success-message{color:#315f40;background:#eaf2e6;border-radius:5px;gap:10px;margin-top:15px;padding:13px;font-size:14px;display:flex}.success-message span{margin-top:4px;font-size:14px;display:block}@media (min-width:1500px){.hero{padding-top:80px;padding-bottom:80px}.hero-art{aspect-ratio:1.15}}@media (max-width:1100px){.section-frame{padding-left:30px;padding-right:30px}.header-inner{padding:0 30px}.desktop-nav{gap:24px;margin-left:15px}.hero{gap:28px;padding-top:53px}.hero-copy h1{font-size:51px}.hero-actions{gap:14px}.hero-actions .button{padding:13px 14px;font-size:14px}.hero-actions .text-link{font-size:14px}.hero-copy>p{max-width:315px;font-size:14px}.demo-bottom>span{display:none}.demo-bottom{justify-content:center}.demo-toolbar>span:first-child{font-size:14px}.demo-note{font-size:14px;bottom:57px;left:15px}.hero-art{aspect-ratio:1.08}.workflow{gap:45px}.pro-teaser{gap:50px}.device-strip-note{display:none}.footer-bottom{padding-inline:30px}.template-detail-grid{gap:35px}}@media (max-width:760px){.section-frame{padding-left:22px;padding-right:22px}.site-header{height:72px}.header-inner{padding:0 22px}.logo{width:123px}.desktop-nav,.login-link{display:none}.header-actions{gap:10px}.header-actions>.button{min-height:37px;padding:9px 12px;font-size:14px}.header-actions>.button svg{display:none}.mobile-menu{display:block;position:relative}.mobile-menu nav{border:1px solid var(--border);z-index:10;background:#fff;border-radius:7px;flex-direction:column;width:200px;padding:10px;display:flex;position:absolute;top:45px;right:0;box-shadow:0 9px 24px #14251b15}.mobile-menu nav a{padding:13px;font-size:14px}.hero{grid-template-columns:1fr;gap:36px;padding-top:42px;padding-bottom:30px}.hero-copy{padding-bottom:0}.hero-copy h1{letter-spacing:-.06em;font-size:52px}.hero-copy .eyebrow{margin-bottom:21px;font-size:14px}.hero-copy>p{max-width:345px;margin-top:22px;font-size:14px}.hero-actions{gap:20px;margin-top:25px}.hero-actions .button{min-height:47px;padding:13px 16px;font-size:14px}.hero-actions .text-link{font-size:14px}.free-note{margin-top:15px;font-size:14px}.hero-demo{border-radius:8px}.hero-art{aspect-ratio:1.18}.demo-toolbar{height:36px;padding-inline:12px}.demo-toolbar>span:first-child,.demo-toolbar>.mono{font-size:14px}.demo-bottom{min-height:51px;padding:8px}.demo-bottom button{padding:7px 9px;font-size:14px}.demo-note{gap:3px;font-size:14px;bottom:16px;left:11px}.edit-demo{gap:5px;min-height:31px;padding:6px 8px;font-size:14px;bottom:9px;right:9px}.edit-demo svg{width:12px}.device-strip{flex-wrap:wrap;justify-content:flex-start;gap:14px 20px;min-height:105px;padding-top:22px;padding-bottom:22px}.device-strip>span:first-child{width:100%;max-width:none;font-size:14px}.device-strip>div{gap:5px;font-size:14px}.device-strip>div svg{width:15px;height:16px}.gallery-section{padding-top:48px;padding-bottom:45px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:24px}.section-heading h2{margin-top:12px;font-size:32px}.section-heading p{max-width:260px;margin-top:10px;font-size:14px}.section-heading>.text-link{min-height:24px;font-size:14px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.template-meta{padding-top:10px}.template-meta h3{font-size:14px;line-height:1.3}.template-meta p{font-size:14px}.template-type{display:none}.template-open{width:24px;height:24px;bottom:7px;right:7px}.template-open svg{width:13px}.template-art{border-radius:5px}.workflow{grid-template-columns:1fr;gap:35px;padding-top:35px;padding-bottom:40px}.workflow-art{order:1}.workflow-copy{order:0}.workflow-copy h2{font-size:35px}.workflow-copy .eyebrow{font-size:14px}.workflow-copy>p{max-width:100%;font-size:14px}.workflow-copy li p,.workflow-copy li h3{font-size:14px}.workflow-copy ol{margin:23px 0}.workflow-art .scene-preview{aspect-ratio:1.2}.workflow-caption{gap:10px;padding:14px 12px;font-size:14px}.mini-label{font-size:14px}.pro-teaser{grid-template-columns:1fr;gap:30px;padding-top:46px;padding-bottom:45px}.pro-teaser h2{font-size:36px}.pro-teaser p{max-width:100%;font-size:14px}.pro-editorial{min-height:255px;padding:25px}.pro-editorial>span:nth-child(2){font-size:25px}.editorial-number{font-size:68px}.final-cta{padding-block:43px 48px}.final-cta h2{font-size:36px;line-height:1.18}.final-cta>.eyebrow,.final-cta>p{font-size:14px}.footer-inner{grid-template-columns:1fr 1fr;gap:30px 22px;padding:34px 22px}.footer-inner>div:first-child{grid-column:1/-1}.footer-inner>div{gap:12px}.footer-inner>div>a:not(.logo),.footer-inner p{font-size:14px}.footer-bottom{flex-wrap:wrap;padding:20px 22px;font-size:14px;line-height:1.7}.footer-bottom>span:nth-child(2){order:2;width:100%}.page-content,.pricing-page{padding-top:44px;padding-bottom:50px}.page-content>h1,.pricing-page>h1{font-size:45px}.page-intro{margin-bottom:30px;font-size:14px}.gallery-filters{flex-direction:column;align-items:stretch;gap:15px}.filter-tabs{gap:2px}.filter-tabs button{padding:9px 10px;font-size:14px}.search-box{width:100%}.release-note{flex-direction:column;gap:8px;padding:17px;font-size:14px}.template-detail{padding-top:23px;padding-bottom:45px}.template-detail-grid{grid-template-columns:1fr;gap:30px;margin-top:15px}.template-detail-grid h1{font-size:39px}.template-detail-grid p{font-size:14px}.pricing-grid{grid-template-columns:1fr;gap:18px}.pricing-card{padding:25px}.pricing-card>p{min-height:0}.faq h2{font-size:30px}.faq{margin-top:45px}.feature-showcase{grid-template-columns:1fr;gap:30px;margin:30px 0}.feature-showcase h2{font-size:34px}.feature-columns{grid-template-columns:1fr;gap:30px;margin-top:45px}.feature-columns h2{font-size:27px}.prose p,.prose li{font-size:14px}.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-main{gap:35px;min-height:100dvh;padding:25px}.auth-main>.subtle{font-size:14px}.auth-content{padding:10px 0}.auth-content h1{font-size:42px}}.eyebrow,.free-note,.demo-bottom>span,.device-strip>span:first-child,.device-strip-note,.template-meta p,.template-type,.workflow-copy li p,.final-cta>p,.footer-inner p,.footer-bottom,.price>span,.plan-limits,.pricing-card>p,.disabled-provider,.disabled-provider>div>span,.divider,.auth-legal,.auth-content>.text-link,.auth-art .eyebrow{color:#52605a}.free-note,.template-meta p,.footer-bottom,.demo-bottom>span,.device-strip>span:first-child,.template-type,.disabled-provider>div>span,.auth-legal{font-size:14px}.project-title>span,.editor-panel-tabs button,.panel-heading>span,.editor-template>span,.editor-plan>div>span,.workspace-top,.workspace-top .text-link,.canvas-toolbar>span,.workspace-footer>span,.inspector-section h3,.field-help,.upload-area,.upload-area>span,.segmented button,.range-control output,.layer-select small,.recovery-banner span,.editor-mobile-tabs button{color:#52605a}.editor-template>span,.panel-heading>span,.inspector-section h3,.inspector-section label,.control-row{font-size:14px}.inspector-section select,.inspector-section input[type=number],.inspector-section textarea{font-size:16px}.field-help,.upload-area strong,.upload-area>span,.range-control output,.workspace-top,.workspace-top .text-link,.canvas-size,.canvas-toolbar>span,.workspace-footer>span,.workspace-footer .text-button,.project-title>span,.editor-plan>div>span{font-size:14px}.project-title>span{color:#52605a}.editor-plan strong{font-size:14px}.mobile-history{display:none}@media (max-width:850px){.editor-header-actions>.icon-button{display:none}.project-title>span,.editor-template>span,.editor-workspace .workspace-top{font-size:14px}.canvas-toolbar>.button{min-height:44px;font-size:14px}.mobile-history{gap:0;display:flex}.mobile-history>.icon-button{min-width:38px;min-height:44px}.canvas-toolbar{gap:6px}.canvas-toolbar>span,.editor-mobile-tabs button{font-size:14px}.editor-plan>a{justify-content:center;min-width:44px}.inspector-section label{font-size:14px}.swatches button{width:35px;height:35px}.workspace-top>span:nth-child(2){font-size:14px}}@media (max-width:380px){.project-title>span{font-size:14px}.canvas-toolbar>.button{padding-inline:9px;font-size:14px}.editor-template>span{font-size:14px}}.storage-meter{border:1px solid var(--line,#dde3de);background:#f3f6f1;border-radius:16px;margin-block:28px;padding:28px}.storage-meter h2{margin:0 0 12px;font-size:22px;line-height:1.35}.storage-meter p{overflow-wrap:anywhere;line-height:1.6}.storage-meter progress{accent-color:#107972;width:100%;height:10px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.site-header-dark,.brand-hero{--ink:#f8fafc;--muted:#bdc8d2;--border:#354352;--surface:#16212d;--soft:#243341;--accent:#0f766e;--accent-hover:#115e59;color:#f8fafc;background:#0d151f}.site-header-dark{border-color:#293440}.site-header-dark .desktop-nav a,.site-header-dark .login-link,.site-header-dark .icon-button{color:#d2dce5}.site-header-dark .nav-pro,.site-header-dark a:hover,.brand-hero .text-link:hover{color:#5eead4}.site-header-dark .button,.brand-hero .button{color:#fff}.site-header-dark .mobile-menu nav{background:#16212d;border-color:#354352}.brand-hero{background:radial-gradient(at 80% 30%,#20313c 0%,#0d151f 65%);border-bottom:1px solid #293440}.brand-hero .hero{padding-top:72px;padding-bottom:76px}.brand-hero .eyebrow,.brand-hero .free-note,.brand-hero .field-help{color:#bdc8d2}.brand-hero .eyebrow>span:first-child{background:#2dd4bf}.brand-hero .hero-copy h1 em,.brand-hero .free-note svg{color:#5eead4}.brand-hero .hero-copy>p,.brand-hero .device-landing p{color:#bdc8d2}.brand-hero .hero-demo{background:#111d28;border-color:#40505e;box-shadow:0 24px 60px #0004}.brand-hero .demo-toolbar,.brand-hero .demo-bottom{color:#c0ced9;background:#131f2b;border-color:#354352}.brand-hero .demo-toolbar{gap:16px;height:auto;min-height:48px;padding-block:12px}.brand-hero .demo-toolbar>span:first-child{line-height:1.5}.brand-hero .demo-bottom>span,.brand-hero .demo-bottom button{color:#bdc8d2}.brand-hero .demo-bottom button[aria-pressed=true]{color:#f8fafc;background:#2a3d4c}.brand-hero .hero-art{background:#17242e}.brand-hero .demo-note{color:#dbe6eb;background:#111c27e8;border-radius:5px;padding:6px 8px;line-height:1.5}.brand-hero .edit-demo{color:#f8fafc;background:#1d303def;border:1px solid #536674}.brand-hero .hero-angle{color:#c4d1db;border-color:#354352;line-height:1.5}.brand-hero .hero-angle input{accent-color:#2dd4bf}.brand-hero .device-landing .scene-preview{aspect-ratio:4/3;border:1px solid #40505e;box-shadow:0 24px 60px #0003}.brand-hero :focus-visible,.site-header-dark :focus-visible{outline-color:#5eead4}.scene-preview,.three-canvas{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.scene-preview img{-webkit-user-drag:none}.three-canvas{object-fit:contain;width:100%;height:100%;display:block}.export-field{gap:8px;margin-block:20px;display:grid}.export-field .field-help{margin:0}.inspector-section label{line-height:1.5}.inspector-section select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' stroke='%2352605a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;line-height:1.5}.inspector-section>select{min-height:44px;margin-bottom:20px;padding:10px 36px 10px 12px;line-height:1.5;display:block}.inspector-section .inspector-field{gap:8px;margin-block:20px;display:grid}.inspector-section .inspector-field select{min-height:44px;padding:10px 36px 10px 12px;line-height:1.5}.inspector-section .inspector-field .field-help{margin-top:0;font-weight:400}.inspector-section h3{margin-bottom:20px;line-height:1.5}.inspector-section .field-help{line-height:1.65}.finish-swatches{flex-wrap:wrap;gap:10px;margin-block:12px}.range-control>span{gap:12px;line-height:1.5}.preview-export-note{color:#52605a;text-align:center;flex-shrink:0;padding:8px 20px;font-size:14px;line-height:1.6}@media (min-width:1100px){.editor-layout{grid-template-columns:248px minmax(0,1fr) 288px}}@media (max-width:700px){.brand-hero .hero{padding-top:42px;padding-bottom:42px}.brand-hero .demo-toolbar{padding:12px}.brand-hero .demo-bottom{padding-block:12px}.brand-hero .demo-note{bottom:58px;left:12px}.brand-hero .device-landing{padding-top:42px;padding-bottom:42px}.preview-export-note{padding:8px 16px 14px}}.dialog-description,.dialog p,.export-signin p,.export-summary{color:#52605a}@media (max-width:760px){.hero-copy h1{font-size:44px}.header-actions>.button,.mobile-menu .icon-button,.demo-bottom button,.edit-demo,.dialog .icon-button{min-height:44px}.mobile-menu .icon-button{min-width:44px}.demo-bottom{min-height:62px}.edit-demo{bottom:9px}.swatches button{width:44px;height:44px}.checkbox-row{min-height:44px}.demo-note{font-size:14px;bottom:60px}}.library-toolbar{flex-wrap:wrap;gap:12px;margin:24px 0;display:flex}.project-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin:32px 0;display:grid}.project-card,.empty-library{background:#fff;border:1px solid #dce3dd;border-radius:14px;padding:28px}.project-card h2{margin:16px 0;font-size:24px}.project-card .danger{color:#9f1239;margin-left:20px}.scene-preview>img,.hero-art>.three-canvas{object-fit:contain;width:100%;height:100%;display:block}.hero-angle{color:#475569;border-top:1px solid #dbe1df;align-items:center;gap:14px;padding:15px 22px;font-size:14px;display:flex}.hero-angle input{accent-color:#0f766e;cursor:ew-resize;flex:1;min-width:0}.hero-angle output{font-variant-numeric:tabular-nums;min-width:34px}.angle-scope{align-items:center;gap:8px;font-size:14px;line-height:1.6;display:flex}.angle-scope input{accent-color:#0f766e;width:17px;height:17px}.inspector-note{color:#475569;margin:10px 0 16px;font-size:14px;line-height:1.6}.admin-page>h1{margin-bottom:22px;font-size:clamp(36px,5vw,58px)}.admin-dashboard{margin:30px 0 48px}.admin-tabs{background:#edf1f1;border:1px solid #dce3e3;border-radius:12px;gap:5px;margin:0 0 30px;padding:6px;display:flex;overflow-x:auto}.admin-tabs button{color:#475569;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:8px;min-height:44px;padding:10px 18px;font-weight:600}.admin-tabs button[aria-pressed=true]{color:#0f172a;background:#fff;box-shadow:0 2px 6px #1118270c}.admin-dashboard h2{letter-spacing:-.7px;margin:14px 0;font-size:25px}.admin-dashboard>p{color:#475569;max-width:780px;margin-bottom:24px;line-height:1.7}.admin-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin:26px 0;display:grid}.admin-stats>div{background:#fff;border:1px solid #dce3e3;border-radius:12px;gap:8px;padding:24px;display:grid}.admin-stats strong{letter-spacing:-1px;font-size:36px;font-weight:600}.admin-stats span{color:#475569;text-transform:capitalize;font-size:14px}.admin-overview-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.admin-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.admin-catalog-grid .project-card{min-width:0}.admin-catalog-grid .project-card>img{object-fit:cover;border-radius:8px;width:100%;height:180px;margin-bottom:15px;display:block}.admin-dashboard .project-card{flex-direction:column;gap:12px;display:flex}.admin-dashboard .project-card p{color:#475569;line-height:1.7}.admin-dashboard .project-card .button{align-self:flex-start}.admin-dashboard label,.admin-access label{gap:8px;font-size:14px;font-weight:600;display:grid}.admin-dashboard input:not([type=checkbox]),.admin-dashboard textarea,.admin-dashboard select,.admin-access input{color:#111827;width:100%;min-width:0;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:12px}.admin-dashboard textarea{resize:vertical;line-height:1.6}.admin-dashboard .check-label{align-items:center;gap:8px;min-height:32px;display:flex}.admin-dashboard input[type=checkbox]{accent-color:#0f766e;width:17px;height:17px}.admin-search{max-width:420px;margin-bottom:24px}.admin-status{overflow-wrap:anywhere;background:#edf5f3;border:1px solid #bbd8d2;border-radius:9px;padding:15px 18px;font-size:14px;line-height:1.6}.admin-finishes{flex-wrap:wrap;gap:9px;font-size:14px;line-height:1.5;display:flex}.admin-finishes span{align-items:center;gap:5px;display:flex}.admin-finishes i{border:1px solid #11182720;border-radius:50%;width:15px;height:15px}.admin-blog-layout{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:24px;display:grid}.admin-post-list{gap:8px;display:grid}.admin-post-list button{text-align:left;cursor:pointer;background:#fff;border:1px solid #dce3e3;border-radius:10px;gap:8px;padding:18px;line-height:1.6;display:grid}.admin-post-list button[aria-pressed=true]{background:#edf5f3;border-color:#0f766e}.admin-post-list span{color:#0f766e;text-transform:uppercase;letter-spacing:1px;font-size:14px}.admin-guides{gap:16px;min-width:0;margin:25px 0;display:grid}.admin-guides details.project-card{overflow-wrap:anywhere;min-width:0;display:block}.admin-guides summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;padding:4px 0;display:flex}.admin-guides summary strong{flex:1;font-size:18px}.admin-guides summary:before{content:"+";color:#0f766e;width:20px;font-size:22px}.admin-guides details[open] summary:before{content:"−"}.admin-guides p{margin:18px 0}.admin-guides ol{max-width:960px;padding-left:24px}.admin-guides li{color:#334155;padding:7px 0 7px 7px;font-size:14px;line-height:1.8}.setup-badge{color:#755c25;background:#f4eee4;border-radius:6px;padding:6px 9px;font-size:14px;font-weight:600;display:inline-block}.setup-badge.configured{color:#115e59;background:#dceee8}.env-key-list{flex-wrap:wrap;gap:8px;margin:15px 0;display:flex}.env-key-list code{overflow-wrap:anywhere;border:1px solid #dce3e3;border-radius:6px;max-width:100%;padding:7px 9px;font-size:14px}.admin-table-wrap{background:#fff;border:1px solid #dce3e3;border-radius:10px;margin:24px 0 40px;overflow-x:auto}.admin-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:14px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:15px 18px}.admin-table th{background:#f1f5f9;font-weight:600}.admin-access{gap:20px;max-width:540px;margin:40px 0;display:grid}.admin-access h2{letter-spacing:-.8px;font-size:26px}.admin-access p{color:#475569;line-height:1.7}.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px;margin:45px 0 80px;display:grid}.blog-card{background:#fff;border:1px solid #dce3e3;border-radius:14px;transition:border-color .2s;display:block;overflow:hidden}.blog-card:hover{border-color:#8ba6a0}.blog-card>.scene-preview{aspect-ratio:4/3;overflow:hidden}.blog-card>div:last-child{padding:28px}.blog-card h2{letter-spacing:-.7px;margin:14px 0;font-size:25px;line-height:1.25}.blog-card p{color:#475569;margin-bottom:22px;font-size:14px;line-height:1.8}.article-page{padding-top:38px;padding-bottom:80px}.article-breadcrumb{color:#475569;align-items:center;gap:10px;margin-bottom:60px;font-size:14px;display:flex}.article-breadcrumb a{text-underline-offset:3px;text-decoration:underline}.article-header{max-width:870px;margin:0 auto 40px}.article-header h1{letter-spacing:-2.1px;margin:20px 0 25px;font-size:clamp(36px,4.5vw,60px);line-height:1.1}.article-header>p{color:#475569;font-size:20px;line-height:1.65}.article-byline{color:#475569;margin-top:25px;font-size:14px;line-height:1.6}.article-cover{border-radius:16px;max-width:960px;margin:40px auto 55px;overflow:hidden}.article-cover .scene-preview{aspect-ratio:16/10}.article-cover .scene-preview>img{object-fit:cover}.article-body{max-width:720px;margin:auto}.article-body p{color:#334155;margin-bottom:26px;font-size:17px;line-height:1.95}.article-body h2{letter-spacing:-.9px;margin:47px 0 20px;font-size:29px;line-height:1.25}.article-cta{background:#edf4f1;border:1px solid #d5e5df;border-radius:12px;margin:45px 0;padding:30px}.article-cta h2{margin-top:0}.article-related{border-top:1px solid #dce3e3;max-width:720px;margin:65px auto 0;padding-top:28px}.article-related h2{margin-bottom:20px;font-size:25px}.article-related>a{color:#0f766e;border-bottom:1px solid #dce3e3;padding:15px 0;font-size:15px;display:block}.device-landing{grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;padding-top:70px;padding-bottom:75px;display:grid}.device-landing h1{letter-spacing:-2px;margin:24px 0;font-size:clamp(38px,4.2vw,60px);line-height:1.1}.device-landing p{color:#475569;margin-bottom:28px;font-size:17px;line-height:1.8}.device-landing .scene-preview{border-radius:14px;overflow:hidden}.device-landing .field-help{margin-top:18px;line-height:1.7}.landing-detail{border-top:1px solid #dce3e3;grid-template-columns:1fr 1.4fr;gap:80px;padding-top:65px;padding-bottom:65px;display:grid}.landing-detail h2{letter-spacing:-1.2px;margin-top:20px;font-size:36px}.landing-detail p,.landing-faq p{color:#475569;margin-bottom:20px;font-size:16px;line-height:1.9}.landing-faq{max-width:850px;padding-top:50px;padding-bottom:60px}.landing-faq h2{letter-spacing:-.8px;margin-bottom:22px;font-size:29px;line-height:1.25}.device-links{color:#0f766e;border-top:1px solid #dce3e3;flex-wrap:wrap;gap:18px 30px;padding-top:25px;padding-bottom:45px;font-size:14px;display:flex}@media (max-width:1000px){.admin-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.device-landing{gap:30px}.device-strip{flex-wrap:wrap}}@media (max-width:700px){.admin-stats{grid-template-columns:repeat(2,1fr);gap:10px}.admin-stats>div{padding:18px}.admin-overview-grid,.admin-catalog-grid,.admin-blog-layout,.blog-grid,.device-landing,.landing-detail{grid-template-columns:1fr}.admin-tabs{margin-left:-4px;margin-right:-4px}.admin-tabs button{padding:10px 14px;font-size:14px}.admin-post-list{padding-bottom:10px;display:flex;overflow-x:auto}.admin-post-list button{min-width:230px}.admin-post-form{padding:18px}.admin-guides .project-card{padding:20px}.admin-guides summary{grid-template-columns:18px 1fr;display:grid}.admin-guides summary .setup-badge{grid-column:2;justify-self:start}.admin-guides li{padding-left:2px;font-size:14px}.blog-grid{gap:24px;margin-top:30px}.blog-card>div:last-child{padding:22px}.blog-card h2{font-size:23px}.article-breadcrumb{margin-bottom:35px}.article-header h1{letter-spacing:-1.3px}.article-header>p{font-size:17px}.article-cover{margin:30px 0 35px}.article-body p{font-size:16px;line-height:1.85}.article-body h2{font-size:25px}.article-cta{padding:23px}.device-landing{padding-top:40px;padding-bottom:40px}.landing-detail{gap:25px;padding-top:40px;padding-bottom:40px}.hero-angle{padding:12px 15px;font-size:14px}}.contact-page{grid-template-columns:1fr 1fr;gap:90px;padding-top:70px;padding-bottom:90px;display:grid}.contact-page h1{letter-spacing:-2px;margin:24px 0;font-size:clamp(38px,5vw,60px);line-height:1.1}.contact-page p{color:#475569;margin-bottom:22px;font-size:16px;line-height:1.8}.contact-form{background:#fff;border:1px solid #dce3e3;border-radius:14px;align-self:start;gap:22px;padding:30px;display:grid}.contact-form label{gap:9px;font-size:14px;font-weight:600;display:grid}.contact-form input:not([type=checkbox]),.contact-form textarea{width:100%;min-width:0;min-height:44px;font:inherit;color:#111827;background:#fff;border:1px solid #cbd5e1;border-radius:7px;padding:12px}.contact-form textarea{resize:vertical;line-height:1.7}.contact-form .check-label{align-items:start;gap:9px;font-weight:400;line-height:1.7;display:flex}.contact-form .check-label input{accent-color:#0f766e;margin-top:4px}.contact-form .check-label a{text-decoration:underline}.contact-form .support-honeypot{display:none}@media (max-width:800px){.contact-page{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:50px}.contact-form{padding:22px}}.nav-pro{color:var(--accent);margin-left:5px;font-size:14px;font-weight:600}.desktop-nav{gap:22px}.site-header .desktop-nav a,.login-link{font-size:15px}.page-intro,.hero-copy>p,.workflow-copy>p{font-size:18px;line-height:1.7}button,a,input,select,textarea{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}input:not([type=range]):not([type=checkbox]),select,textarea{font-size:16px}.button{min-height:44px}.template-card,.blog-card,.journal-links>a{transition:transform .22s,box-shadow .22s}@media (hover:hover){.template-card:hover,.blog-card:hover,.journal-links>a:hover{transform:translateY(-4px);box-shadow:0 14px 32px #1118270b}}.hero-copy,.article-header,.device-landing-copy{animation:.6s both studio-arrive}@keyframes studio-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-scroll{0%{transform:translateY(12px)}to{transform:translateY(0)}}.journal-teaser{padding-top:72px;padding-bottom:72px}.journal-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.journal-links>a{border-radius:12px;overflow:hidden}.journal-links h3{padding:20px 12px 12px;font-size:21px;line-height:1.35}.journal-links .text-link{padding:0 12px 18px}.article-contents{border-block:1px solid var(--border);gap:12px;margin-bottom:36px;padding:24px 0;font-size:16px;display:grid}.article-contents a{color:var(--accent)}.article-body h2{scroll-margin-top:100px}.legal-settings-form{gap:16px;margin-bottom:32px;display:grid}.legal-settings-form label{gap:8px;font-size:15px;display:grid}.legal-settings-form input{border:1px solid var(--border);border-radius:8px;width:100%;padding:12px}.prose p{font-size:17px}.prose section{margin-top:30px}@media (max-width:1100px){.desktop-nav{gap:14px}}@media (max-width:700px){.journal-links{grid-template-columns:1fr}.hero-copy>p,.page-intro{font-size:17px}.journal-teaser{padding-top:48px;padding-bottom:48px}.prose p{font-size:16px}.demo-toolbar>span:first-child{line-height:1.5}.demo-bottom{flex-wrap:wrap;gap:12px}.demo-bottom>div,.hero-actions{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body{font-size:15px}h1{font-size:clamp(40px,4.8vw,64px)}h2{font-size:38px}.hero-copy h1{font-size:clamp(42px,4.6vw,62px)}.page-intro,.hero-copy>p,.workflow-copy>p{font-size:17px;line-height:1.7}.prose p{font-size:16px}.inspector-section select{line-height:24px}@media (min-width:851px){.editor-shell input:not([type=range]):not([type=checkbox]):not([type=color]),.editor-shell select,.editor-shell textarea{font-size:15px}}.site-header{z-index:80;position:sticky;top:0}.site-header .header-inner{border:1px solid #0000;border-radius:0;width:100%;transition:width .32s,height .32s,margin .32s,border-radius .32s,background-color .32s,box-shadow .32s;position:relative}.site-header[data-scrolled=true]{background:0 0;border-color:#0000}.site-header[data-scrolled=true] .header-inner{-webkit-backdrop-filter:blur(18px);background:#fafbf9ed;border-color:#dce3df;border-radius:16px;width:min(100% - 32px,1248px);height:64px;margin-top:12px;box-shadow:0 8px 32px #10232412}.site-header-dark[data-scrolled=true] .header-inner{background:#111d28ed;border-color:#42515d;box-shadow:0 8px 32px #0003}.site-header .desktop-nav{gap:20px;margin-left:30px}.site-header .mobile-menu nav{z-index:90}html{scroll-padding-top:100px}.hero-stage{min-width:0;padding:16px 0 25px;position:relative}.hero-stage:before{content:"";opacity:.6;background:url(/artwork/studio-slate.webp) 50%/cover;border-radius:28px;position:absolute;inset:-14px -20px 0}.hero-stage .hero-demo{position:relative}.hero-asset-tag{color:#c5d5dd;justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:14px;display:flex;position:relative}.hero-asset-tag svg{color:#5eead4}.landing-device-art{background:url(/artwork/studio-slate.webp) 50%/cover;border-radius:24px;min-width:0;padding:18px}.landing-art-caption{color:#c3d5dd;letter-spacing:.12em;padding:18px 4px 4px;font-size:14px;display:block}.brand-hero .device-landing .scene-preview{border-radius:14px}.studio-showcase,.product-value,.home-pricing{padding-top:80px;padding-bottom:80px}.studio-showcase .section-heading h2,.product-value .section-heading h2,.home-pricing h2{max-width:740px}.showcase-layout{grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);align-items:stretch;gap:38px;display:grid}.showcase-art{background:#16242f;border:1px solid #dde3e0;border-radius:22px;align-self:center;display:block;position:relative;overflow:hidden}.showcase-image{aspect-ratio:1.44;height:auto;min-height:0}.showcase-image img{object-fit:contain;width:100%;height:100%;transition:transform .6s cubic-bezier(.2,.7,.2,1);display:block}.showcase-stamp,.showcase-edit{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#111d28ed;border:1px solid #64737b;align-items:center;gap:9px;display:flex;position:absolute}.showcase-stamp{border-radius:20px;padding:8px 12px;font-size:14px;top:20px;left:20px}.showcase-edit{border-radius:9px;padding:12px 15px;font-size:14px;bottom:20px;right:20px}.showcase-stamp .live-dot{background:#5eead4;width:6px;height:6px}.showcase-notes{align-content:center;gap:24px;padding:8px 0;display:grid}.source-snippet{border-bottom:1px solid var(--border);grid-template-columns:80px minmax(0,1fr);align-items:center;gap:18px;padding-bottom:24px;display:grid}.source-snippet>img{object-fit:cover;object-position:top;border-radius:8px;width:80px;height:160px;box-shadow:0 10px 24px #17282314}.source-snippet strong{letter-spacing:-.035em;margin:10px 0;font-size:21px;font-weight:550;line-height:1.3;display:block}.source-snippet p,.showcase-point p{color:var(--muted);font-size:15px;line-height:1.7}.showcase-point{gap:14px;display:flex}.showcase-point>svg{color:var(--accent);margin-top:3px}.showcase-point h3{margin-bottom:7px;font-size:17px}.showcase-proof{color:#315951;background:#e9f1ed;border-radius:9px;align-items:center;gap:9px;padding:14px;font-size:14px;line-height:1.5;display:flex}.product-value{border-top:1px solid var(--border)}.product-value .section-heading p{max-width:650px;font-size:16px;line-height:1.7}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.work-card{border:1px solid var(--border);background:#fff;border-radius:16px;padding:30px}.value-icon{color:#0f766e;background:#e7f0ed;border-radius:13px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:28px;display:flex}.work-card .mini-label{color:#52635e;font-size:14px;line-height:1.5}.work-card h3{letter-spacing:-.04em;margin:14px 0 18px;font-size:23px;line-height:1.25}.work-card p{color:#52615c;font-size:15px;line-height:1.75}.work-card .work-pain{border-bottom:1px solid var(--border);color:#63716c;margin-bottom:16px;padding-bottom:16px}.value-assurances{color:#52635e;flex-wrap:wrap;justify-content:center;gap:16px 30px;margin-top:30px;font-size:14px;display:flex}.value-assurances span{align-items:center;gap:8px;display:flex}.value-assurances svg{color:var(--accent)}.home-pricing{border-top:1px solid var(--border)}.home-pricing .section-heading{margin-bottom:24px}.home-pricing .billing-toggle{margin-top:28px}.home-pricing .pricing-card h2{font-size:28px}.home-pricing .price{font-size:66px}.home-pricing .pricing-card>p,.pricing-card>p{font-size:15px;line-height:1.7}.pricing-card .plan-outcome{color:#3f514b;min-height:74px;margin-bottom:20px}.pricing-value{margin-top:68px;padding-bottom:0}.pricing-value .section-heading{text-align:left}.pricing-value .section-heading h2{font-size:36px}.pricing-page>h1{font-size:clamp(38px,4.6vw,58px)}@media (hover:hover){.showcase-art:hover .showcase-image img{transform:scale(1.025)}}@media (max-width:1100px){.site-header .desktop-nav{gap:12px;margin-left:12px}.showcase-layout{grid-template-columns:1.2fr 1fr;gap:26px}.work-card{padding:24px}.value-grid{gap:16px}}@media (max-width:850px){.showcase-layout{grid-template-columns:1fr}.showcase-image{aspect-ratio:1.44;min-height:0}.showcase-notes{grid-template-columns:1fr 1fr;gap:24px}.source-snippet{grid-column:1/-1;grid-template-columns:70px 1fr}.source-snippet>img{width:70px;height:130px}.showcase-proof{grid-column:1/-1}.value-grid{grid-template-columns:1fr}.work-card{padding:28px}.work-card h3{font-size:23px}.value-icon{margin-bottom:18px}.site-header[data-scrolled=true] .header-inner{padding-inline:18px}}@media (max-width:700px){h2{font-size:32px}.hero-copy h1{font-size:42px}.hero-copy>p,.page-intro,.workflow-copy>p{font-size:16px}.studio-showcase,.product-value,.home-pricing{padding-top:50px;padding-bottom:50px}.studio-showcase .section-heading,.home-pricing .section-heading{flex-direction:column;align-items:flex-start;gap:20px}.studio-showcase h2,.product-value h2,.home-pricing h2,.pricing-value .section-heading h2{font-size:31px}.showcase-notes{grid-template-columns:1fr}.showcase-stamp{padding:6px 10px;top:12px;left:12px}.showcase-edit{padding:10px 12px;bottom:12px;right:12px}.source-snippet{grid-template-columns:68px 1fr}.source-snippet strong{font-size:20px}.hero-stage{padding-top:10px}.hero-stage:before{border-radius:18px;inset:-4px -8px 0}.hero-asset-tag{align-items:flex-start;padding-inline:6px;font-size:14px;line-height:1.5}.hero-asset-tag svg{margin-top:2px}.landing-device-art{padding:12px}.landing-art-caption{letter-spacing:.07em;padding-top:13px;font-size:14px;line-height:1.6}.pricing-card .plan-outcome{min-height:0}.home-pricing .price{font-size:60px}.site-header[data-scrolled=true] .header-inner{border-radius:12px;width:calc(100% - 20px);height:56px;margin-top:8px;padding-inline:12px}.value-assurances{flex-direction:column;align-items:flex-start;gap:14px}}@media (prefers-reduced-motion:reduce){.site-header .header-inner,.showcase-image img{transition:none}.showcase-art:hover .showcase-image img{transform:none}}
.editorial-hero{background:#101b25;border:0;position:relative;overflow:hidden}.editorial-hero:before{content:"";opacity:.1;pointer-events:none;background:url(/artwork/studio-slate.webp) 50% 45%/cover;position:absolute;inset:0}.editorial-hero-copy{text-align:center;padding-top:62px;padding-bottom:54px;position:relative}.editorial-hero-copy .eyebrow{letter-spacing:.13em;justify-content:center;align-items:center;gap:10px;font-size:14px;line-height:1.6;display:flex}.editorial-hero h1{letter-spacing:-.065em;margin-top:24px;font-size:clamp(52px,5.7vw,80px);font-weight:500;line-height:1.04}.editorial-hero h1 em{color:#79ddca;font-style:normal}.editorial-hero-copy>p{color:#c1cdd3;max-width:650px;margin:24px auto 0;font-size:17px;line-height:1.75}.editorial-hero .hero-actions{justify-content:center;gap:28px;margin-top:28px}.editorial-hero .button{color:#153c36;background:#c4f1e5;border-color:#c4f1e5;border-radius:9px;min-height:50px;font-size:15px}.editorial-hero .button:hover{color:#153c36;background:#e0fff5}.editorial-hero .free-note{justify-content:center;margin-top:18px;font-size:14px;line-height:1.6}.hero-edition{color:#a9bac3;letter-spacing:.1em;justify-content:space-between;gap:24px;padding-bottom:22px;font-size:14px;line-height:1.6;display:flex;position:relative}.hero-edition span:last-child{align-items:center;gap:12px;display:flex}.work-ribbon{background:linear-gradient(#101b25 0 48%,#fafbf9 48%);padding-bottom:14px}.work-rail{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:clamp(360px,40vw,600px);grid-auto-flow:column;gap:20px;padding:0 max(24px,50vw - 600px) 10px;scroll-padding-left:max(24px,50vw - 600px);display:grid;overflow-x:auto}.work-rail::-webkit-scrollbar{display:none}.ribbon-project{scroll-snap-align:start;background:#20312e;border-radius:14px;min-width:0;position:relative;overflow:hidden}.work-image{width:100%;line-height:0}.work-image img{aspect-ratio:16/11;object-fit:contain;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.2,1);display:block}.ribbon-caption{color:#fff;background:#152a28;justify-content:space-between;align-items:center;padding:14px 20px;font-size:14px;line-height:1.5;display:flex}.ribbon-controls{color:#536762;justify-content:space-between;align-items:center;gap:24px;padding-top:20px;padding-bottom:24px;font-size:14px;line-height:1.5;display:flex}.ribbon-navigation{gap:10px;display:flex}.ribbon-navigation button{color:#173e35;background:#fff;border:1px solid #bfcfc8;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.ribbon-navigation button:disabled{opacity:.4}.device-family-row{border-bottom:1px solid #dce3de;justify-content:space-between;align-items:center;gap:30px;padding-top:34px;padding-bottom:45px;display:flex}.device-family-row>span{color:#63736c;font-size:14px;line-height:1.65}.device-family-row>a{letter-spacing:-.04em;align-items:center;gap:10px;min-height:44px;font-size:21px;display:flex}.device-family-row>a svg{color:#6f837a}.work-gallery{max-width:1400px;padding-top:100px;padding-bottom:100px}.editorial-heading{grid-template-columns:1.5fr 1fr;align-items:end;gap:80px;margin-bottom:48px;display:grid}.editorial-heading .eyebrow{letter-spacing:.09em;color:#526a61;margin-bottom:25px;font-size:14px;line-height:1.7}.editorial-heading h2{letter-spacing:-.055em;font-size:clamp(36px,3.8vw,52px);font-weight:500;line-height:1.12}.editorial-heading h2>span{color:#76867e}.editorial-heading>p{color:#53675e;max-width:410px;padding-bottom:3px;font-size:17px;line-height:1.8}.work-filters{border-bottom:1px solid #dce3de;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:26px;padding:0 0 22px;display:flex}.work-filters button{color:#53675e;border-radius:6px;min-height:44px;padding:11px 17px;font-size:15px}.work-filters button[aria-pressed=true]{color:#fff;background:#182c27}.work-filters>span{color:#607369;margin-left:auto;padding:12px 0;font-size:14px}.work-project-grid{grid-template-columns:1.08fr 1fr;align-items:start;gap:0 42px;display:grid}.project-story{min-width:0;padding-bottom:48px}.project-story:nth-child(2n){padding-top:75px}.project-art.showcase-art{background:#dce5df;border:0;border-radius:12px;display:block;position:relative;overflow:hidden}.project-open{color:#1e3d32;background:#fff;border-radius:7px;align-items:center;gap:12px;padding:12px 15px;font-size:14px;line-height:1.5;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 8px #0001}.project-caption{padding:24px 2px 0}.project-category{color:#526e61;font-size:14px;line-height:1.6}.project-caption h3{letter-spacing:-.04em;margin-top:10px;font-size:25px;font-weight:500;line-height:1.25}.project-caption p{color:#5b6c62;max-width:490px;margin-top:12px;font-size:15px;line-height:1.75}.project-format{color:#61766b;gap:12px;margin-top:20px;font-size:14px;line-height:1.6;display:flex}.project-format>span{color:#9aaca2}.example-disclosure{color:#5b6c62;border-top:1px solid #dce3de;max-width:840px;padding-top:24px;font-size:14px;line-height:1.75}.interactive-studio{color:#f2f6f3;background:#12221f;padding:100px 0 34px}.interactive-studio .editorial-heading .eyebrow{color:#a4c6b9}.interactive-studio .editorial-heading h2>span{color:#9cbbaf}.interactive-studio .editorial-heading>p{color:#bdcfc6}.interactive-layout{grid-template-columns:.85fr 1.65fr;align-items:center;gap:65px;display:grid}.studio-steps{min-width:0}.studio-step{border-top:1px solid #40554c}.studio-step h3 button{text-align:left;letter-spacing:-.04em;align-items:center;gap:18px;width:100%;min-height:80px;padding:20px 0;font-size:23px;font-weight:450;line-height:1.25;display:flex}.studio-step h3 button>svg{color:#a8c7b9;margin-left:auto}.studio-step .step-number{font-variant-numeric:tabular-nums;color:#a8c7b9;letter-spacing:0;font-size:14px}.studio-step>div{padding:0 6px 28px 37px}.studio-step p{color:#bdcfc6;font-size:15px;line-height:1.8}.studio-step>div>span{color:#a2cebb;margin-top:18px;font-size:14px;line-height:1.6;display:block}.studio-steps>a{color:#c7efdb;margin-top:28px}.interactive-studio .hero-demo{box-shadow:none;background:#172d27;border:1px solid #496359;border-radius:12px}.interactive-studio .demo-toolbar{color:#c0d8cd;background:#172d27;border-color:#496359;gap:20px;height:auto;min-height:52px;padding:14px 20px;line-height:1.6}.interactive-studio .demo-toolbar>span:first-child{font-size:14px;line-height:1.5}.interactive-studio .live-dot{background:#8ae2be}.interactive-studio .hero-art{aspect-ratio:4/3;background:#172a31}.interactive-studio .demo-note{display:none}.interactive-studio .edit-demo{color:#18372a;background:#e8f4ec;border-radius:7px;min-height:44px;bottom:18px;right:18px}.interactive-studio .demo-bottom{background:#172d27;gap:12px;padding:14px 18px}.interactive-studio .demo-bottom>span{display:none}.interactive-studio .demo-bottom>div{justify-content:space-between;gap:8px;width:100%}.interactive-studio .demo-bottom button{color:#c0d8cd;min-height:44px;padding:10px 13px;font-size:14px}.interactive-studio .demo-bottom button[aria-pressed=true]{color:#fff;box-shadow:none;background:#36564a}.interactive-studio .hero-angle{color:#d0e5d9;background:#172d27;border-color:#496359;grid-template-columns:auto minmax(0,1fr) 42px;gap:18px;margin:0;padding:15px 22px;font-size:14px;line-height:1.6;display:grid}.interactive-studio .hero-angle input{accent-color:#95dfbf}.interactive-studio :focus-visible{outline-color:#95dfbf}.studio-footnote{color:#b7cec1;border-top:1px solid #40554c;justify-content:space-between;align-items:center;gap:22px;margin-top:34px;padding-top:30px;font-size:14px;line-height:1.6;display:flex}.studio-footnote>span,.studio-footnote>a{align-items:center;gap:10px;display:flex}.studio-home .home-pricing{padding-top:95px;padding-bottom:100px}.studio-home .home-pricing .editorial-heading h2{font-size:clamp(36px,3.8vw,52px)}.studio-home .home-pricing .pricing-card h2{font-size:28px}.studio-home .journal-teaser{padding-top:0;padding-bottom:100px}.studio-home .journal-links>a{background:0 0;border:0;border-radius:0;padding:0}.studio-home .journal-links .scene-preview{border-radius:10px}.journal-category{color:#577363;margin-top:24px;font-size:14px;line-height:1.6;display:block}.studio-home .journal-links h3{margin:12px 0 18px;font-size:23px;font-weight:500;line-height:1.3}.closing-editorial{background:#dbece2;padding:80px 0 70px}.closing-editorial .eyebrow{color:#3d6555;margin-bottom:24px;font-size:14px;line-height:1.6}.closing-row{justify-content:space-between;align-items:center;gap:40px;display:flex}.closing-row h2{font-size:clamp(38px,4.1vw,58px);font-weight:500;line-height:1.1}.closing-row h2>span{color:#5d8270}.closing-row .button{white-space:nowrap;min-height:52px;padding:16px 22px}.closing-editorial p{color:#4b685a;max-width:680px;margin-top:30px;font-size:14px;line-height:1.8}.editorial-landing .device-landing{grid-template-columns:.9fr 1.3fr;gap:65px;max-width:1400px;padding-top:85px;padding-bottom:85px}.editorial-landing .device-landing h1{font-size:clamp(40px,4.2vw,64px);font-weight:500;line-height:1.08}.editorial-landing .landing-device-art{background:0 0;border-radius:12px;padding:0}.editorial-landing .landing-device-art .work-image{border-radius:12px;overflow:hidden}.editorial-landing .landing-art-caption{letter-spacing:.05em;padding:18px 0 0;font-size:14px;line-height:1.6}.work-gallery-compact{padding-top:85px;padding-bottom:45px}.work-gallery-compact .work-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.work-gallery-compact .project-story:nth-child(2n){padding-top:55px}.work-gallery-compact .project-caption h3{font-size:23px}.work-gallery-compact .project-open{padding:9px 12px;bottom:10px;right:10px}.work-gallery-compact .project-format{display:block}.work-gallery-compact .project-format>span{padding:0 4px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.project-art:hover .work-image img,.ribbon-project:hover .work-image img{transform:scale(1.035)}}@media (max-width:1100px){.editorial-heading{grid-template-columns:1.3fr 1fr;gap:40px}.interactive-layout{grid-template-columns:.95fr 1.5fr;gap:32px}.editorial-landing .device-landing{gap:36px}.device-family-row{gap:20px}.device-family-row>a{font-size:19px}.work-project-grid{gap:0 28px}.work-gallery-compact .work-project-grid{grid-template-columns:1fr 1fr}.work-gallery-compact .project-story:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:28px;display:grid}}@media (max-width:850px){.editorial-hero-copy{padding-top:54px}.editorial-hero h1{font-size:64px}.interactive-layout{grid-template-columns:1fr}.studio-steps{grid-template-columns:1fr;max-width:640px;display:grid}.studio-step h3 button{min-height:70px}.interactive-layout .hero-demo{grid-row:1}.studio-steps>a{margin-top:12px}.device-family-row{flex-wrap:wrap;justify-content:center;gap:15px 30px}.device-family-row>span{text-align:center;width:100%}.device-family-row>span br{display:none}.editorial-landing .device-landing{grid-template-columns:1fr;max-width:750px}.editorial-landing .landing-device-art{margin-top:15px}}@media (max-width:700px){.editorial-hero-copy{padding-top:42px;padding-bottom:38px}.editorial-hero-copy .eyebrow{letter-spacing:.055em;gap:8px;font-size:14px}.editorial-hero h1{margin-top:23px;font-size:clamp(44px,10.7vw,64px);line-height:1.05}.editorial-hero-copy>p{max-width:410px;margin-top:22px;font-size:16px;line-height:1.75}.desktop-break{display:none}.editorial-hero .hero-actions{flex-flow:wrap;gap:16px 22px;margin-top:26px}.editorial-hero .hero-actions .button{width:auto;padding:13px 18px;font-size:15px}.editorial-hero .hero-actions .text-link{display:none}.editorial-hero .free-note{align-items:flex-start;gap:8px;max-width:320px;margin:17px auto 0;font-size:14px}.editorial-hero .free-note svg{margin-top:4px}.hero-edition{padding-bottom:18px}.hero-edition>span:first-child{letter-spacing:.025em;font-size:14px}.hero-edition>span:last-child{display:none}.work-rail{grid-auto-columns:86vw;gap:14px;padding-inline:20px;scroll-padding-left:20px}.ribbon-project{border-radius:10px}.ribbon-caption{padding:12px 16px}.ribbon-controls{gap:15px;padding-top:13px;padding-bottom:18px}.ribbon-controls>span{max-width:180px}.ribbon-navigation{gap:8px}.device-family-row{gap:10px 20px;padding-top:18px;padding-bottom:30px}.device-family-row>a{gap:6px;font-size:18px}.device-family-row>a svg{width:14px}.work-gallery{padding-top:60px;padding-bottom:55px}.editorial-heading{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.editorial-heading .eyebrow{letter-spacing:.045em;margin-bottom:20px;font-size:14px}.editorial-heading h2,.studio-home .home-pricing .editorial-heading h2{font-size:clamp(32px,8.7vw,42px);line-height:1.13}.editorial-heading>p{max-width:480px;font-size:16px;line-height:1.75}.work-filters{gap:5px;margin-bottom:24px;padding-bottom:17px}.work-filters button{padding:10px 12px;font-size:14px}.work-filters>span{font-size:14px}.work-project-grid,.work-gallery-compact .work-project-grid{grid-template-columns:1fr;gap:0}.project-story,.project-story:nth-child(2n),.work-gallery-compact .project-story:nth-child(2n){padding-top:0;padding-bottom:38px}.work-gallery-compact .project-story:last-child{grid-column:auto;display:block}.project-caption{padding-top:19px}.project-caption h3{margin-top:8px;font-size:23px}.project-caption p{margin-top:10px;font-size:15px}.project-format{gap:9px;margin-top:14px;font-size:14px}.project-open{padding:10px 13px;font-size:14px;bottom:12px;right:12px}.example-disclosure{padding-top:20px;font-size:14px}.interactive-studio{padding:60px 0 26px}.interactive-layout{gap:32px}.interactive-studio .demo-toolbar{gap:14px;padding:12px 14px}.interactive-studio .demo-toolbar>span:first-child{max-width:230px}.interactive-studio .hero-art{aspect-ratio:1.12}.interactive-studio .edit-demo{bottom:12px;right:12px}.interactive-studio .demo-bottom{padding:10px}.interactive-studio .demo-bottom>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.interactive-studio .demo-bottom button{white-space:normal;min-height:60px;padding:10px 6px;font-size:14px;line-height:1.45}.interactive-studio .hero-angle{grid-template-columns:auto minmax(0,1fr) 36px;gap:10px;padding:14px}.studio-step h3 button{font-size:23px}.studio-footnote{flex-direction:column;align-items:flex-start;gap:16px;margin-top:24px;padding-top:24px}.studio-home .home-pricing{padding-top:60px;padding-bottom:65px}.studio-home .journal-teaser{padding-bottom:60px}.studio-home .journal-teaser .section-heading{flex-direction:column;align-items:flex-start;gap:22px}.studio-home .journal-teaser h2{font-size:32px}.studio-home .journal-links{gap:34px}.journal-category{margin-top:18px}.closing-editorial{padding:55px 0}.closing-row{flex-direction:column;align-items:flex-start;gap:28px}.closing-row h2{font-size:38px;line-height:1.13}.closing-editorial p{margin-top:25px}.editorial-landing .device-landing{gap:22px;padding-top:45px;padding-bottom:45px}.editorial-landing .device-landing h1{margin-block:22px;font-size:41px}.editorial-landing .device-landing p{font-size:16px}.editorial-landing .landing-art-caption{letter-spacing:0}}@media (prefers-reduced-motion:reduce){.work-image img{transition:none}}
