.public-shell{--muted:#64646f;--accent:#4b4aef;--line:#e7e7e2;color:#131316;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafaf7;flex-direction:column;min-height:100dvh;font-family:Geist,Arial,sans-serif;display:flex}.public-shell :is(a,button,input):focus-visible{outline-offset:4px;outline:2px solid #4b4aef}.public-header,.public-footer{justify-content:space-between;align-items:center;gap:24px;width:min(1120px,100%);margin-inline:auto;padding:24px 32px;display:flex}.public-header{border-bottom:1px solid var(--line)}.public-header nav,.public-footer nav{flex-wrap:wrap;gap:6px;display:flex}.public-header nav a{color:#64646f;border-radius:999px;padding:10px 17px;font-size:13px;font-weight:500}.public-header nav a:hover{color:#131316;background:#f0f0eb}.public-header nav a[aria-current=page]{color:#4b4aef;background:#ededff}.public-content{overflow-wrap:anywhere;flex:1;width:min(880px,100%);margin:0 auto;padding:64px 32px 80px;font-size:15px;line-height:1.85}.public-content>a:first-child{margin-bottom:24px;font-size:13px;display:inline-flex}.public-content h1{letter-spacing:-1.7px;margin:0 0 24px;font-size:clamp(32px,5vw,48px);font-weight:600;line-height:1.12}.public-content h2{letter-spacing:-.6px;margin:40px 0 14px;font-size:23px;font-weight:600;line-height:1.35}.public-content p{color:#64646f;margin:0 0 20px}.public-content h1+p{font-size:17px}.public-content a:not(.primary){color:#4b4aef;text-underline-offset:4px;-webkit-text-decoration:underline #c7c7fb;text-decoration:underline #c7c7fb}.public-content a:not(.primary):hover{text-decoration-color:currentColor}.public-content ul{color:#64646f;padding-left:24px}.public-content li{margin-block:10px;padding-left:4px}.public-content .primary{color:#fff;min-height:44px;box-shadow:none;background:#4b4aef;border-radius:999px;padding:12px 22px}.public-content .primary:hover{filter:none;background:#3c3bd0}.public-footer{border-top:1px solid var(--line);color:#64646f;font-size:12px}.public-footer a{padding:8px 10px}.public-footer a:hover,.public-footer a[aria-current=page]{color:#4b4aef}.public-content .public-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:32px 0 44px;padding:0;list-style:none;display:grid}.public-content .public-pack{background:#fff;border:1px solid #e0e0db;border-radius:20px;margin:0;padding:28px;font-size:14px}.public-pack strong{color:#131316;font-weight:500;display:block}.public-pack .public-price{letter-spacing:-1.5px;margin:20px 0 12px;font-size:40px;line-height:1.2;display:block}.public-content .public-pack:nth-child(2){background:#f1f1ff;border-color:#ccccfa}.public-content .public-model-list{background:#fff;border:1px solid #e7e7e2;border-radius:20px;margin:20px 0;padding:0;list-style:none;overflow:hidden}.public-content .public-model-list li{border-bottom:1px solid #e7e7e2;margin:0;padding:22px 26px}.public-content .public-model-list li:last-child{border:0}.public-compact{max-width:540px;padding-block:80px}.public-reset{background:#fff;border:1px solid #e7e7e2;border-radius:24px;padding:32px}.public-reset h1{font-size:32px}.public-reset .auth-form{gap:20px}.public-reset .auth-form label{color:#464650;font-size:13px}.public-reset .auth-form input{color:#131316;background:#fafaf7;border:1px solid #dddde0;border-radius:12px;min-height:48px;font-size:15px}.public-reset .auth-form input::placeholder{color:#74747e}.public-reset .notice{color:#285344;background:#edf6f0;border-color:#cbe4d5}.public-reset .notice.error{color:#9e3030;background:#fff1f1;border-color:#f0caca}.studio-shell .scene-guide{margin-inline:auto;padding-bottom:64px}.studio-shell .scene-guide ol{color:#64646f;padding-left:24px;font-size:15px;line-height:1.8;list-style:decimal}.studio-shell .scene-guide li{margin-bottom:16px;padding-left:8px}.scene-guide-details{grid-template-columns:1fr 1fr;gap:24px;margin-top:32px;display:grid}.scene-guide-details>div{background:#fff;border:1px solid #e7e7e2;border-radius:20px;padding:28px}.studio-shell .scene-guide h3{color:#131316;margin-bottom:14px;font-size:17px;font-weight:600}.studio-shell .scene-guide p{color:#64646f;font-size:14px;line-height:1.8}body:has(.studio-shell) .pricing-dialog :is(.price small,.price-card>strong){color:#464650}body:has(.studio-shell) .pricing-dialog .popular{color:#fff;background:#4b4aef;border-radius:999px;padding:5px 10px;font-size:8px}body:has(.studio-shell) .pricing-dialog .price-card{border-radius:18px}body:has(.studio-shell) .pricing-dialog .price-card :is(p,li){font-size:12px}body:has(.studio-shell) .pricing-dialog .price-card button{border-radius:999px}body:has(.studio-shell) [data-slot=dialog-content] :is(button,a,input):focus-visible{outline-color:#4b4aef}@media (max-width:600px){.public-header{flex-direction:column;align-items:flex-start;gap:18px;padding:20px}.public-header nav{width:100%}.public-header nav a{text-align:center;flex:1}.public-content{padding:36px 22px 48px}.public-content h1{letter-spacing:-1px}.public-content h1+p{font-size:15px}.public-content .public-pack-grid,.scene-guide-details{grid-template-columns:1fr}.public-content .public-pack{padding:24px}.public-pack .public-price{margin-top:12px;font-size:36px}.public-footer{flex-direction:column;align-items:flex-start;gap:10px;padding:24px 20px}.public-footer a:first-child{padding-left:0}.public-reset{padding:24px}.studio-shell .scene-guide{padding-bottom:32px}.scene-guide-details>div{padding:22px}}body:has(.studio-shell) .auth-dialog{gap:0;width:min(480px,100vw - 32px);max-height:calc(100dvh - 32px);overflow-y:auto;border-radius:28px!important;max-width:480px!important;padding:32px!important}body:has(.studio-shell) .auth-dialog .auth-logo{margin:4px 0 30px}body:has(.studio-shell) .auth-dialog [data-slot=dialog-title]{letter-spacing:-.7px;margin:0 0 12px;font-size:28px;font-weight:600;line-height:1.2}body:has(.studio-shell) .auth-dialog [data-slot=dialog-description]{margin-bottom:28px;font-size:16px;line-height:1.55}body:has(.studio-shell) .auth-dialog .auth-google{color:#131316;background:#fff;border:1px solid #e1e1dd;border-radius:999px;justify-content:center;align-items:center;gap:12px;min-height:52px;font-size:16px;font-weight:500;display:flex}body:has(.studio-shell) .auth-dialog .auth-google:hover:not(:disabled){filter:none;background:#f6f6f3}body:has(.studio-shell) .auth-dialog .auth-form{gap:18px;margin-top:0}body:has(.studio-shell) .auth-dialog .auth-form label{color:#131316;font-size:14px}body:has(.studio-shell) .auth-dialog .auth-form input{border-radius:16px;min-height:50px;padding:12px 16px;font-size:16px}body:has(.studio-shell) .auth-dialog .auth-form .primary{min-height:52px;box-shadow:none;background:#131316;border-radius:999px;font-size:15px}body:has(.studio-shell) .auth-dialog .auth-form .primary:hover:not(:disabled){filter:none;background:#303036}.auth-divider{color:#71717a;align-items:center;gap:14px;margin:26px 0;font-size:13px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e7e7e2;flex:1;height:1px}.auth-benefits{color:#71717a;margin-top:22px;font-size:12px;line-height:1.6}.auth-benefits summary{cursor:pointer;width:fit-content}body:has(.studio-shell) .auth-dialog .auth-benefits p{margin:10px 0 0;font-size:12px}body:has(.studio-shell) .auth-dialog .auth-terms{text-align:center;margin:24px 0 0;font-size:12px;line-height:1.7}body:has(.studio-shell) .auth-dialog .auth-terms a{color:#131316}body:has(.studio-shell) .auth-dialog [data-slot=dialog-close]{color:#71717a;top:22px;right:22px}@media (max-width:600px){body:has(.studio-shell) .auth-dialog{border-radius:24px!important;padding:28px 24px!important}body:has(.studio-shell) .auth-dialog [data-slot=dialog-description]{font-size:15px}}.studio-shell .toast{color:#131316;background:#fff;border-color:#e7e7e2;box-shadow:0 8px 32px #1313161a}.studio-shell .toast>svg{color:#4b4aef}body:has(.studio-shell) .account-dialog :is(.primary,.secondary){border-radius:999px}.pricing-page-shell{padding-left:260px}.pricing-page-shell .public-header{background:#fff;border:0;border-right:1px solid #e7e7e2;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:24px;width:260px;margin:0;padding:0 12px;position:fixed;inset:0 auto 0 0}.pricing-page-shell .public-header .studio-brand{height:64px;padding-inline:12px}.pricing-page-shell .public-header nav{flex-direction:column;gap:0}.pricing-page-shell .public-header nav a{color:#626268;border-radius:12px;padding:10px 12px;font-size:14px;font-weight:400;line-height:20px}.pricing-page-shell .public-header nav a[aria-current=page]{color:#131316;background:#f4f4f0;font-weight:500}.pricing-page-shell .public-content{width:100%;max-width:1280px;padding:48px 32px 40px}.pricing-page-head h1{letter-spacing:-1.54px;margin:0;font-size:44px;line-height:55px}.pricing-page-shell .pricing-page-head p{max-width:660px;margin:8px 0 0;font-size:16px;line-height:26px}.pricing-page-shell .public-pack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:40px 0 0}.pricing-page-shell .public-pack{isolation:isolate;color:#71717a;border:1px solid #e7e7e2;border-radius:24px;min-height:216px;padding:24px;font-size:12.5px;line-height:1.5;position:relative;box-shadow:0 1px 2px #00000008}.pricing-page-shell .public-pack strong>span:first-child{font-size:15px;line-height:22.5px}.pricing-page-shell .public-pack .public-price{letter-spacing:-1.76px;margin:20px 0 8px;font-size:clamp(32px,3.05vw,44px);font-weight:600;line-height:44px}.pricing-page-shell .public-pack.is-featured{color:#ffffffb3;background:#14133a;border-color:#14133a;box-shadow:0 1px 2px #00000008,0 12px 32px #13131614}.pricing-page-shell .public-pack.is-featured:before{content:"";z-index:-1;filter:blur(65px);pointer-events:none;background:#4b4aef66;border-radius:50%;width:170px;height:170px;position:absolute;top:-40px;right:-10px}.pricing-page-shell .public-pack.is-featured strong{color:#fff}.pricing-page-details{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:32px;margin-top:64px;display:grid}.pricing-page-details h2{letter-spacing:-.75px;margin:0;font-size:30px;line-height:45px}.pricing-page-details>div{border-top:1px solid #e7e7e2;padding-top:20px}.pricing-page-details p{font-size:14px;line-height:24px}.pricing-page-shell .public-footer{align-items:flex-start;width:calc(100% - 64px);max-width:1216px;margin-top:64px;padding:48px 0}@media (max-width:1199px) and (min-width:761px){.pricing-page-shell .public-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-page-shell .public-pack .public-price{font-size:44px}}@media (max-width:760px){.pricing-page-shell{padding-left:0}.pricing-page-shell .public-header{border-bottom:1px solid #e7e7e2;border-right:0;gap:0;width:100%;padding:0 20px 16px;position:static}.pricing-page-shell .public-header .studio-brand{padding:0}.pricing-page-shell .public-header nav{flex-direction:row}.pricing-page-shell .public-header nav a{text-align:center;flex:1}.pricing-page-shell .public-content{padding:32px 22px 40px}.pricing-page-head h1{letter-spacing:-1px;font-size:34px;line-height:1.2}.pricing-page-shell .public-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-page-shell .public-pack{padding:22px}.pricing-page-details{grid-template-columns:1fr;gap:20px;margin-top:48px}.pricing-page-details h2{font-size:26px;line-height:1.35}.pricing-page-shell .public-footer{width:calc(100% - 44px);margin-top:24px;padding-block:28px}}@media (max-width:480px){.pricing-page-shell .public-pack-grid{grid-template-columns:1fr}.pricing-page-shell .public-pack{min-height:190px}.pricing-page-shell .public-pack .public-price{font-size:44px}}.pricing-page-shell .public-pack:not(.is-featured){background:#fff;border-color:#e7e7e2}.pricing-page-shell .public-pack{padding-top:44px}.pack-badge{color:#4b4aef;background:#efeffe;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:500;position:absolute;top:14px;right:18px}.pricing-page-shell .public-pack .pack-unit{color:#64646f;margin:12px 0 0;font-size:12px}.pricing-page-shell .public-pack .pack-saving{color:#4b4aef;min-height:36px;margin:8px 0 20px;font-size:12px;line-height:1.5}.pricing-page-shell .public-pack .pack-capacity{border-top:1px solid #e7e7e2;margin:0;padding:18px 0 0;list-style:none}.pricing-page-shell .pack-capacity li{margin:0 0 12px;padding:0;font-size:13px;line-height:1.5}.pricing-page-shell .pack-capacity strong{font-weight:600;display:inline}.pricing-page-shell .public-pack .pack-description{margin:20px 0 0;font-size:12px;line-height:1.6}.pricing-page-shell .public-pack.is-featured :is(.pack-unit,.pack-description,.pack-capacity){color:#d6d6e6}.pricing-page-shell .public-pack.is-featured .pack-saving{color:#c2c1ff}.pricing-page-shell .public-pack.is-featured .pack-capacity{border-color:#ffffff26}.pricing-page-shell .pack-comparison-note{color:#71717a;max-width:900px;margin-top:24px;font-size:12px;line-height:1.8}body:has(.studio-shell) .pricing-dialog .price-card .dialog-pack-value{margin:12px 0;font-size:12px;line-height:1.6}.public-route{min-height:100dvh;margin-left:260px;padding-left:0}.studio-sidebar .studio-nav-item[aria-current=page],.studio-navigation-dialog .studio-nav-item[aria-current=page]{color:#131316;background:#efeffe}@media (max-width:1150px){.public-route{margin-left:220px}}@media (max-width:800px){.public-route{min-height:calc(100dvh - 64px);margin-left:0}}
.template-gallery{width:calc(100% - 64px);max-width:920px;margin:64px 0 0 max(32px,min(100%,1140px)/2 - 460px);scroll-margin-top:82px;position:relative}.template-gallery-heading{margin-bottom:24px}.template-gallery-heading h2{color:#27272a;letter-spacing:-.9px;font-size:30px;font-weight:500;line-height:1.2}.template-gallery-heading p{color:#71717a;margin-top:10px;font-size:13px;line-height:1.6}.template-gallery-view-all{color:#4b4aef;align-items:center;gap:7px;margin-top:16px;font-size:12px;font-weight:500;text-decoration:none;display:inline-flex}.template-gallery-view-all:hover{text-underline-offset:4px;text-decoration:underline}.studio-shell.template-catalog-page .studio-main:not(.history-page){padding:44px 32px 64px}.studio-shell.template-catalog-page .studio-main:before{display:none}.template-catalog{width:100%;max-width:1320px;margin:0 auto;position:relative}.template-catalog-heading{margin-bottom:28px}.template-catalog-heading h1{color:#27272a;letter-spacing:-1.2px;margin:0;font-size:36px;font-weight:600;line-height:1.15}.template-catalog-heading p{color:#85858e;margin:12px 0 0;font-size:14px;line-height:1.6}.template-catalog-tools{margin-bottom:24px}.template-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.template-catalog-error{z-index:30;color:#b24949;background:#fff;border:1px solid #efdbdb;border-radius:12px;width:max-content;max-width:min(460px,100vw - 40px);padding:14px 18px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 24px #1313160a}@media (min-width:1600px){.template-catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1100px){.template-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}}@media (max-width:800px){.studio-shell.template-catalog-page .studio-main:not(.history-page){padding:28px 20px 44px}.template-catalog-heading{margin-bottom:24px}.template-catalog-heading h1{letter-spacing:-.8px;font-size:29px}.template-catalog-heading p{font-size:12px}.template-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}@media (max-width:380px){.studio-shell.template-catalog-page .studio-main:not(.history-page){padding-left:14px;padding-right:14px}.template-catalog-grid{gap:10px}}.template-gallery-grid,.template-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.template-card{text-align:left;cursor:pointer;isolation:isolate;background:#e8e6e1;border:0;border-radius:16px;align-self:start;width:100%;min-width:0;padding:0;display:block;position:relative;overflow:hidden}.template-card:after{content:"";z-index:1;opacity:0;pointer-events:none;background:#111118;transition:opacity .18s;position:absolute;inset:0}.template-card:focus-visible{outline-offset:4px;outline:3px solid #6560f1}.template-card[aria-pressed=true]{box-shadow:0 0 0 3px #6560f1}.template-card:disabled{cursor:wait;opacity:.65}.template-image{aspect-ratio:1;background:#efeeea;width:100%;display:block;position:relative;overflow:hidden}.template-image img{object-fit:contain;width:100%;height:100%;display:block}.template-image-caption{color:#45423d;background:#fffef5e6;border-radius:5px;padding:4px 7px;font-size:9px;line-height:1.3;position:absolute;top:10px;left:10px}.template-card-selected{z-index:3;color:#fff;background:#4b4aef;border-radius:6px;align-items:center;gap:4px;padding:5px 8px;font-size:10px;line-height:1.3;display:inline-flex;position:absolute;top:12px;right:12px}.template-card-title{z-index:2;color:#fff;text-shadow:0 1px 3px #0006;pointer-events:none;background:linear-gradient(#0000,#111118a8);justify-content:space-between;align-items:flex-end;gap:8px;padding:42px 15px 14px;font-size:15px;font-weight:500;line-height:1.35;display:flex;position:absolute;inset:auto 0 0}.template-card-title svg{flex-shrink:0;margin-bottom:2px}.template-card-action{z-index:2;color:#fff;opacity:0;pointer-events:none;background:#6258ed;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:12px 18px;font-size:13px;font-weight:600;line-height:1.4;transition:opacity .18s,transform .18s;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-45%)}.template-card:focus-visible:not(:disabled):after{opacity:.28}.template-card:focus-visible:not(:disabled) .template-card-action{opacity:1;transform:translate(-50%,-50%)}@media (hover:hover) and (pointer:fine){.template-card:hover:not(:disabled):after{opacity:.28}.template-card:hover:not(:disabled) .template-card-action{opacity:1;transform:translate(-50%,-50%)}.template-card-title svg{display:none}}.template-gallery-note{color:#85858d;margin-top:16px;font-size:11px;line-height:1.6}.template-picker{color:#131316;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafaf7;border:1px solid #e7e7e2;border-radius:24px;flex-direction:column;gap:0;width:min(900px,100vw - 48px);max-width:900px;max-height:min(820px,100dvh - 48px);padding:0;font-family:Geist,Arial,sans-serif;display:flex;overflow:hidden;box-shadow:0 28px 100px #13131630}body:has(.studio-shell) .template-picker{color:#131316;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafaf7;border:1px solid #e7e7e2;border-radius:24px;flex-direction:column;gap:0;width:min(900px,100vw - 48px);max-width:900px;max-height:min(820px,100dvh - 48px);padding:0;font-family:Geist,Arial,sans-serif;display:flex;overflow:hidden;box-shadow:0 28px 100px #13131630}.template-picker button,.template-picker input,.template-picker h2{-webkit-tap-highlight-color:transparent}.template-picker button:focus-visible,.template-picker input:focus-visible{outline-offset:3px;outline:2px solid #4b4aef}.template-picker-heading{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:16px;padding:27px 28px 22px;display:flex}.template-kicker{color:#72717a;letter-spacing:1.3px;align-items:center;gap:6px;margin-bottom:10px;font-size:9px;font-weight:500;display:flex}.template-kicker svg{color:#4b4aef}.template-picker [data-slot=dialog-title]{letter-spacing:-.9px;outline:none;font-size:28px;font-weight:500;line-height:1.15}.template-picker [data-slot=dialog-description]{color:#71717a;margin-top:9px;font-size:12px;line-height:1.5}.template-icon-button{color:#71717a;background:#fff;border:1px solid #e7e7e2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;padding:0;display:inline-flex}.template-icon-button:hover:not(:disabled){color:#27272a;background:#f2f2ed}.template-picker-tools{border-bottom:1px solid #e7e7e2;flex-shrink:0;padding:0 28px 20px}.template-search{color:#98989f;background:#fff;border:1px solid #e4e4df;border-radius:11px;align-items:center;gap:10px;width:100%;max-width:460px;height:41px;padding:0 13px;display:flex}.template-search:focus-within{border-color:#9594f5;box-shadow:0 0 0 3px #4b4aef0a}.template-search>svg{flex-shrink:0}.template-search input{color:#27272a;background:0 0;border:0;border-radius:0;width:100%;min-width:0;height:100%;padding:0;font-size:12px}.template-search input:focus-visible{outline:none}.template-search input::placeholder{color:#93939b}.template-search input::-webkit-search-cancel-button{display:none}.template-search-clear{color:#71717a;background:#f3f3f0;border:0;border-radius:5px;place-items:center;padding:4px;display:grid}.template-categories{scrollbar-width:none;border:0;gap:7px;min-width:0;margin:12px 0 -4px;padding:4px 0;display:flex;overflow-x:auto}.template-categories::-webkit-scrollbar{display:none}.template-categories button{color:#71717a;background:0 0;border:1px solid #e7e7e2;border-radius:999px;flex-shrink:0;padding:7px 13px;font-size:11px}.template-categories button[aria-pressed=true]{color:#fff;background:#27272a;border-color:#27272a}.template-picker-body{flex-direction:column;min-height:0;display:flex;overflow:hidden}.template-library{overscroll-behavior:contain;min-height:0;padding:20px 28px 28px;overflow-y:auto}.template-results-count{color:#85858d;margin:0 0 14px;font-size:11px;line-height:1.5}.template-picker .template-library-grid{gap:16px}.template-picker-disclaimer{color:#8a8a91;border-top:1px solid #e7e7e2;flex-shrink:0;padding:12px 28px;font-size:10px;line-height:1.5}.template-search-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:20px;display:flex}.template-search-empty>svg{color:#b1b1b7;margin-bottom:17px}.template-search-empty h3{color:#3f3f46;font-size:16px;font-weight:500}.template-search-empty p{color:#8a8a91;max-width:260px;margin-top:8px;font-size:12px;line-height:1.7}.template-search-empty button{color:#4b4aef;background:#f0f0fd;border:1px solid #dfdef8;border-radius:8px;align-items:center;gap:7px;margin-top:19px;padding:8px 12px;font-size:12px;display:flex}#editor .editor-controls>.active-template{background:#fafafe;border:1px solid #e8e7f3;border-radius:14px;grid-area:1/2;align-self:stretch;margin:0;padding:13px}.studio-shell #editor .editor-controls.mode-edit:has(>.active-template)>.prompt-wrap{background:#fafaf7;border:1px solid #e7e7e2;border-radius:10px;grid-area:auto/1/auto/-1;margin-top:12px;padding:12px}.studio-shell #editor .editor-controls.mode-edit:has(>.active-template)>.prompt-wrap textarea{min-height:130px;font-size:13px;line-height:1.65}.template-suggestion{color:#62626c;background:#f5f5fd;border:1px solid #e8e7f3;border-radius:12px;align-items:center;gap:12px;width:calc(100% - 64px);max-width:920px;margin:0 0 16px max(32px,min(100%,1140px)/2 - 460px);padding:11px 13px;font-size:12px;display:flex;position:relative}.template-suggestion>span{flex:1}.template-suggestion>button{color:#4b4aef;white-space:nowrap;background:0 0;border:0;border-radius:6px;padding:5px 0;font-size:11px}.template-suggestion>button:last-child{color:#8a8a91;place-items:center;padding:5px;display:grid}#editor .template-input-note{color:#7a7a85;margin-top:12px;font-size:10px;line-height:1.6}#editor .editor-controls>.template-instructions-toggle{color:#71717a;border-radius:5px;justify-content:flex-start;align-items:center;gap:6px;width:fit-content;padding:5px 0;font-size:11px;display:flex}.template-instructions-toggle svg{transition:transform .15s}.template-instructions-toggle[aria-expanded=true] svg{transform:rotate(180deg)}#editor .image-input-rail .reference-item>.template-make-primary{color:#45423d;background:#fffef3eb;border:1px solid #ffffffb3;border-radius:6px;width:calc(100% - 10px);height:27px;margin:0;padding:4px 5px;font-size:9px;line-height:1.2;position:absolute;inset:auto 5px 36px;box-shadow:0 1px 5px #13131614}.active-template-summary{grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.active-template-summary>img{object-fit:cover;border-radius:9px;flex-shrink:0;width:42px;height:42px}.active-template-copy{flex:1;min-width:0}.active-template-label{color:#8a8a91;letter-spacing:1px;align-items:center;gap:7px;font-size:8px;line-height:1.5;display:flex}.template-custom-badge{color:#68677a;letter-spacing:0;background:#ecebf4;border-radius:4px;padding:1px 5px;font-size:8px}.active-template-copy strong{color:#3f3f46;margin-top:3px;font-size:12px;font-weight:500;display:block}.active-template-change,.active-template-clear{color:#4b4aef;background:0 0;border:0;border-radius:6px;padding:7px 3px;font-size:11px}.active-template-actions{align-items:center;gap:10px;display:flex}.active-template-clear{color:#71717a}.active-template-actions button{white-space:nowrap}.active-template-guidance{color:#7a7a85;margin-top:10px;font-size:10px;line-height:1.6}.active-template-fields{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.active-template-fields>label{color:#71717a;align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.template-field-select{min-width:0;position:relative}.template-field-select select{appearance:none;color:#51515c;cursor:pointer;background:#fff;border:1px solid #e4e3ed;border-radius:7px;width:100%;max-width:200px;min-height:32px;padding:5px 27px 5px 9px;font-size:10px}.template-field-select select:disabled{cursor:not-allowed;opacity:.6}.template-field-select>svg{pointer-events:none;color:#8a8a91;position:absolute;top:10px;right:8px}.studio-shell #editor{scroll-margin-top:82px}#editor .editor-controls:focus{outline:none}#editor .template-editor-entry,#editor .template-undo{color:#85858d;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:12px;line-height:1.6;display:flex}#editor .template-editor-entry button,#editor .template-undo button{color:#4b4aef;font-size:inherit;background:0 0;border:0;border-radius:4px;align-items:center;gap:6px;padding:3px 0;font-weight:500;display:inline-flex}#editor .template-undo{margin-top:12px;font-size:11px}.studio-shell .content-section.editing-tools{border-top:1px solid #e7e7e2;width:calc(100% - 64px);max-width:920px;margin:56px 0 0 max(32px,min(100%,1140px)/2 - 460px);padding:34px 0 0}.studio-shell .editing-tools h2{letter-spacing:-.4px;margin-bottom:12px;font-size:21px;font-weight:500}.studio-shell .editing-tools .section-intro{color:#85858d;font-size:12px}.studio-shell .editing-tools .capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px;display:grid}.studio-shell .editing-tools .capability{background:0 0;border:0;border-radius:8px;padding:4px 0}.studio-shell .editing-tools .capability h3{font-size:13px;font-weight:500}.studio-shell .editing-tools .capability p{color:#85858d;margin-top:7px;font-size:11px;line-height:1.6}.studio-shell .editing-tools .section-footnote{margin-top:18px;font-size:10px;line-height:1.6}@media (min-width:1600px){.template-gallery,.template-suggestion,.studio-shell .content-section.editing-tools{margin-left:auto;margin-right:auto}}@media (max-width:700px){.template-picker{--tw-translate-x:0px;--tw-translate-y:0px;border-radius:22px 22px 0 0;width:100%;max-width:none;height:min(820px,94dvh);max-height:94dvh;top:auto;bottom:0;left:0;transform:none}body:has(.studio-shell) .template-picker{--tw-translate-x:0px;--tw-translate-y:0px;border-radius:22px 22px 0 0;width:100%;max-width:none;height:min(820px,94dvh);max-height:94dvh;top:auto;bottom:0;left:0;transform:none}.template-picker-heading{padding:22px 20px 17px}.template-kicker{margin-bottom:7px;font-size:8px}.template-picker [data-slot=dialog-title]{font-size:24px}.template-picker [data-slot=dialog-description]{margin-top:7px;font-size:12px}.template-picker-tools{padding:0 20px 14px}.template-search{max-width:none}.template-search input{font-size:16px}.template-search input::placeholder{font-size:12px}.template-picker-body{flex:1}.template-library{flex:1;padding:17px 20px 22px}.template-gallery-grid,.template-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-picker .template-library-grid{gap:12px}.template-picker-disclaimer{padding:11px 20px max(12px, env(safe-area-inset-bottom));font-size:10px}.template-card{border-radius:12px}.template-card-title{padding:34px 11px 11px;font-size:13px}.template-card-action{padding:10px 14px;font-size:12px}.template-card-selected{padding:3px 5px;font-size:8px;top:10px;right:10px}}@media (max-width:600px){.template-gallery,.template-suggestion,.studio-shell .content-section.editing-tools{width:calc(100% - 32px);margin-left:16px;margin-right:16px}.template-gallery{margin-top:44px}.template-gallery-heading{margin-bottom:20px}.template-gallery-heading h2{letter-spacing:-.6px;font-size:24px}.template-gallery-heading p{max-width:290px;font-size:12px}.template-gallery-note{margin-top:13px;font-size:10px}.studio-shell #editor .editor-controls.mode-edit:has(>.active-template){grid-template-columns:minmax(0,1fr)}#editor .editor-controls>.active-template{grid-area:1/1;padding:11px}.studio-shell #editor .editor-controls.mode-edit:has(>.active-template)>.image-input-rail{grid-area:2/1;margin-top:14px}.studio-shell #editor .editor-controls.mode-edit:has(>.active-template)>.prompt-wrap{grid-row:auto}.template-suggestion{gap:8px;margin-bottom:12px;font-size:11px}.active-template-summary{gap:9px}.active-template-actions{flex-direction:column;align-items:flex-end;gap:0}.active-template-actions button{padding:4px 0}.active-template-fields{gap:8px 10px}.active-template-fields>label{flex-direction:column;flex:1;align-items:flex-start;gap:5px;min-width:108px}.template-field-select{width:100%}.template-field-select select{max-width:none;min-height:35px;font-size:11px}.template-field-select>svg{top:11px}.studio-shell .content-section.editing-tools{margin-top:40px;padding-top:28px}.studio-shell .editing-tools h2{font-size:19px}.studio-shell .editing-tools .capabilities{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media (prefers-reduced-motion:reduce){.template-card,.template-card:after,.template-card *,.template-picker,.template-picker *,.template-gallery *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.studio-shell.template-workspace .studio-main{padding:28px 32px 48px;overflow:visible}.studio-shell.template-workspace .studio-main:before{display:none}.template-workspace-header{color:#9a9aa3;justify-content:space-between;align-items:center;gap:18px;max-width:1320px;margin:0 auto 24px;font-size:12px;display:flex}.template-workspace-back{color:#6c6c78;align-items:center;min-height:28px;font-size:12px;text-decoration:none;display:inline-flex}.template-workspace-back:hover{color:#4b4aef}.studio-shell.template-workspace .intro{text-align:left;max-width:1320px;margin:0 auto;padding:0 0 26px}.studio-shell.template-workspace .intro h1{letter-spacing:-1px;font-size:30px;line-height:1.2}.studio-shell.template-workspace .intro p{margin-top:8px;font-size:14px}.studio-shell.template-workspace .workspace{width:100%;max-width:1320px;min-height:0;margin:0 auto;scroll-margin-top:24px}.studio-shell.template-workspace .workspace-body{width:100%;min-width:0}.studio-shell.template-workspace .editor-grid{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:24px;display:grid}.studio-shell.template-workspace .result-panel{background:0 0;border:0;grid-area:1/2;width:100%;min-width:0;min-height:580px;margin:0;padding:0;overflow:hidden}.studio-shell.template-workspace .result-content .compare{max-height:560px}.studio-shell.template-workspace .result-actions{flex-wrap:wrap}.studio-shell.template-workspace .result-panel .progress-state{min-height:480px}.template-workspace-controls{background:#fff;border:1px solid #e7e7e2;border-radius:24px;grid-area:1/1;min-width:0;padding:22px;position:sticky;top:24px;box-shadow:0 4px 20px #24242404}.template-workspace-selection{border-bottom:1px solid #eeeee9;align-items:center;gap:14px;padding-bottom:22px;display:flex}.template-workspace-thumbnail{object-fit:cover;background:#f6f4f0;border:1px solid #e7e7e280;border-radius:12px;flex:none;width:68px;height:76px}.template-workspace-selection-copy{min-width:0}.template-workspace-label{color:#8b8b95;font-size:11px;line-height:1.4;display:block}.template-workspace-selection-copy h2{color:#222228;letter-spacing:-.3px;margin:3px 0 6px;font-size:15px;font-weight:600;line-height:1.4}.template-workspace-change{color:#4b4aef;cursor:pointer;background:0 0;border:0;min-height:24px;padding:0;font-size:12px;font-weight:500;display:inline-flex}.template-workspace-change:hover:not(:disabled){text-underline-offset:3px;text-decoration:underline}.template-workspace-upload-section{padding-top:22px}.template-workspace-upload-section h3{color:#26262c;margin:0;font-size:14px;font-weight:600}.template-workspace-guidance{color:#85858e;margin:7px 0 16px;font-size:12px;line-height:1.6}.template-workspace-file-input{display:none}.template-workspace-upload{background:#f9f9fd;border:1px dashed #cfcfe0;border-radius:17px;transition:background .15s,border-color .15s;position:relative;overflow:hidden}.template-workspace-upload.template-workspace-dragging{background:#f2f2ff;border-color:#6564ed}.template-workspace-upload:has(.template-workspace-upload-trigger:hover:not(:disabled)){background:#f2f2ff;border-color:#6564ed}.template-workspace-upload-trigger{color:#7f7f89;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:206px;padding:24px 14px;font-size:12px;display:flex}.template-workspace-upload-trigger strong{color:#3b3b48;margin:12px 0 5px;font-size:13px;font-weight:500}.template-workspace-upload-trigger small{color:#a0a0aa;margin-top:18px;font-size:10px}.template-workspace-upload-icon{color:#6665d5;background:#fff;border:1px solid #e8e8f1;border-radius:14px;place-items:center;width:46px;height:46px;display:grid;box-shadow:0 2px 5px #28285505}.template-workspace-has-photo{background:#f7f6f3;border-style:solid;border-color:#e7e7e2}.template-workspace-has-photo .template-workspace-upload-trigger{gap:0;padding:0}.template-workspace-photo{object-fit:contain;width:100%;height:206px;display:block}.template-workspace-replace{color:#6b6b78;background:#ffffffed;justify-content:center;align-items:center;gap:7px;width:100%;min-height:36px;font-size:11px;display:flex}.template-workspace-remove{color:#53535c;cursor:pointer;background:#fffffff0;border:1px solid #e7e7e2;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:8px;right:8px}.template-workspace-remove:hover:not(:disabled){color:#d15555;background:#fff}.template-workspace-uploading{color:#4b4aef;background:#ffffffe6;justify-content:center;align-items:center;gap:9px;font-size:12px;display:flex;position:absolute;inset:0}.template-workspace-submit{padding-top:24px}.template-workspace-generate{color:#fff;cursor:pointer;background:#4b4aef;border:1px solid #0000;border-radius:13px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:48px;padding:13px 16px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.template-workspace-generate>span{align-items:center;gap:8px;display:inline-flex}.template-workspace-generate:hover:not(:disabled){background:#3f3ed4}.template-workspace-generate:disabled{opacity:.45;cursor:default}.template-workspace-generate .template-workspace-cost{color:#fff;border-left:1px solid #ffffff40;gap:5px;padding-left:14px;font-size:12px;font-weight:400}.template-workspace-error{color:#b24949;margin:0 0 14px;font-size:12px;line-height:1.5}.template-workspace-controls button:disabled:not(.template-workspace-generate){cursor:default;opacity:.55}.template-workspace-example{background:#fff;border:1px solid #e7e7e2;border-radius:24px;grid-area:1/2;min-width:0;min-height:580px;padding:25px 26px 20px}.template-workspace-example-heading{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;display:flex}.template-workspace-example-heading h1{color:#29292f;letter-spacing:-.4px;margin:0;font-size:18px;font-weight:500;line-height:1.4}.template-workspace-example-description{color:#8b8b95;margin:6px 0 0;font-size:12px;line-height:1.5}.template-workspace-preview-label{color:#9292a6;white-space:nowrap;background:#f6f6fc;border-radius:7px;flex:none;align-items:center;gap:5px;padding:6px 9px;font-size:10px;display:inline-flex}.template-workspace-example-image{background:#f8f7f4;border:1px solid #ecece680;border-radius:16px;justify-content:center;align-items:center;min-width:0;height:clamp(400px,57vh,600px);padding:24px;display:flex;overflow:hidden}.template-workspace-example-image img{object-fit:contain;border-radius:8px;width:100%;height:100%;min-height:0;display:block}.template-workspace-example-note{color:#aaaab2;text-align:center;margin:16px 0 0;font-size:11px}.template-workspace-comparison{direction:ltr;width:100%;min-width:0;height:clamp(400px,57vh,560px);position:relative;overflow:hidden}.template-workspace-comparison[data-view=compare]{height:clamp(300px,44vh,430px)}.template-workspace-comparison-images{visibility:hidden;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid;position:absolute;inset:0}.template-workspace-comparison-images[data-ready=true]{visibility:visible}.template-workspace-comparison-images figure{grid-template-rows:auto minmax(0,1fr);gap:10px;min-width:0;min-height:0;margin:0;display:grid}.template-workspace-comparison-images figcaption{color:#71717c;text-align:center;font-size:11px;font-weight:500;line-height:1.5}.template-workspace-comparison-images img{object-fit:contain;object-position:center;-webkit-user-select:none;user-select:none;background:#f8f7f4;border:1px solid #ecece6;border-radius:12px;width:100%;height:100%;min-height:0;display:block}.template-workspace-comparison:not([data-view=compare]) .template-workspace-comparison-images{grid-template-columns:minmax(0,1fr)}.template-workspace-comparison[data-view=before] .template-workspace-comparison-after,.template-workspace-comparison[data-view=after] .template-workspace-comparison-before{display:none}.template-workspace-comparison-modes{background:#f8f8fb;border:1px solid #ededf1;border-radius:10px;justify-content:center;width:fit-content;max-width:100%;margin:18px auto 0;padding:3px;display:flex}.template-workspace-comparison-modes button{color:#858590;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;min-width:66px;min-height:34px;padding:6px 12px;font-size:11px}.template-workspace-comparison-modes button[aria-pressed=true]{color:#4b4aef;background:#fff;border-color:#e7e7f1;box-shadow:0 1px 3px #27274306}.template-workspace-comparison-modes button:hover:not([aria-pressed=true]){color:#535362}.template-workspace-example-status{color:#8b8b95;justify-content:center;align-items:center;gap:10px;height:100%;padding:20px;font-size:12px;display:flex}.template-workspace-spinner{animation:1s linear infinite template-workspace-spin}@keyframes template-workspace-spin{to{transform:rotate(360deg)}}@media (min-width:1440px){.studio-shell.template-workspace .editor-grid{grid-template-columns:340px minmax(0,1fr);gap:28px}.template-workspace-controls{padding:24px}}@media (min-width:801px) and (max-width:1100px){.studio-shell.template-workspace .studio-main{padding:24px 22px 40px}.studio-shell.template-workspace .editor-grid{grid-template-columns:280px minmax(0,1fr);gap:16px}.template-workspace-controls{padding:18px}.template-workspace-example{padding:22px 18px}.template-workspace-example-heading{flex-direction:column;gap:10px}.template-workspace-example-image{padding:12px}}@media (max-width:800px){.studio-shell.template-workspace .studio-main{padding:20px 20px 36px}.template-workspace-header{gap:12px;margin-bottom:18px}.studio-shell.template-workspace .intro{padding:0 0 20px}.studio-shell.template-workspace .intro h1{letter-spacing:-.7px;font-size:25px}.studio-shell.template-workspace .intro p{font-size:12px}.studio-shell.template-workspace .editor-grid{grid-template-columns:minmax(0,1fr);gap:20px}.template-workspace-controls,.template-workspace-example,.studio-shell.template-workspace .result-panel{border-radius:20px;grid-area:auto/1;min-height:0}.template-workspace-controls{padding:18px;position:static}.template-workspace-selection{gap:13px;padding-bottom:16px}.template-workspace-thumbnail{width:58px;height:64px}.template-workspace-upload-section{padding-top:16px}.template-workspace-guidance{margin:6px 0 12px}.template-workspace-upload-trigger{min-height:162px;padding:15px 12px}.template-workspace-upload-trigger small{margin-top:12px}.template-workspace-upload-trigger strong{margin-top:9px}.template-workspace-photo{height:180px}.template-workspace-submit{padding-top:18px}.template-workspace-example{padding:20px 18px 18px}.template-workspace-example-heading{flex-wrap:wrap;gap:10px;margin-bottom:18px}.template-workspace-example-heading h1{font-size:17px}.template-workspace-example-image{height:min(105vw,500px);padding:18px}.template-workspace-comparison{height:min(105vw,500px)}.template-workspace-comparison[data-view=compare]{height:min(68vw,360px)}.template-workspace-comparison-images{gap:10px}.template-workspace-comparison-modes button{min-width:70px;min-height:40px}.studio-shell.template-workspace .result-panel{padding:0}}@media (prefers-reduced-motion:reduce){.template-workspace-spinner{animation:none}}
