@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";
:root,:host{--bg:#f8f9fb;--ink:#252a32;--muted:#8b9099;--line:#e9ebef;--orange:#ef7045;--green:#56866f;--font:"DM Sans", Arial, sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font:13px var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button{color:inherit}button,a{transition:background .16s,color .16s,box-shadow .16s}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #f6b49e}button svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}button{background:0 0;border:0}input,textarea,select{color:var(--ink);background:#fff;border:1px solid #e1e4e8;border-radius:8px;outline:none;padding:11px}input:focus,textarea:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ef704514}input[type=color]{min-width:90px;height:42px;padding:4px}textarea{resize:vertical;line-height:1.7}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;border-right:1px solid var(--line);background:#fff;flex-direction:column;width:236px;padding:32px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-1.2px;align-items:center;padding:0 11px;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;display:flex}.brand-dot{color:var(--orange)}.brand-mark{color:var(--orange);align-items:center;margin-right:10px;font-size:40px;font-weight:800;line-height:32px;display:inline-flex;position:relative}.brand-mark span{font-size:21px;position:absolute;top:-4px;left:12px;transform:rotate(-8deg)}.workspace{border:1px solid var(--line);border-radius:9px;align-items:center;gap:9px;margin:33px 0 29px;padding:11px;display:flex}.workspace>div{flex:1;font-size:11px;font-weight:600}.workspace small,.profile small{color:#999da5;margin-top:3px;font-size:10px;font-weight:400;display:block}.avatar{color:#89684d;background:#f5e8dc;border-radius:50%;justify-content:center;align-items:center;width:31px;height:31px;font-size:12px;font-weight:600;display:flex}.avatar.small{width:27px;height:27px;font-size:11px}.nav-label{letter-spacing:1.3px;color:#a1a5ae;margin-bottom:13px;padding:0 13px;font-size:9px;font-weight:600}.nav-item{color:#7d828c;text-align:left;border-radius:7px;align-items:center;gap:11px;width:100%;margin-bottom:5px;padding:12px 13px;font-size:11.5px;display:flex}.nav-item:hover{background:#f7f8fa}.nav-item.selected{color:#d9653f;background:#fff1eb;font-weight:600}.nav-count{background:#f7dfd3;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:9px}.project-label{justify-content:space-between;align-items:center;margin-top:34px;display:flex}.project-label button{color:#9197a1;padding:0;display:flex}.site-item{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 13px;font-size:11px;display:flex}.site-item:hover{background:#f6f7f9}.site-icon{color:#50644c;background:#e8eee7;border-radius:6px;place-items:center;width:29px;height:29px;font:italic 700 22px Georgia;display:grid}.site-item small{color:#9b9fa7;margin-top:3px;font-size:9px;display:block}.site-item .tiny-dot{margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:35px}.credits{background:#fcfaf6;border:1px solid #eee8df;border-radius:9px;padding:13px 12px}.credits>div{color:#b29263;align-items:center;gap:7px;display:flex}.credits strong{color:#4f493e;font-size:12px}.credits strong span{color:#8f887b;font-size:10px;font-weight:400}.credits small{color:#a09a8f;margin-top:8px;font-size:9px;display:block}.credits button{color:#7e715a;border-top:1px solid #eee8df;justify-content:space-between;align-items:center;width:100%;margin-top:12px;padding:10px 0 0;font-size:10px;display:flex}.help{color:#8a8e96;align-items:center;gap:10px;width:100%;padding:23px 11px;font-size:11px;display:flex}.help svg:last-child{margin-left:auto}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding:17px 10px;font-size:11px;display:flex}.connection-dot{background:#b4b7bd;border-radius:50%;width:7px;height:7px;margin-left:auto}.connection-dot.online{background:#6c9b7e}.main-shell{width:calc(100% - 236px);margin-left:236px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:73px;padding:0 40px;font-size:10px;display:flex}.topbar>div{align-items:center;gap:15px;display:flex}.topbar>div>span:first-child{color:#969ba4}.topbar strong{font-weight:500}.beta{color:#9398a3;letter-spacing:.8px;background:#f4f5f7;border-radius:4px;padding:3px 6px;font-size:8px}.topbar .topbar-right{gap:22px}.save-status{color:#969ca4;align-items:center;gap:6px;font-size:10px;display:flex}.tiny-dot{background:#78a189;border-radius:50%;flex-shrink:0;width:5px;height:5px;display:inline-block}.icon-button{color:#89909b;place-items:center;padding:5px;display:grid}.mobile-toggle{display:none}main{max-width:1570px;margin:auto;padding:27px 40px 0}.breadcrumb{color:#8a919b;align-items:center;gap:8px;font-size:10px;display:flex}.breadcrumb>span:first-of-type{color:#c2c6cd;margin:0 4px}.breadcrumb>span:last-child{color:#9fa4ad}.page-heading{justify-content:space-between;align-items:center;gap:16px;margin-top:29px;display:flex}.eyebrow{letter-spacing:1.7px;color:#a09c97;margin-bottom:10px;font-size:8px;font-weight:600}h1{letter-spacing:-1.25px;font:600 29px/1.35 Manrope,sans-serif}.page-heading p{color:#9398a1;margin-top:10px;font-size:11px}.button{white-space:nowrap;background:#fff;border:1px solid #e0e3e8;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:37px;padding:11px 15px;font-size:10px;font-weight:500;display:inline-flex;box-shadow:0 2px 2px #00000002}.button:hover{background:#f2f4f7}.button.primary{background:var(--orange);border-color:var(--orange);color:#fff;box-shadow:0 2px 3px #bd633821}.button.primary:hover{background:#df6239}.button.dark{color:#fff;background:#2e343d;border-color:#2e343d}.button.dark:hover{background:#404750}.button.full{width:100%}.workflow{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;margin:28px 0 17px;padding:18px 25px;display:flex}.step{color:#b2b6be;flex:1;align-items:center;gap:7px;display:flex}.step:last-child{flex:0}.step>span{border:1px solid #e4e7ec;border-radius:50%;flex-shrink:0;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.step button{color:inherit;padding:0;font-size:10px}.step.completed{color:#848e88}.step.completed>span{color:#799681;background:#edf3ee;border-color:#edf3ee}.step.current{color:#dd6e48;font-weight:600}.step.current>span{background:#fff0e9;border-color:#f4ceb9}.step-line{background:#eceef1;flex:1;height:1px;margin:0 12px}.sample-banner{color:#8c929d;background:#f0f2f5;border-radius:7px;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;font-size:9px;display:flex}.sample-banner span,.sample-banner button{align-items:center;gap:7px;display:flex}.sample-banner button{color:#677281;white-space:nowrap;font-size:9px}.notice{color:#3c7953;background:#edf6ef;border:1px solid #d6e5d9;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:13px 15px;font-size:12px;display:flex}.notice.error{color:#b54533;background:#fff0ed;border-color:#f2d3cc}.notice button{color:inherit;padding:0;display:flex}.studio-heading{justify-content:space-between;align-items:center;margin:27px 0 17px;display:flex}.studio-heading h2{letter-spacing:-.3px;align-items:center;gap:9px;font-size:15px;font-weight:600;display:flex}.studio-heading h2 span{color:#8d94a0;background:#eceef2;border-radius:4px;padding:3px 6px;font-size:9px;font-weight:500}.studio-heading p{color:#9ba0a8;margin-top:6px;font-size:10px}.text-button{color:#9198a4;align-items:center;gap:6px;font-size:10px;display:flex}.preview-workspace{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:20px;display:grid}.preview-panel{background:#fff;border:1px solid #e4e7ec;border-radius:10px;position:relative;overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:7px;height:53px;padding:0 17px;display:flex}.page-tabs{gap:19px;height:100%;display:flex}.page-tabs button{color:#9ca2ac;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:2px 0 0;font-size:10px;display:flex}.page-tabs button.active{color:#d96a45;border-bottom-color:#e77d59;font-weight:500}.page-tabs button .tiny-dot{width:4px;height:4px}.devices{border:1px solid #eaecf0;border-radius:5px;gap:2px;padding:2px;display:flex}.devices button{color:#a1a8b4;border-radius:3px;padding:4px 7px;display:flex}.devices button.active{color:#66707e;background:#f0f2f5}.preview-meta{color:#8d959d;justify-content:space-between;align-items:center;padding:14px 19px;font-size:9px;display:flex}.preview-meta>span{align-items:center;gap:5px;display:flex}.preview-meta .tiny-dot{background:#e5a55a;width:4px;height:4px}.preview-meta>button{color:#929ba6;align-items:center;gap:5px;font-size:9px;display:flex}.preview-canvas{background:#fff;min-height:480px;padding:0 19px 19px}.browser-frame{border:1px solid #dddfe3;border-radius:6px;width:100%;max-width:100%;margin:auto;transition:max-width .2s;overflow:hidden;box-shadow:0 6px 16px #2529310a}.browser-chrome{color:#a5aab2;background:#f7f7f8;border-bottom:1px solid #e7e7e9;justify-content:space-between;align-items:center;height:27px;padding:0 9px;display:flex}.browser-chrome>div{gap:3px;display:flex}.browser-chrome i{background:#d8dce2;border-radius:50%;width:4px;height:4px;display:block}.browser-chrome>span{background:#fff;border:1px solid #edeef0;border-radius:3px;align-items:center;gap:4px;padding:3px 35px;font-size:6px;display:flex}.preview-canvas.mobile .browser-frame{max-width:280px}.preview-footer{color:#a2a9b2;border-top:1px solid #f0f1f4;justify-content:space-between;gap:8px;padding:12px 18px;font-size:8px;display:flex}.preview-footer span{align-items:center;gap:5px;display:flex}.sample-site{color:#333c32;background:#f8f6ef;overflow:hidden}.sample-nav{border-bottom:1px solid #e3e1d9;justify-content:space-between;align-items:center;padding:17px 25px;font-size:6px;display:flex}.sample-nav>strong{letter-spacing:-1px;font:600 21px Georgia}.sample-nav>strong>span{margin-left:2px;font-size:7px;position:relative;top:-11px}.sample-nav>div{font-family:Arial,sans-serif;font-size:5px}.sample-contact{border:1px solid #c5c8b9;border-radius:2px;padding:5px 7px;font-family:Arial,sans-serif;font-size:5px}.sample-hero{padding:27px 35px 22px}.sample-eyebrow{letter-spacing:1.1px;color:#7e826f;margin-bottom:14px;font-family:Arial,sans-serif;font-size:5px;font-weight:600}.sample-hero h2{letter-spacing:-1.3px;font-size:clamp(24px,2.9vw,46px);font-weight:400;line-height:1.1}.sample-hero h2 em{color:var(--brand);font-weight:400}.sample-hero p{color:#838574;margin-top:12px;font:6px/1.7 Arial,sans-serif}.sample-link{border-bottom:1px solid #b9bcae;align-items:center;gap:18px;margin-top:15px;padding-bottom:5px;font:5px Arial,sans-serif;display:inline-flex}.architecture-art{height:auto;margin:0 14px;position:relative}.architecture-art svg{width:100%;display:block}.architecture-art>span{color:#f6f2e7;letter-spacing:.6px;font:5px Arial;position:absolute;bottom:13px;left:18px}.architecture-art>span:last-child{letter-spacing:0;left:auto;right:18px}.sample-bottom{grid-template-columns:1fr 1.2fr;gap:9px 24px;padding:22px 35px;display:grid}.sample-bottom small{letter-spacing:1px;color:#8b8e7e;grid-column:1/-1;font:5px Arial}.sample-bottom h3{letter-spacing:-.6px;font-size:19px;font-weight:400;line-height:1.15}.sample-bottom p{color:#838574;max-width:140px;padding-top:2px;font:6px/1.7 Arial}.sample-bold .sample-hero h2{letter-spacing:-2px;font-weight:800}.sample-minimal .sample-hero{padding-top:45px;padding-bottom:40px}.sample-minimal .sample-hero h2 em{color:inherit}.sample-mobile .sample-nav{padding:14px}.sample-mobile .sample-nav>div{display:none}.sample-mobile .sample-hero{padding:30px 18px}.sample-mobile .sample-hero h2{font-size:30px}.sample-mobile .sample-bottom{padding:20px 18px}.sample-mobile .sample-bottom h3{font-size:16px}.sample-mobile .sample-bottom p{font-size:6px}.sample-mobile .architecture-art{margin:0 7px}.refine-panel{background:#fff;border:1px solid #e4e7ec;border-radius:10px;padding:20px 18px}.refine-heading{align-items:center;gap:10px;margin-bottom:25px;display:flex}.spark-icon{color:#e18b63;background:#fff0e9;border:1px solid #fbe0d0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;display:inline-flex}.refine-heading h3{letter-spacing:-.2px;font-size:13px;font-weight:600}.refine-heading p{color:#9ca2aa;margin-top:5px;font-size:9px}.field-label{margin-bottom:10px;font-size:10px;font-weight:500;display:block}.refine-panel textarea{resize:vertical;width:100%;height:110px;min-height:90px;padding:11px 12px;font-size:10px;line-height:1.8}.refine-panel textarea::placeholder{color:#b0b5bf}.suggestions{flex-wrap:wrap;gap:6px;margin:10px 0 17px;display:flex}.suggestions button{color:#979eaa;border:1px solid #e9ebef;border-radius:5px;align-items:center;gap:3px;padding:5px 6px;font-size:8px;display:flex}.suggestions button:hover{background:#fff3eb;border-color:#eed4c2}.refine-panel .full{padding:10px;font-size:10px}.refine-panel .full svg:last-child{margin-left:auto}.cost-note{text-align:center;color:#a2a8b0;margin-top:9px;font-size:8px}.panel-divider{background:#eef0f3;height:1px;margin:21px 0}.direction-title{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.direction-title h4{font-size:10px;font-weight:500}.direction-title button{color:#969eaa;align-items:center;gap:4px;font-size:8px;display:flex}.direction-row{justify-content:space-between;align-items:center;gap:8px;margin:16px 0;font-size:9px;display:flex}.direction-row>span{color:#9aa1ab}.direction-row strong{color:#65707b;font-size:9px;font-weight:400}.direction-row strong.serif{font:11px Georgia}.color-dots{gap:4px;display:flex}.color-dots i{border:1px solid #00000009;border-radius:50%;width:13px;height:13px;display:block}.memory-note{color:#a1a8b2;background:#f6f7f9;border:1px solid #eef0f2;border-radius:6px;align-items:flex-start;gap:8px;margin-top:21px;padding:11px 9px;display:flex}.memory-note svg{flex-shrink:0}.memory-note p{font-size:8px;line-height:1.7}.lock-button{color:#a4aab3;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;font-size:9px;display:flex}.lock-button.locked{color:#5f916e}.approval-bar{background:#fff;border:1px solid #e4e7ec;border-radius:9px;align-items:center;gap:12px;margin-top:21px;padding:19px 21px;display:flex}.approval-bar>div{align-items:center;gap:12px;margin-right:auto;display:flex}.approval-icon{color:#a6a58f;background:#f5f3ec;border:1px solid #eeece3;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.approval-bar h3{font-size:11px;font-weight:500}.approval-bar p{color:#a0a5ae;margin-top:5px;font-size:9px}.approval-bar .button{padding:10px 13px;font-size:9px}.main-footer{color:#aeb3bc;justify-content:space-between;align-items:center;padding:26px 0 21px;font-size:8px;display:flex}.main-footer>span{align-items:center;gap:6px;display:flex}.main-footer>span:last-child{font-size:9px}.footer-dot{color:#c9a08b;margin-left:10px;font-size:15px}.alternate-preview{color:#394436;background:#f7f5ec;min-height:490px}.alternate-preview>small{letter-spacing:1px;margin:55px 30px 20px;font-size:6px;display:block}.alternate-preview>h2{letter-spacing:-1px;white-space:pre-line;padding:0 30px;font:36px/1.2 Georgia}.alternate-preview>p{max-width:450px;margin-top:20px;padding:0 30px;font-size:11px;line-height:1.8}.alt-line{background:#b28364;width:40px;height:2px;margin:25px 30px}.demo-watermark{letter-spacing:1px;color:#b4af9f;padding:50px 30px 20px;font-size:6px;display:block}.content-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-height:380px;margin-top:25px;padding:30px}.content-card h2{letter-spacing:-.5px;font-size:20px;font-weight:600}.content-card>p{color:#9299a4;margin:12px 0 25px;font-size:12px;line-height:1.8}.content-card h3{margin:25px 0 18px;font-size:14px}.section-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.toggle{background:#f3f4f7;border-radius:7px;padding:3px;display:flex}.toggle button{color:#8b929d;border-radius:5px;padding:8px 15px;font-size:11px}.toggle .active{color:#414a56;background:#fff;box-shadow:0 1px 4px #00000008}.style-options{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px;display:grid}.style-option{border:1px solid var(--line);text-align:left;border-radius:9px;padding:12px;position:relative}.style-option.chosen{border-color:var(--orange);box-shadow:0 0 0 2px #ef70450c}.style-option strong{margin:14px 0 6px;font-size:12px;font-weight:500;display:block}.style-option span{color:#9b9fa8;font-size:9px;display:block}.style-option>svg{color:var(--orange);position:absolute;bottom:30px;right:10px}.style-art{background:#ede9df;border-radius:5px;flex-direction:column;gap:6px;height:100px;padding:20px;display:flex}.style-art i{background:#a29e8e;width:60%;height:8px;display:block}.style-art i:first-child{background:#ba8264;width:80%;height:18px;margin-bottom:8px}.style-art-1{background:#f3f4f3}.style-art-1 i{background:#c0c4c0;height:4px}.style-art-1 i:first-child{background:#a0aba2;width:55%;height:8px}.style-art-2{background:#2c443e}.style-art-2 i{background:#e6ebce;height:8px}.style-art-2 i:first-child{background:#d0ee7a;width:85%;height:22px}.design-inputs{gap:30px;margin:25px 0;display:flex}.design-inputs label{flex-direction:column;gap:10px;font-size:11px;display:flex}.actions{flex-wrap:wrap;gap:12px;margin:25px 0;display:flex}.advanced-input{width:100%;min-height:180px;display:block}.muted{color:#929ba7;font-size:11px;line-height:1.7}.stats-grid,.memory-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin:24px 0;display:grid}.stat{border:1px solid var(--line);background:#fafbfc;border-radius:8px;padding:20px}.stat>span{color:#949ba6;margin-bottom:14px;font-size:10px;display:block}.stat strong{overflow-wrap:anywhere;font-size:18px;font-weight:500}.empty-state{color:#9ca3ad;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.empty-state>h3{color:#4d5969;margin-bottom:0;font-size:18px}.empty-state p{margin:10px 0 20px;font-size:12px}.empty-preview{text-align:center;color:#929ba6;background:#f6f7f8;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:450px;padding:30px;display:flex}.empty-preview h3{color:#4e5968;font-size:16px}.empty-preview p{font-size:11px;line-height:1.7}.live-preview{width:100%;height:auto;display:block}.source-excerpt{color:#7d8793;background:#f5f6f8;border-radius:8px;padding:20px;font-size:13px;line-height:1.8}.content-card pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#83909d;background:#f8f9fb;border-radius:8px;max-height:300px;padding:18px;font-size:11px;line-height:1.7;overflow:auto}.scope-choice{color:#aa805d;background:#fcf9f5;border:1px solid #e7dbcf;border-radius:8px;align-items:center;gap:15px;padding:22px;display:flex}.scope-choice strong{color:#5d5144;font-size:13px}.scope-choice p{color:#a49b90;margin-top:7px;font-size:11px}.pill{color:#7d9c82;background:#edf3ed;border-radius:4px;margin-left:auto;padding:5px 9px;font-size:9px}.history-item{border-bottom:1px solid var(--line);color:#8995a1;align-items:center;gap:13px;padding:20px 0;font-size:12px;display:flex}.history-item>span{overflow-wrap:anywhere}.history-item>.text-button{margin-left:auto}.budget-label{align-items:center;gap:25px;margin:22px 0;font-size:12px;display:flex}.budget-label input{width:130px}.project-card{border:1px solid var(--line);text-align:left;border-radius:8px;align-items:center;gap:20px;width:100%;margin:15px 0;padding:20px;display:flex}.project-card strong{font-size:13px}.project-card>span{color:#949da8;margin-left:auto}.content-card>.field-label input{width:min(100%,450px);margin-top:12px;display:block}.version-drawer{border:1px solid var(--line);z-index:10;background:#fff;border-radius:8px;min-width:240px;max-width:90%;max-height:300px;padding:16px;position:absolute;top:88px;right:15px;overflow:auto;box-shadow:0 8px 25px #00000012}.version-drawer strong{margin-bottom:10px;font-size:11px;display:block}.version-drawer button,.version-drawer>span{color:#939da9;overflow-wrap:anywhere;text-align:left;justify-content:space-between;gap:15px;width:100%;padding:12px 0;font-size:10px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#202b3d65;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:#fff;border-radius:16px;width:490px;max-width:100%;max-height:calc(100vh - 40px);padding:32px;position:relative;overflow:auto;box-shadow:0 20px 70px #1e243333}.modal-close{position:absolute;top:17px;right:17px}.modal h2{letter-spacing:-.7px;margin:18px 0 10px;font-size:24px;font-weight:500}.modal>p{color:#9ba2ad;margin-bottom:23px;font-size:11px;line-height:1.7}.modal label{margin-bottom:14px;font-size:10px;font-weight:500;display:block}.modal label>input:not([type=checkbox]){width:100%;margin-top:7px;font-size:12px;display:block}.form-row{grid-template-columns:1fr 2fr;gap:14px;display:grid}.modal .checkbox-label{color:#8a929e;align-items:flex-start;gap:10px;font-size:10px;font-weight:400;line-height:1.8;display:flex}.checkbox-label input{accent-color:var(--orange);margin:4px 0 0}.form-error{color:#bb4b34;margin-bottom:15px;font-size:11px;line-height:1.6}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width:1550px){.preview-workspace{grid-template-columns:minmax(0,1fr) 300px}.refine-panel{padding:24px}.sample-hero{padding:40px 45px 35px}.sample-hero h2{font-size:48px}.sample-hero p{font-size:8px}.sample-nav{padding:23px 35px}.sample-nav>div,.sample-contact{font-size:7px}.sample-bottom{padding:30px 45px}.sample-bottom h3{font-size:25px}.sample-bottom p{font-size:8px}.sample-eyebrow,.sample-link{font-size:7px}.refine-panel textarea{height:140px}.direction-row{margin:23px 0}.sample-bottom small{font-size:7px}}@media (max-width:1200px){.sidebar{width:205px;padding:28px 12px 0}.main-shell{width:calc(100% - 205px);margin-left:205px}main{padding:25px 26px 0}.topbar{padding:0 26px}.preview-workspace{grid-template-columns:minmax(0,1fr) 230px;gap:15px}.refine-panel{padding:18px 13px}.sample-hero{padding:25px}.sample-hero h2{font-size:31px}.sample-bottom h3{font-size:17px}.approval-bar{gap:9px;padding:16px 14px}.approval-bar>div{gap:9px}.approval-bar p{font-size:8px}.approval-bar .button{padding:10px}.page-heading h1{font-size:26px}.preview-canvas{min-height:420px;padding:0 12px 12px}.preview-toolbar{padding:0 12px}.page-tabs{gap:13px}.step-line{margin:0 7px}.workflow{padding:16px 19px}.sample-nav{padding:15px 20px}.sample-bottom{padding:22px 25px}.brand{font-size:25px}}@media (max-width:1000px){.sidebar{width:185px}.main-shell{width:calc(100% - 185px);margin-left:185px}.brand{padding-left:6px;font-size:23px}.brand-mark{font-size:35px}.nav-item{gap:9px;padding:11px 10px;font-size:10px}.workspace{gap:6px;padding:9px}.workspace>div{font-size:10px}.workspace small{font-size:8px}.preview-workspace{grid-template-columns:minmax(0,1fr) 210px;gap:12px}.refine-panel{padding:18px 12px}.refine-heading{gap:7px}.refine-heading h3{font-size:11px}.refine-heading p{font-size:8px}.refine-heading .spark-icon{width:28px;height:28px}.page-heading>.button{font-size:9px}.page-heading h1{font-size:22px}.page-heading p{font-size:10px}.sample-banner{align-items:flex-start;font-size:8px}.sample-banner span{line-height:1.7}.sample-banner button{padding-top:2px;font-size:8px}.preview-toolbar{padding:0 10px}.page-tabs{gap:9px}.page-tabs button{font-size:8px}.devices button{padding:4px}.preview-meta{padding:12px;font-size:8px}.preview-meta>button{font-size:8px}.sample-hero h2{font-size:26px}.sample-nav>div{display:none}.sample-bottom{grid-template-columns:1fr}.sample-bottom p{display:none}.sample-bottom h3{font-size:20px}.sample-hero{padding:25px 21px}.browser-chrome>span{padding:3px 17px}.approval-bar{flex-wrap:wrap}.approval-bar>div{width:100%;margin-bottom:5px}.approval-bar>.button:first-of-type{margin-left:auto}.main-footer{font-size:7px}.direction-row,.direction-row strong{font-size:8px}.sample-eyebrow{letter-spacing:.8px;font-size:4px}.sidebar .credits strong span{font-size:8px}.profile{padding-left:6px}.preview-footer{padding:11px;font-size:7px}.style-options{gap:10px}.style-option span{font-size:8px}.style-option strong{font-size:10px}}@media (max-width:780px){.sidebar{width:236px;display:none;box-shadow:5px 0 30px #00000020}.sidebar.open{display:flex}.main-shell{width:100%;margin:0}.mobile-toggle{padding:0;display:flex}.topbar{height:62px;padding:0 21px}.topbar>div{gap:11px}.topbar .topbar-right{gap:13px}.save-status{display:none}.page-heading h1{font-size:26px}.workflow{padding:14px 17px}.step{gap:5px}.step button{font-size:9px}.step-line{margin:0 8px}main{padding:23px 22px 0}.preview-workspace{grid-template-columns:minmax(0,1fr) 230px}.sample-hero h2{font-size:29px}.page-tabs{gap:13px}.page-tabs button{font-size:9px}.sample-hero{padding:25px}.sample-bottom{padding:20px 25px}.preview-canvas{min-height:420px}.main-footer{padding:23px 0}.content-card{padding:24px}}@media (max-width:600px){main{padding:20px 16px 0}.page-heading{align-items:flex-start;margin-top:25px}.eyebrow{letter-spacing:1px;font-size:7px}.page-heading h1{max-width:270px;font-size:25px}.page-heading p{max-width:260px;font-size:10px;line-height:1.8}.page-heading>.button{gap:0;width:36px;min-width:36px;height:36px;padding:8px;font-size:0;overflow:hidden}.page-heading>.button svg{width:16px}.workflow{margin-top:22px;padding:14px 10px}.step{flex-direction:column;gap:5px;position:relative}.step:last-child{flex:1}.step-line{width:calc(100% - 22px);margin:0;position:absolute;top:10px;left:calc(50% + 11px)}.step>span{width:19px;height:19px;font-size:8px}.step button{font-size:8px}.sample-banner{padding:10px 12px;line-height:1.7;display:block}.sample-banner button{margin:5px 0 0 20px}.sample-banner span{align-items:flex-start}.sample-banner span svg{flex-shrink:0;margin-top:2px}.studio-heading{margin:24px 0 14px}.studio-heading h2{font-size:14px}.studio-heading .text-button{font-size:9px}.preview-workspace{grid-template-columns:1fr;gap:16px}.page-tabs button{font-size:10px}.page-tabs{gap:22px}.preview-toolbar{padding:0 16px}.preview-canvas{min-height:440px;padding:0 14px 14px}.preview-meta{padding:13px 16px}.sample-hero{padding:28px}.sample-hero h2{font-size:37px}.sample-nav{padding:17px 24px}.sample-nav>div{font-size:4px;display:block}.sample-eyebrow{font-size:5px}.sample-hero p{font-size:7px}.sample-link{font-size:6px}.sample-bottom{grid-template-columns:1fr 1fr;padding:24px 28px}.sample-bottom p{font-size:6px;display:block}.refine-panel{padding:22px}.refine-heading h3{font-size:14px}.refine-heading p{font-size:10px}.refine-heading .spark-icon{width:35px;height:35px}.field-label{font-size:11px}.refine-panel textarea{height:95px;font-size:11px}.suggestions button{padding:6px;font-size:9px}.refine-panel .full{font-size:11px}.direction-title h4{font-size:12px}.direction-title button{font-size:10px}.direction-row,.direction-row strong{font-size:11px}.direction-row strong.serif{font-size:13px}.direction-row{margin:20px 0}.color-dots i{width:17px;height:17px}.memory-note p,.lock-button{font-size:10px}.approval-bar{gap:10px;padding:18px 15px}.approval-bar h3{font-size:11px}.approval-bar p{max-width:230px;font-size:9px;line-height:1.7}.approval-bar>.button{flex:1;font-size:9px;margin:0!important}.approval-icon{flex-shrink:0;width:32px;height:32px}.approval-bar>div{margin-bottom:10px}.main-footer>span:last-child{display:none}.main-footer{justify-content:center;font-size:9px}.content-card{padding:22px 18px}.section-header{align-items:flex-start}.content-card h2{font-size:19px}.toggle button{padding:7px 10px;font-size:9px}.style-options{grid-template-columns:1fr}.style-option{padding:12px 12px 16px}.style-art{height:90px}.style-option strong{font-size:13px}.style-option span{font-size:10px}.style-option>svg{bottom:35px}.content-card p{font-size:11px}.design-inputs{gap:20px}.stats-grid,.memory-grid{grid-template-columns:1fr 1fr;gap:10px}.stat{padding:15px}.stat strong{font-size:16px}.scope-choice{flex-wrap:wrap;padding:17px}.scope-choice .pill{margin:0}.modal{padding:25px}.modal h2{font-size:22px}.modal-backdrop{padding:14px}.budget-label{flex-wrap:wrap;gap:12px}.preview-footer{font-size:8px}.empty-preview{min-height:400px}.source-excerpt{font-size:11px}.history-item{font-size:10px}.modal form input{min-height:42px}.version-drawer{max-width:90%}}.actual-previews{grid-template-columns:2fr 1fr;gap:20px;margin:20px 0;display:grid}.actual-previews>div{border:1px solid var(--line);background:#fafbfc;border-radius:8px;overflow:hidden}.actual-previews h4{color:#8b96a3;padding:15px;font-size:11px}.final-review{align-items:flex-start;gap:12px;margin:22px 0;font-size:12px;line-height:1.8;display:flex}.final-review input{margin-top:5px}.actual-previews .empty-preview{min-height:250px;font-size:11px}.actual-previews .live-preview{object-fit:contain;object-position:top;background:#fff;max-height:700px}@media (max-width:600px){.actual-previews{grid-template-columns:1fr}.actual-previews>div:last-child{max-width:280px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.native-welcome{text-align:center;flex-direction:column;align-items:center;gap:23px;max-width:760px;min-height:80vh;margin:0 auto;padding:65px 45px;display:flex}.native-welcome .brand{margin-bottom:25px}.native-welcome h1{letter-spacing:-1.5px;font-size:38px}.native-welcome>p{color:#89929f;max-width:550px;font-size:14px;line-height:1.9}.native-welcome>.spark-icon{border-radius:15px;width:54px;height:54px}.native-welcome .eyebrow{margin-bottom:0}.native-welcome .button{padding:14px 22px;font-size:13px}.connection-assurances{color:#7c8d82;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:15px;font-size:11px;display:flex}.connection-assurances span{align-items:center;gap:7px;display:flex}.authorization-page{background:radial-gradient(at 50% 40%,#fceee5 0,#0000 60%),#f8f9fb;flex-direction:column;align-items:center;max-width:none;min-height:100vh;padding:45px 20px;display:flex}.authorization-page>.brand{font-size:30px}.authorization-card{background:#fff;border:1px solid #e6e5e4;border-radius:17px;width:470px;max-width:100%;margin-top:45px;padding:35px;box-shadow:0 15px 50px #27303c08}.authorization-card>.spark-icon{margin-bottom:22px}.authorization-card h1{letter-spacing:-1px;font-size:28px;line-height:1.35}.authorization-card>p{color:#949ca7;margin:16px 0 22px;font-size:12px;line-height:1.8}.authorization-card form label{margin:18px 0;font-size:11px;display:block}.authorization-card form input{width:100%;margin-top:9px;font-size:13px;display:block}.authorization-card .button{margin-top:10px;font-size:12px}.authorization-card .muted{font-size:10px;line-height:1.8}.auth-toggle{margin-top:25px}.auth-toggle button{flex:1}.authorization-site{color:#a1896d;background:#faf8f4;border:1px solid #eee9df;border-radius:9px;align-items:center;gap:15px;margin:23px 0;padding:20px;display:flex}.authorization-site strong{color:#5d615e;font-size:14px;display:block}.authorization-site span{color:#9a9e9b;overflow-wrap:anywhere;margin-top:7px;font-size:11px;display:block}.authorization-account{color:#979da7;font-size:10px;line-height:1.8}.authorization-account strong{color:#626e7b;font-weight:500}.authorization-account button{color:#c27c5a;margin-left:10px;font-size:10px;text-decoration:underline}.authorization-permissions{margin:24px 0;padding:0;list-style:none}.authorization-permissions li{color:#8e98a2;align-items:center;gap:9px;margin:14px 0;font-size:11px;display:flex}.authorization-permissions svg{color:#8baa96;flex-shrink:0}.authorization-footer{color:#a0a6ad;margin-top:30px;font-size:11px}.guided-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;margin:20px 0;padding:15px 0;display:flex}.guided-steps button{color:#a1a7b1;border-radius:5px;align-items:center;gap:5px;padding:6px 7px;font-size:9px;display:flex}.guided-steps button span{background:#f0f2f5;border-radius:50%;place-items:center;width:18px;height:18px;font-size:8px;display:grid}.guided-steps button.active{color:#cb744f;background:#fff0e9}.guided-steps button.active span{background:#f4daca}.guided-steps button.done{color:#7d9b87}.guided-step-label{letter-spacing:1px;color:#be8f72;margin:23px 0 15px;font-size:9px}.guided-step-label span{float:right;color:#aab0b8;letter-spacing:0;font-size:9px}.guided-body{min-height:300px;animation:.2s ease-out guided-enter}.guided-body h3{letter-spacing:-.5px;font-weight:500;margin:15px 0 10px!important;font-size:20px!important}.guided-body>p,.gallery-heading p{color:#959da8;max-width:670px;margin-bottom:25px;font-size:11px;line-height:1.9}.guided-fields{flex-direction:column;gap:20px;max-width:640px;margin:25px 0;display:flex}.guided-fields label,.guided-body .field-label{color:#697481;font-size:11px}.guided-fields input,.guided-fields select,.guided-body textarea{background:#fdfdfd;width:100%;margin-top:9px;font-size:12px;display:block}.guided-fields select{appearance:auto}.gallery-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.gallery-heading p{margin-bottom:20px}.style-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:12px 0 18px;display:grid}.gallery-card{text-align:left;background:#fff;border:1px solid #e4e7eb;border-radius:9px;padding:0;transition:box-shadow .2s,transform .2s,border-color .2s;overflow:hidden}.gallery-card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #2533420c}.gallery-card.chosen{border-color:var(--orange);box-shadow:0 0 0 2px #ef70451f}.gallery-image{aspect-ratio:1.25;background:#f4f2ec;position:relative;overflow:hidden}.gallery-image img{object-fit:cover;object-position:top;width:100%;min-height:100%;display:block}.gallery-sample{color:#8c8e8b;letter-spacing:.7px;background:#ffffffed;border:1px solid #ffffffa3;border-radius:3px;padding:4px 5px;font-size:6px;position:absolute;bottom:7px;left:8px}.gallery-check{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:9px;right:9px;box-shadow:0 2px 7px #00000012}.gallery-details{padding:15px}.gallery-details>strong{margin-right:7px;font-size:12px;font-weight:500;display:inline-block}.gallery-details>div{float:right;gap:3px;margin-top:2px;display:inline-flex}.gallery-details i{border:1px solid #00000008;border-radius:50%;width:10px;height:10px;display:inline-block}.gallery-details p{color:#959da8;min-height:33px;margin-top:10px;font-size:9px;line-height:1.8}.gallery-details small{color:#b1a18f;margin-top:10px;font-size:8px;display:block}.gallery-footnote{line-height:1.8;color:#a9b0b8!important;font-size:9px!important}.guided-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:28px;padding:20px 0 0;display:flex}.guided-bottom>span{color:#a2aab5;font-size:9px}.palette-controls{grid-template-columns:repeat(3,1fr);gap:15px;max-width:650px;margin:25px 0;display:grid}.palette-controls label{border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:15px;padding:18px;display:flex}.palette-controls label>span{color:#8995a1;align-items:center;gap:9px;font-size:12px;display:flex}.palette-controls input[type=color]{cursor:pointer;background:0 0;border:0;width:100%;min-width:0;height:65px;padding:0}.palette-controls code{color:#a1a9b4;font:10px monospace}.palette-example{border:1px solid #0000000d;border-radius:8px;max-width:650px;margin-top:25px;padding:30px}.palette-example small{letter-spacing:1px;font-size:8px}.palette-example h4{letter-spacing:-1px;margin:20px 0;font:38px/1.2 Georgia,serif}.palette-example>span{color:#fff;border-radius:4px;padding:11px 16px;font-size:10px;display:inline-block}.font-options{grid-template-columns:repeat(3,1fr);gap:15px;max-width:650px;margin:25px 0;display:grid}.font-options button{border:1px solid var(--line);text-align:left;border-radius:8px;padding:20px;position:relative}.font-options button.chosen{border-color:var(--orange);background:#fff9f5}.font-options button>span{color:#5a6168;font-size:40px;display:block}.font-options strong{font-family:var(--font);color:#8c959e;margin-top:15px;font-size:11px;font-weight:400;display:block}.font-options svg{color:var(--orange);position:absolute;top:10px;right:10px}.guided-feature{color:#92a48d;background:#fafcf9;border:1px solid #e2e9e1;border-radius:9px;align-items:center;gap:20px;margin:30px 0;padding:24px;display:flex}.guided-feature strong{color:#697a64;font-size:13px;font-weight:500;display:block}.guided-feature div>span{color:#9ca796;margin-top:8px;font-size:10px;display:block}.direction-review{grid-template-columns:1fr 1fr;gap:18px;margin:30px 0;display:grid}.direction-review>div{border:1px solid var(--line);border-radius:8px;padding:18px}.direction-review span{color:#a6adb7;margin-bottom:11px;font-size:10px;display:block}.direction-review strong{color:#687582;font-size:12px;font-weight:500;line-height:1.8;display:block}.native-add-site p{color:#8995a1;margin:20px 0;font-size:12px;line-height:1.8}.native-add-site .button{margin-top:20px}@keyframes guided-enter{0%{opacity:.4;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1050px){.style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-details>div{float:none;margin:10px 0 0;display:flex}.guided-steps{gap:3px}.guided-steps button{font-size:8px}}@media (max-width:600px){.style-gallery{grid-template-columns:1fr}.gallery-details>div{float:right;margin:2px 0 0;display:inline-flex}.gallery-image{aspect-ratio:1.4}.gallery-details>strong{font-size:14px}.gallery-details p{min-height:0;font-size:11px}.gallery-details small{font-size:10px}.gallery-heading{align-items:flex-start}.gallery-heading .text-button{margin-top:18px;font-size:9px}.guided-step-label span{float:none;margin-top:9px;display:block}.guided-bottom>span{display:none}.palette-controls{gap:9px}.palette-controls label{gap:12px;padding:10px}.palette-controls label>span{gap:5px;font-size:10px}.palette-controls label>span>svg{width:13px}.palette-controls input[type=color]{height:45px}.font-options{gap:9px}.font-options button{padding:13px}.font-options strong{font-size:10px}.direction-review{grid-template-columns:1fr}.guided-feature{flex-wrap:wrap;gap:10px;padding:17px}.palette-example h4{font-size:30px}.guided-steps button{font-size:9px}.guided-steps{gap:6px}}.modal label>select{width:100%;margin-top:8px;font-size:12px;display:block}@media (max-width:600px){.authorization-card{margin-top:30px;padding:26px}.native-welcome{padding:35px 22px}.native-welcome h1{font-size:29px}.native-welcome>p{font-size:12px}.connection-assurances{gap:13px}.authorization-page{padding:30px 16px}}

.scope-intro{text-align:center;background:linear-gradient(140deg,#fff 30%,#f9eee6);border:1px solid #e9e4dd;border-radius:15px;flex-direction:column;align-items:center;margin-top:24px;padding:55px 35px;display:flex}.scope-intro h2{letter-spacing:-1.4px;font:600 37px/1.25 Manrope,sans-serif}.scope-intro h2 em{color:#c27f59;font:400 37px Georgia,serif}.scope-intro>p{color:#9398a1;max-width:540px;margin:22px 0;font-size:13px;line-height:1.9}.scope-intro>small{color:#a5a9af;margin-top:15px;font-size:9px}.scope-intro .button{padding:13px 21px;font-size:12px}.scope-orbit{color:#b79679;background:#fff8f0;border:1px solid #e9d8c4;border-radius:50%;place-items:center;width:114px;height:114px;margin:0 0 32px;display:grid;position:relative;box-shadow:0 0 0 16px #f8efe642}.scope-orbit>span,.scope-orbit>i{background:#fff;border:1px solid #ebdfd1;border-radius:9px;place-items:center;width:35px;height:35px;display:grid;position:absolute;box-shadow:0 4px 12px #6d503111}.scope-orbit>span{top:2px;right:-12px;transform:rotate(10deg)}.scope-orbit>i{bottom:1px;left:-11px;transform:rotate(-12deg)}.scan-capabilities{color:#98a18f;flex-wrap:wrap;justify-content:center;gap:25px;margin:5px 0 28px;font-size:10px;display:flex}.scan-capabilities>span{align-items:center;gap:6px;display:flex}.site-scope{margin-top:25px}.scope-title{justify-content:space-between;align-items:center;gap:20px;display:flex}.scope-title h2{letter-spacing:-.8px;font-size:24px;font-weight:500}.scope-title p{color:#9ba2ac;margin-top:10px;font-size:11px}.scope-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:25px 0;display:grid}.scope-stats>div{border:1px solid var(--line);color:#a8a194;background:#fff;border-radius:10px;grid-template-columns:1fr auto;padding:21px;display:grid}.scope-stats strong{color:#535b64;font-size:26px;font-weight:500}.scope-stats>div>span{color:#a0a7b0;grid-column:1/-1;margin-top:12px;font-size:10px}.scope-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:20px;display:grid}.scope-list{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.scope-list-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:22px;display:flex}.scope-list-heading h3{font-size:14px;font-weight:500}.scope-list-heading p{color:#a5aab3;margin-top:8px;font-size:10px}.scope-list-heading .text-button{color:#c28a68;font-size:9px}.global-scope{color:#aea28b;background:#fbfaf6;border-bottom:1px solid #edeae0;align-items:center;gap:13px;padding:20px 22px;display:flex}.global-scope>span{color:#829674;background:#eaf0e6;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.global-scope strong{color:#78725e;font-size:11px;font-weight:500}.global-scope small{color:#a69f91;margin-top:6px;font-size:9px;line-height:1.6;display:block}.global-scope>svg{margin-left:auto}.scope-unit{border-bottom:1px solid #edf0f3;padding:19px 20px}.scope-unit-row{align-items:center;gap:12px;display:flex}.scope-unit-row>input,.scope-members input{accent-color:var(--orange);width:14px;height:14px}.scope-unit-row>div{min-width:0}.scope-unit-row strong{overflow-wrap:anywhere;font-size:11px;font-weight:500;display:block}.scope-unit-row div>span{color:#a6acb5;text-transform:capitalize;margin-top:6px;font-size:9px;display:block}.scope-state{color:#80a08b;white-space:nowrap;background:#f1f6f1;border-radius:4px;margin-left:auto;padding:5px 7px;font-size:8px}.scope-state.unsupported{color:#b2a18c;background:#f6f3ef}.scope-ineligible .scope-unit-row strong{color:#949ba4}.scope-issue{color:#b6a184;align-items:flex-start;gap:6px;margin:10px 0 0 27px;font-size:9px;line-height:1.7;display:flex}.scope-issue svg{flex-shrink:0}.scope-members{max-height:260px;padding:12px 0 0 28px;overflow:auto}.scope-members label{color:#939daa;align-items:center;gap:10px;margin:12px 0;font-size:10px;display:flex}.scope-members p{color:#a5acb5;font-size:10px;line-height:1.8}.scope-quote{color:#f7f5ed;background:#313a34;border-radius:12px;padding:25px 22px;position:sticky;top:20px}.scope-quote-icon{color:#b1b79d;background:#ffffff12;border:1px solid #ffffff12;border-radius:11px;place-items:center;width:44px;height:44px;margin-bottom:22px;display:grid}.scope-quote h3{letter-spacing:-.5px;font:26px/1.3 Georgia,serif}.scope-quote>p{color:#a2aca4;margin:16px 0 24px;font-size:10px;line-height:1.9}.quote-lines{border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;padding:10px 0}.quote-lines>div{color:#b2bcb4;justify-content:space-between;gap:15px;margin:14px 0;font-size:9px;display:flex}.quote-lines strong{color:#e2e7dc;font-size:9px;font-weight:400}.quote-total{justify-content:space-between;align-items:flex-end;margin:23px 0;display:flex}.quote-total>span{color:#a6b0a7;max-width:90px;font-size:9px;line-height:1.7}.quote-total>strong{letter-spacing:-1px;font-size:33px;font-weight:500}.quote-total small{letter-spacing:0;color:#a6afa7;font-size:9px}.quote-caveat{color:#a1ad9d;background:#ffffff08;border:1px solid #ffffff10;border-radius:6px;gap:8px;margin:20px 0;padding:12px;display:flex}.quote-caveat p{font-size:8px;line-height:1.9}.quote-caveat svg{flex-shrink:0}.scope-approval-note{text-align:center;color:#8f9c91;margin-top:13px;font-size:8px;line-height:1.8;display:block}.design-paths{margin:30px 0}.design-path-heading{text-align:center;margin:10px 0 30px}.design-path-heading h2{letter-spacing:-.8px;font:500 28px/1.35 Manrope,sans-serif}.design-path-heading>p{color:#9ba2ad;margin-top:12px;font-size:12px}.design-path-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.design-path{text-align:left;background:#fff;border:1px solid #e5e8eb;border-radius:14px;padding:0;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.design-path:hover{border-color:#e9ad8e;transform:translateY(-4px);box-shadow:0 12px 35px #523b2510}.path-art{background:radial-gradient(at 50% 100%,#efe2cf,#0000 75%),#f8f4eb;justify-content:center;align-items:flex-end;height:210px;padding-top:34px;display:flex;position:relative;overflow:hidden}.art-browser{z-index:2;background:#fffdf8;border:1px solid #ded8cb;border-radius:8px 8px 0 0;width:63%;height:180px;padding:10px;position:relative;transform:rotate(-5deg)translateY(14px);box-shadow:0 10px 30px #6d512a15}.art-browser>span{vertical-align:top;background:#ddd7c8;border-radius:50%;width:4px;height:4px;margin-right:3px;display:inline-block}.art-content{grid-template-columns:1.2fr 1fr;gap:7px;padding:12px 6px;display:grid}.art-content>i{background:#a0a78d;border-radius:2px;width:94%;height:9px;display:block}.art-content>i:nth-child(2){background:#c9bea9;width:80%}.art-content>b{background:#6e7b60;border-radius:45px 45px 2px 2px;grid-area:2/2/6;width:100%;height:108px;display:block}.art-content>em{background:#e5c59d;grid-area:3/1;width:75%;height:16px;display:block}.art-sun{opacity:.8;background:#d99866;border-radius:50%;width:95px;height:95px;position:absolute;top:45px;right:35px}.art-spark{color:#a3ad8f;font-size:55px;position:absolute;top:60px;left:40px;transform:rotate(20deg)}.art-swatch{z-index:3;background:linear-gradient(#f3dec4 33%,#b78764 33% 66%,#52694f 66%);border:5px solid #fffdf8;width:70px;height:80px;position:absolute;bottom:10px;left:55px;transform:rotate(-15deg);box-shadow:0 5px 15px #5b432a16}.path-art-reference{background:radial-gradient(at 50% 100%,#dbdfed,#0000 75%),#f0f2f8}.path-art-reference .art-browser{background:#fcfcff;border-color:#d9dce8;transform:rotate(5deg)translateY(10px)}.path-art-reference .art-content>b{background:#8b98b8;border-radius:4px 35px 4px 4px}.path-art-reference .art-content>i{background:#a9a8bd}.path-art-reference .art-content>em{background:#bdadc5}.art-file{z-index:3;background:#fff;border:1px solid #d3d7e4;border-radius:10px;place-items:center;display:grid;position:absolute;box-shadow:0 5px 15px #464e7214}.art-figma{color:#ba9dba;width:59px;height:72px;font-size:34px;top:65px;left:37px;transform:rotate(-13deg)}.art-image{color:#8b9cba;width:66px;height:72px;bottom:21px;right:32px;transform:rotate(10deg)}.art-ruler{border:1px dashed #aeb9d3;width:80px;height:40px;position:absolute;top:27px;right:36px;transform:rotate(10deg)}.path-content{padding:27px}.path-label{color:#b4997c;letter-spacing:.8px;align-items:center;gap:7px;margin-bottom:15px;font-size:8px;display:flex}.path-content h3{letter-spacing:-.7px;font:500 25px/1.3 Manrope,sans-serif}.path-content>p{color:#bc8a67;margin:10px 0 15px;font:18px/1.5 Georgia,serif}.path-content>small{color:#9aa2ad;min-height:65px;font-size:11px;line-height:1.9;display:block}.path-action{border-top:1px solid var(--line);color:#626c79;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;font-size:11px;display:flex}.v4-design,.reference-studio{padding:30px!important}.v4-design-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.v4-design-header h2{font-size:21px}.autosave-state{color:#a2ab9c;white-space:nowrap;font-size:9px}.v4-wizard-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:9px;margin:24px 0 30px;padding:19px 0;display:grid}.v4-wizard-steps button{color:#acb3bd;text-align:left;align-items:center;gap:6px;font-size:8px;line-height:1.6;display:flex}.v4-wizard-steps button>span{color:#a5adb7;background:#f1f3f6;border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.v4-wizard-steps button.current{color:#d68660}.v4-wizard-steps button.current>span{color:#d18b65;background:#fff0e7}.v4-wizard-steps button.complete{color:#8aa08e}.step-kicker{letter-spacing:1px;color:#b79d83;margin:10px 0 18px;font-size:8px}.v4-step-body{animation:.22s ease-out guided-enter}.v4-step-body h3{letter-spacing:-.8px;margin:0 0 13px;font-size:25px;font-weight:500}.v4-step-body>p{color:#9aa2ad;max-width:700px;font-size:11px;line-height:1.9}.industry-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0;display:grid}.industry-grid button{border:1px solid var(--line);text-align:left;color:#8a96a3;background:#fff;border-radius:7px;justify-content:space-between;align-items:center;gap:7px;padding:14px 13px;font-size:10px;display:flex}.industry-grid .chosen{color:#b88058;background:#fff9f3;border-color:#e5af8f}.identity-fields{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;display:grid}.identity-fields label{color:#8e99a6;font-size:10px}.identity-fields input{width:100%;margin-top:9px;font-size:11px;display:block}.v4-wizard-bottom{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;margin-top:35px;padding-top:24px;display:flex}.v4-wizard-bottom>span{color:#b0b6bf;font-size:9px}.premium-style-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:27px 0;display:grid}.premium-style{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:hidden}.premium-style.selected{border-color:#e4a482;box-shadow:0 0 0 2px #ef704511}.premium-style-preview{aspect-ratio:1.15;background:#f2f1ed;width:100%;padding:0;display:block;position:relative;overflow:hidden}.premium-style-preview>img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.premium-style-preview>span{color:#79828d;opacity:0;background:#fffffff2;border-radius:5px;align-items:center;gap:5px;padding:6px 8px;font-size:8px;transition:opacity .2s;display:flex;position:absolute;inset:auto 10px 10px auto}.premium-style-preview:hover>span,.premium-style-preview:focus-visible>span{opacity:1}.premium-style-select{text-align:left;justify-content:space-between;align-items:center;gap:9px;width:100%;padding:16px;display:flex}.premium-style-select strong{font-size:11px;font-weight:500;display:block}.premium-style-select small{color:#a0a8b3;margin-top:8px;font-size:9px;line-height:1.8;display:block}.premium-style-select>i{color:#a2acb7;background:#f3f5f6;border:1px solid #e8ecf0;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.premium-style.selected .premium-style-select>i{color:#ce8f66;background:#fff0e5;border-color:#f1cfb8}.layout-patterns{grid-template-columns:repeat(3,1fr);gap:15px;margin:28px 0;display:grid}.layout-patterns>button{text-align:left;border:1px solid var(--line);background:#fff;border-radius:9px;padding:15px}.layout-patterns>.chosen{background:#fffaf6;border-color:#e3a988}.layout-patterns strong{margin-top:16px;font-size:11px;font-weight:500;display:block}.layout-patterns p{color:#a1a9b3;margin-top:8px;font-size:9px;line-height:1.8}.layout-pattern-art{background:#eee9df;border-radius:5px;grid-template-columns:1fr 1fr;gap:8px;height:90px;padding:15px;display:grid}.layout-pattern-art i{background:#c3bba9;display:block}.layout-pattern-art i:first-child{background:#a99a80;grid-column:1/-1;height:13px}.layout-pattern-art.minimal{background:#eff2f4;grid-template-columns:1fr;padding:18px 30px}.layout-pattern-art.bold{background:#3e4f48;grid-template-columns:2fr 1fr}.layout-pattern-art.bold i:first-child{background:#d7dbbf;height:24px}.motion-levels{grid-template-columns:repeat(3,1fr);gap:13px;margin:28px 0;display:grid}.motion-level{border:1px solid var(--line);border-radius:8px;min-height:120px;padding:20px;position:relative}.motion-level strong{margin:8px 0;font-size:12px;font-weight:500;display:block}.motion-level p,.motion-level>span:last-child{color:#a0aab5;font-size:9px;line-height:1.8;display:block}.motion-level.chosen{background:#fcf8f1;border-color:#e0b597}.motion-level.chosen>svg{color:#cba380;position:absolute;top:13px;right:13px}.motion-level.unavailable{opacity:.6;background:#fafbfc}.motion-dot{background:#d7c2a2;border-radius:50%;width:14px;height:14px;margin-bottom:15px;display:block}.detected-brand{border:1px solid var(--line);border-radius:8px;align-items:center;gap:20px;margin:25px 0;padding:20px;display:flex}.detected-brand>img{object-fit:contain;max-width:140px;max-height:65px}.detected-brand strong{font-size:11px;font-weight:500;display:block}.detected-brand small{color:#a3acb6;margin-top:8px;font-size:9px;display:block}.gallery-explorer{background:#f8f9fa;border-radius:13px;flex-direction:column;width:min(1200px,96vw);height:92vh;display:flex;overflow:hidden;box-shadow:0 20px 80px #101d3022}.gallery-explorer>header{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:18px 22px;display:flex}.gallery-explorer header strong{font-size:13px;font-weight:500}.gallery-explorer header small{color:#a3acb5;margin-top:5px;font-size:9px;display:block}.gallery-explorer-canvas{flex:1;justify-content:center;padding:15px;display:flex;overflow:auto}.gallery-explorer iframe{background:#fff;border:0;border-radius:5px;width:100%;height:100%}.gallery-explorer-canvas.mobile iframe{width:390px;max-width:100%}.gallery-explorer>footer{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:15px;padding:16px 22px;display:flex}.gallery-explorer footer>span{color:#a2acb6;font-size:9px}.reference-studio>.text-button{margin-bottom:25px}.reference-studio>.eyebrow{margin-top:25px}.reference-layout{grid-template-columns:1.2fr 1fr;gap:30px;margin-top:30px;display:grid}.reference-layout select{width:100%;margin-top:9px;font-size:11px;display:block}.reference-drop{color:#a8b0bd;background:#f9fafc;border:1px dashed #c9d0db;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:210px;margin:20px 0 28px;display:flex;position:relative}.reference-drop>span{color:#b5bed0}.reference-drop>strong{color:#7e8a9c;font-size:13px;font-weight:500}.reference-drop>small{font-size:9px}.reference-drop input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.reference-layout textarea{width:100%;margin-top:9px;font-size:11px;display:block}.reference-layout aside>h3{margin:0 0 15px;font-size:14px;font-weight:500}.reference-record{border:1px solid var(--line);color:#96a0ad;border-radius:8px;align-items:center;gap:12px;margin:12px 0;padding:15px;display:flex}.reference-record strong{color:#7b8797;overflow-wrap:anywhere;font-size:10px;font-weight:500;display:block}.reference-record small{color:#a4aeb9;margin-top:6px;font-size:8px;display:block}.reference-record>svg:last-child{color:#88a394;margin-left:auto}.reference-empty{border:1px solid var(--line);text-align:center;color:#adb5bf;border-radius:8px;padding:30px 15px;font-size:10px}.reference-formats{border-top:1px solid var(--line);margin:23px 0;padding-top:20px}.reference-formats strong{font-size:10px;font-weight:500}.reference-formats p{color:#aab2bc;margin-top:9px;font-size:9px;line-height:1.9}.page-tabs>select{color:#b28061;max-width:330px;box-shadow:none;background:0 0;border:0;padding:5px 10px 5px 0;font-size:10px}.page-tabs:has(select)>button{display:none}@media (max-width:1100px){.scope-layout{grid-template-columns:minmax(0,1fr) 245px;gap:15px}.scope-quote{padding:22px 17px}.scope-unit{padding:18px 14px}.scope-state{padding:4px 6px;font-size:7px}.v4-wizard-steps{grid-template-columns:repeat(3,1fr);gap:15px}.premium-style-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.industry-grid{grid-template-columns:repeat(3,1fr)}.motion-levels{grid-template-columns:repeat(2,1fr)}.scope-intro h2{font-size:31px}.path-art{height:185px}.path-content{padding:22px}.path-content h3{font-size:21px}.art-swatch{width:55px;height:65px;left:23px}.art-figma{left:20px}.art-image{right:12px}.art-sun{right:20px}}@media (max-width:700px){.scope-layout{grid-template-columns:1fr}.scope-quote{position:static}.scope-stats{grid-template-columns:1fr 1fr}.scope-stats>div{padding:18px}.scope-title h2{font-size:22px}.scope-title{align-items:flex-start}.scope-title p{font-size:10px;line-height:1.8}.scope-title .button{padding:9px;font-size:8px}.scope-intro{padding:40px 20px}.scope-intro h2,.scope-intro h2 em{font-size:29px}.scope-intro>p{font-size:11px}.scan-capabilities{gap:12px;font-size:8px}.design-path-grid{grid-template-columns:1fr}.design-path-heading h2{font-size:23px}.design-path-heading>p{font-size:11px;line-height:1.8}.path-art{height:200px}.path-content h3{font-size:24px}.path-content>small{font-size:11px}.v4-design,.reference-studio{padding:22px 17px!important}.v4-design-header{align-items:flex-start}.v4-design-header h2{font-size:19px;line-height:1.5}.autosave-state{font-size:8px}.v4-wizard-steps{grid-template-columns:repeat(2,1fr);gap:13px}.v4-step-body h3{font-size:22px;line-height:1.4}.industry-grid{grid-template-columns:1fr 1fr;gap:9px}.industry-grid button{padding:12px;font-size:9px}.identity-fields{grid-template-columns:1fr}.v4-wizard-bottom{gap:9px}.v4-wizard-bottom>span{display:none}.v4-wizard-bottom .button{padding:11px;font-size:9px}.premium-style-gallery{grid-template-columns:1fr}.premium-style-preview{aspect-ratio:1.35}.premium-style-select strong{font-size:13px}.premium-style-select small{font-size:10px}.premium-style-preview>span{opacity:1}.layout-patterns{grid-template-columns:1fr}.layout-pattern-art{height:100px}.motion-levels{grid-template-columns:1fr 1fr}.motion-level{min-height:110px;padding:15px}.motion-level strong{font-size:10px}.reference-layout{grid-template-columns:1fr}.gallery-explorer>header{flex-wrap:wrap;gap:10px;padding:15px}.gallery-explorer header .toggle button{padding:6px 9px;font-size:8px}.gallery-explorer footer>span{display:none}.gallery-explorer>footer{justify-content:flex-end;padding:12px}.scope-unit-row{gap:9px}.scope-unit-row strong{font-size:10px}.scope-unit-row div>span{font-size:8px}.scope-unit-row .scope-state{white-space:normal;max-width:68px;line-height:1.6}.scope-list-heading{padding:18px 15px}.scope-list-heading h3{font-size:13px}.scope-list-heading p{font-size:9px}.scope-list-heading .text-button{font-size:8px}.global-scope{padding:17px 15px}.global-scope small{font-size:8px}.scope-members{padding-left:20px}}.v5-activity{padding:0;list-style:none}.v5-activity li{border-top:1px solid #e0e3d9;gap:4px;padding:14px 0;font-size:13px;display:grid}.v5-activity time{color:#74796e;font-size:11px}.v5-dashboard{gap:24px;display:grid}.v5-hero-card{background:#e7e8dd;border:1px solid #d5d8c9;border-radius:20px;justify-content:space-between;align-items:center;gap:40px;padding:42px;display:flex}.v5-hero-card h2{letter-spacing:-.045em;margin:16px 0;font-size:clamp(30px,3vw,46px);line-height:1.12}.v5-hero-card p{color:#62675c;max-width:520px;margin-bottom:24px}.v5-hero-orbit{color:#5d6b50;border:1px solid #acb3a2;border-radius:50%;flex:none;place-items:center;width:180px;height:180px;display:grid;position:relative}.v5-hero-orbit span{background:#fafaf5;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:absolute;bottom:6px;right:-10px}.v5-projects{gap:12px;display:grid}.v5-projects .project-card{text-align:left;align-items:center;gap:20px;width:100%;display:flex}.v5-projects .project-card>span{flex:1;gap:3px;display:grid}.v5-projects small{color:#74796e;font-weight:400;display:block}.v5-empty{text-align:center;padding:36px 20px}.v5-empty>svg{color:#748169}.v5-empty p{color:#74796e}.v5-empty .button{margin:auto}.v5-intelligence-note{align-items:flex-start;gap:20px;display:flex}.v5-intelligence-note>svg{color:#627653;flex-shrink:0}.v5-intelligence-note h3{margin:0 0 7px}.v5-intelligence-note p{color:#62675c;margin:0 0 8px}.v5-intelligence-note small{color:#74796e}.v5-resolution{margin-bottom:24px}.v5-resolution-job{border-top:1px solid #e0e3d9;padding:16px 0}.v5-resolution-job summary{cursor:pointer;text-transform:capitalize;justify-content:space-between;align-items:center;gap:12px;display:flex}.v5-resolution-job p{color:#62675c}.v5-resolution-job ul{color:#62675c;font-size:13px}.v5-resolution-state{color:#826735;background:#f3eee0;border-radius:6px;padding:5px 9px;font-size:12px}.v5-resolution-state.verified{color:#4e6938;background:#e9efdf}.v5-workflow{gap:8px;margin-bottom:18px;padding:0 0 24px;display:flex;overflow:auto}.v5-workflow button{color:#74796e;white-space:nowrap;background:0 0;border:1px solid #e0e3d9;border-radius:10px;flex:1;align-items:center;gap:9px;padding:12px 14px;transition:background .15s,color .15s;display:flex}.v5-workflow button span{background:#ecefe6;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.v5-workflow button strong{font-size:12px;font-weight:500}.v5-workflow [aria-current=step]{color:#35412e;background:#eef0e7;border-color:#aab79a}.v5-workflow button:disabled{opacity:.55;cursor:default}.v5-workflow [aria-current=step]:disabled{opacity:1}.v5-support details{border-top:1px solid #e0e3d9;padding:18px 0}.v5-support summary{cursor:pointer;font-weight:600}.v5-support p{color:#62675c;max-width:700px}.v5-restore{border:1px solid #d5d8c9;border-radius:14px;margin-top:24px;padding:24px}.v5-positive{color:#527044;gap:10px;display:flex}.v5-dashboard .stat{min-width:0}.v5-dashboard .stat strong{font-size:26px;display:block}.v5-dashboard .stat span{color:#74796e;display:block}.v5-dashboard .stats-grid{margin:0}@media (max-width:800px){.v5-hero-card{gap:20px;padding:24px}.v5-hero-orbit{display:none}.v5-resolution-job summary{flex-direction:column;align-items:flex-start}.v5-workflow button{flex:none;min-width:120px}.v5-intelligence-note{gap:12px;padding:20px}.v5-projects .project-card{gap:12px}.v5-projects .project-card strong{overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.v5-workflow button{transition:none}}