@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";html,body,#root{min-height:100%}:root{--ink:#20242c;--muted:#7c8490;--line:#e7e9ed;--blue:#315fe8}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer;border:0}body{color:var(--ink);letter-spacing:0;background:#f2f3f5;margin:0;font-family:Noto Sans SC,Segoe UI,sans-serif}.app-shell{background:#fff;grid-template-columns:246px minmax(580px,1fr) 342px;min-width:1180px;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbfbfc;flex-direction:column;min-height:100vh;padding:18px 14px 14px;display:flex}.brand{align-items:center;gap:10px;height:40px;padding:0 8px;font-size:18px;font-weight:700;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:8px;place-items:center;width:26px;height:26px;font-family:Georgia;font-size:18px;display:grid}.workspace-switcher{text-align:left;background:0 0;border-radius:7px;align-items:center;gap:10px;width:100%;margin:18px 0 21px;padding:9px 8px;display:flex}.workspace-switcher:hover{background:#f0f2f5}.workspace-switcher b,.account-row b{font-size:13px;font-weight:600;display:block}.workspace-switcher small,.account-row small{color:var(--muted);margin-top:2px;font-size:11px;display:block}.user-face{color:#7b5c4b;background:#ece4df;border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-size:12px;font-weight:700;display:grid}.chevron{color:#8f96a0;margin-left:auto;font-size:16px}.side-title{color:#777f8c;justify-content:space-between;align-items:center;padding:0 8px 9px;font-size:12px;display:flex}.small-add{color:#66707c;background:0 0;font-size:21px;line-height:16px}.account-list{gap:3px;display:grid}.account-row{text-align:left;width:100%;color:var(--ink);background:0 0;border-radius:7px;align-items:center;gap:9px;padding:8px;display:flex}.account-row:hover{background:#f1f3f6}.account-row.selected{background:#eaf0ff}.account-avatar{color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.account-copy{flex:1;min-width:0}.account-copy b{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.account-copy i,.browser-status i{vertical-align:middle;background:#37b987;border-radius:50%;width:5px;height:5px;margin-right:3px;display:inline-block}.dots{color:#9da4ad;letter-spacing:1px;font-size:11px}.side-nav{border-top:1px solid var(--line);gap:3px;margin:20px 2px 0;padding-top:15px;display:grid}.nav-row{text-align:left;color:#5f6875;background:0 0;border-radius:6px;align-items:center;gap:10px;padding:9px 8px;font-size:13px;display:flex}.nav-row.active{color:#2f57d8;background:#eef2ff;font-weight:600}.nav-row span:last-child{color:#9ca3ad;margin-left:auto;font-size:11px}.icon{text-align:center;width:16px;color:inherit;font-weight:600;display:inline-block}.trial-card{background:#f0f4ff;border:1px solid #dce5ff;border-radius:7px;margin:auto 2px 10px;padding:13px 12px}.spark{color:#4b71e8;margin-right:4px}.trial-card b{font-size:12px}.trial-card p{color:#647089;margin:5px 0 10px;font-size:11px;line-height:1.5}.trial-card button{color:#315fe8;background:#fff;border:1px solid #bdceff;border-radius:5px;width:100%;padding:6px;font-size:11px}.help{color:#8b939e;text-align:left;background:0 0;gap:9px;padding:8px;font-size:12px;display:flex}.work-area{background:#fff;flex-direction:column;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:108px;padding:22px 28px 18px;display:flex}.breadcrumb{color:#8a919c;font-size:11px}.breadcrumb span{color:#b5bbc4;padding:0 5px}.topbar h1{letter-spacing:0;margin:6px 0 0;font-size:18px;font-weight:650}.top-actions{align-items:center;gap:9px;display:flex}.icon-button{border:1px solid var(--line);color:#657080;background:#fff;border-radius:5px;width:30px;height:30px;font-size:18px;line-height:1}.outline-button{color:#315fe8;background:#fff;border:1px solid #c8d4fc;border-radius:5px;padding:7px 11px;font-size:12px}.browser-wrap{border:1px solid #dfe3e8;border-radius:8px;flex-direction:column;flex:1;min-height:500px;margin:20px 24px 24px;display:flex;overflow:hidden;box-shadow:0 4px 18px #1722330f}.browser-bar{background:#f5f6f8;border-bottom:1px solid #e5e7eb;align-items:center;gap:13px;height:46px;padding:0 12px;display:flex}.browser-controls{color:#737c89;gap:10px;font-size:18px;display:flex}.address{color:#7c8490;background:#fff;border:1px solid #e3e5e9;border-radius:5px;flex:1;align-items:center;gap:8px;height:28px;padding:0 10px;font:11px DM Mono,monospace;display:flex}.address span:first-child{color:#9ca3ad;font-size:15px}.address em{color:#3a9b79;background:#effaf6;border-radius:3px;margin-left:auto;padding:2px 5px;font-family:Noto Sans SC;font-size:10px;font-style:normal}.more-button{color:#7f8793;background:0 0;font-size:14px}.browser-content{background:#fafbfd;flex:1;min-height:0;padding:20px}.doubao-preview{background:linear-gradient(130deg,#fdfcff,#eff5ff);border:1px solid #eef0f3;border-radius:4px;height:100%;min-height:0;position:relative;overflow:hidden}.preview-top{color:#8b94a1;background:#fff;align-items:center;gap:14px;height:55px;padding:0 24px;font-size:12px;display:flex}.preview-logo{color:#222b3a;font-size:18px;font-weight:700}.preview-top button{color:#fff;background:#252b39;border-radius:5px;margin-left:auto;padding:6px 13px;font-size:11px}.preview-hero{text-align:center;width:min(560px,80%);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}.preview-hero p{color:#6e7785;margin:0;font-size:13px}.preview-hero h2{letter-spacing:0;margin:8px 0 25px;font-size:28px}.prompt-box{text-align:left;color:#a1a8b2;background:#fff;border:1px solid #dfe4ea;border-radius:9px;align-items:flex-end;gap:12px;min-height:60px;padding:11px 12px;font-size:12px;display:flex;box-shadow:0 10px 30px #3b507512}.prompt-box span{flex:1;max-height:40px;line-height:1.6;overflow:hidden}.prompt-box button{background:var(--blue);color:#fff;border-radius:6px;width:25px;height:25px;font-size:17px}.suggestions{justify-content:center;gap:8px;margin-top:12px;display:flex}.suggestions span{color:#6e7785;background:#fff;border:1px solid #e6e8ec;border-radius:15px;padding:5px 10px;font-size:11px}.preview-footer{text-align:center;color:#a5abb5;font-size:10px;position:absolute;bottom:16px;left:0;right:0}.browser-status{color:#87909c;background:#fff;border-top:1px solid #e5e8ec;justify-content:space-between;align-items:center;height:33px;padding:0 13px;font-size:10px;display:flex}.tool-panel{border-left:1px solid var(--line);background:#fff;flex-direction:column;min-height:100vh;display:flex}.panel-head{justify-content:space-between;align-items:flex-start;height:108px;padding:24px 19px 14px;display:flex}.panel-head h2{letter-spacing:0;margin:0 0 4px;font-size:16px}.panel-head p{color:#8b929e;margin:0;font-size:11px}.tool-tabs{border-bottom:1px solid var(--line);gap:19px;height:42px;padding:0 17px;display:flex}.tool-tabs button{color:#838b96;background:0 0;padding:0 1px;font-size:12px;position:relative}.tool-tabs button.active{color:#315fe8;font-weight:600}.tool-tabs button.active:after{content:"";background:#315fe8;height:2px;position:absolute;bottom:0;left:0;right:0}.panel-scroll{flex:1;padding:16px 17px;overflow:auto}.panel-section-title{justify-content:space-between;align-items:center;margin:2px 0 11px;font-size:12px;font-weight:600;display:flex}.panel-section-title button,.text-action{color:#5574dc;background:0 0;font-size:11px}.prompt-list{gap:8px;display:grid}.prompt-card{text-align:left;width:100%;color:var(--ink);background:#fff;border:1px solid #e8eaed;border-radius:7px;align-items:flex-start;gap:8px;padding:10px;display:flex}.prompt-card:hover{background:#fbfcff;border-color:#b7c6fa}.prompt-icon{color:#5575e8;background:#eff2ff;border-radius:5px;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.prompt-card>span:nth-child(2){flex:1;min-width:0}.prompt-card b{font-size:12px;font-weight:600;display:block}.prompt-card small{-webkit-line-clamp:2;color:#7c8490;-webkit-box-orient:vertical;margin-top:3px;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.send-arrow{color:#8aa1eb;padding-top:1px;font-size:17px}.quick-compose{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.quick-compose label{font-size:12px;font-weight:600}.quick-compose textarea{resize:none;border:1px solid #e1e4e9;border-radius:6px;outline-color:#88a1f0;width:100%;height:80px;margin:8px 0;padding:8px;font-size:11px}.quick-compose>div{justify-content:space-between;align-items:center;display:flex}.send-button{background:var(--blue);color:#fff;border-radius:5px;padding:6px 13px;font-size:11px}.asset-tabs{background:#f3f5f7;border-radius:6px;margin-bottom:13px;padding:3px;display:flex}.asset-tabs button{color:#7b8491;background:0 0;border-radius:4px;flex:1;padding:6px;font-size:11px}.asset-tabs button.active{color:#334eae;background:#fff;box-shadow:0 1px 3px #00000014}.asset-tabs span{color:#9da5af;font-size:9px}.import-button{color:#5270ce;background:#fff;border:1px dashed #aab9e7;border-radius:5px;width:100%;margin-bottom:13px;padding:8px;font-size:11px}.asset-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.asset-card{text-align:left;background:0 0;min-width:0;padding:0;position:relative}.asset-card img{aspect-ratio:1.24;object-fit:cover;border-radius:5px;width:100%;display:block}.asset-card b{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 1px;font-size:11px;display:block;overflow:hidden}.asset-card small{color:#949ca7;font-size:9px}.asset-overlay{opacity:0;color:#fff;background:#1f3053d1;border-radius:4px;padding:3px 6px;font-size:10px;position:absolute;top:7px;right:7px}.asset-card:hover .asset-overlay{opacity:1}.export-path{background:#f5f7ff;border:1px solid #e1e8ff;border-radius:7px;align-items:center;gap:8px;margin-bottom:19px;padding:10px;display:flex}.folder-icon{color:#5877de;font-size:19px}.export-path div{flex:1;min-width:0}.export-path small,.export-path b{display:block}.export-path small{color:#8993a3;font-size:10px}.export-path b{white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font:10px DM Mono;overflow:hidden}.export-path button{color:#5270d0;background:0 0;font-size:10px}.download-list{gap:3px;display:grid}.download{align-items:center;gap:8px;padding:7px 0;display:flex}.file-icon{color:#e26355;font-size:16px}.download div{flex:1}.download b,.download small{display:block}.download b{font-size:11px;font-weight:500}.download small{color:#959da8;margin-top:2px;font-size:9px}.download button{color:#7e8a9b;background:0 0;margin-left:auto}.empty-state{text-align:center;color:#8b949e;padding:35px 0;font-size:12px;line-height:1.8}.empty-state small{font-size:10px}.auto-save{border-top:1px solid var(--line);align-items:flex-start;gap:8px;margin-top:17px;padding-top:15px;display:flex}.auto-save>span{color:#2fab85;background:#e8f8f1;border-radius:50%;place-items:center;width:17px;height:17px;font-size:10px;display:grid}.auto-save div{flex:1}.auto-save b,.auto-save small{display:block}.auto-save b{font-size:11px}.auto-save small{color:#9098a3;margin-top:2px;font-size:9px}.toggle{background:#4270e7;border-radius:12px;width:27px;height:16px;padding:2px}.toggle i{float:right;background:#fff;border-radius:50%;width:12px;height:12px;display:block}.toast{color:#fff;z-index:5;background:#222a37;border-radius:6px;padding:11px 16px;font-size:12px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0000002e}.modal-backdrop{z-index:10;background:#161d2961;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:9px;width:440px;max-width:100%;padding:27px;position:relative;box-shadow:0 20px 60px #19233740}.login-modal{width:570px}.modal-close{color:#8992a0;background:0 0;font-size:24px;position:absolute;top:12px;right:15px}.modal-eyebrow{color:#5a78dc;margin-bottom:7px;font-size:11px;font-weight:600}.modal h2{letter-spacing:0;margin:0 0 8px;font-size:21px}.modal-copy{color:#7e8794;margin:0 0 20px;font-size:12px;line-height:1.7}.login-window{border:1px solid #dde1e7;border-radius:6px;margin:16px 0;overflow:hidden}.login-window>div:first-child{color:#838b98;background:#f3f4f6;align-items:center;gap:20px;height:29px;padding:0 10px;font:10px DM Mono;display:flex}.window-dots{color:#c0c5cd;letter-spacing:2px;font-size:7px}.login-page{background:linear-gradient(135deg,#fbfcff,#f1f5ff);flex-direction:column;justify-content:center;align-items:center;gap:9px;height:170px;display:flex}.login-page b{font-size:20px}.login-page span{color:#8b94a1;font-size:11px}.login-page button{color:#365dc8;background:#fff;border:1px solid #bbcaf5;border-radius:4px;padding:6px 12px;font-size:11px}.primary-wide{background:var(--blue);color:#fff;border-radius:5px;width:100%;margin-top:5px;padding:10px;font-size:13px}.field-label{margin:15px 0 6px;font-size:11px;font-weight:600;display:block}.modal-input,.modal-textarea,.path-input input{border:1px solid #dde1e6;border-radius:5px;outline-color:#7894ef;width:100%;padding:9px;font-size:12px}.modal-textarea{resize:none;height:106px}.path-input{display:flex}.path-input input{border-radius:5px 0 0 5px;min-width:0}.path-input button{color:#506bd0;background:#f7f8fa;border:1px solid #dde1e6;border-left:0;border-radius:0 5px 5px 0;padding:0 10px;font-size:11px}.modal-note{text-align:center;color:#98a0ab;margin-top:12px;font-size:10px;display:block}.user-options{gap:8px;display:grid}.user-option{text-align:left;color:var(--ink);background:#fff;border:1px solid #e2e5e9;border-radius:6px;align-items:center;gap:10px;padding:10px;display:flex}.user-option.selected{background:#f5f7ff;border-color:#9cb0ef}.user-option b,.user-option small{display:block}.user-option b{font-size:12px}.user-option small{color:#858e9b;margin-top:2px;font-size:10px}.user-option em{color:#49836e;background:#eaf8f2;border-radius:3px;margin-left:auto;padding:3px 6px;font-size:10px;font-style:normal}@media (width<=1000px){.app-shell{grid-template-columns:220px minmax(520px,1fr) 315px}.topbar{padding-inline:20px}.browser-wrap{margin-inline:16px}.tool-panel .panel-scroll{padding-inline:13px}}.brand-button{color:var(--ink);cursor:pointer;background:0 0;border:0}.desktop-indicator{color:#4b6bd1;background:#f4f7ff;border:1px solid #dce5ff;border-radius:12px;padding:4px 8px;font-size:10px}.site{color:#222a36;background:#fff;overflow:hidden}.site-nav{justify-content:space-between;align-items:center;max-width:1200px;height:82px;margin:auto;padding:0 24px;display:flex}.site-nav nav{gap:31px;display:flex}.site-nav a{color:#5d6673;font-size:13px;text-decoration:none}.site-nav>div{align-items:center;gap:10px;display:flex}.nav-login{color:#313947;background:0 0;padding:9px;font-size:13px}.nav-download,.hero-primary{color:#fff;background:#315fe8;border-radius:5px;padding:11px 15px;font-size:13px;font-weight:600}.site-hero{grid-template-columns:.93fr 1.07fr;align-items:center;gap:60px;max-width:1200px;min-height:625px;margin:0 auto;padding:90px 24px 100px;display:grid}.eyebrow{color:#5472d6;letter-spacing:1.2px;font:500 11px DM Mono,monospace}.hero-copy h1,.feature-intro h2,.workflow h2,.membership h2{letter-spacing:0;margin:17px 0 18px;font-size:47px;font-weight:700;line-height:1.18}.hero-copy p{color:#657080;max-width:450px;margin:0;font-size:16px;line-height:1.85}.hero-actions{gap:11px;margin:31px 0 15px;display:flex}.hero-primary{padding:13px 18px;font-size:14px}.hero-primary span{margin-left:17px;font-size:18px}.hero-secondary{color:#3e4855;background:#fff;border:1px solid #dce0e6;border-radius:5px;padding:12px 17px;font-size:13px}.hero-copy>small{color:#9098a3;font-size:11px}.hero-visual{background:#eff4ff;border:1px solid #e1eaff;border-radius:9px;place-items:center;height:408px;display:grid;position:relative}.hero-visual:before{content:"";background:#dce7ff;border-radius:50%;width:72%;height:72%;position:absolute}.hero-core{z-index:1;background:#fff;border-radius:7px;width:76%;height:286px;padding:13px;position:relative;box-shadow:0 24px 42px #2540832b}.core-title{align-items:center;gap:7px;height:30px;font-size:12px;display:flex}.core-title .brand-mark{border-radius:5px;width:19px;height:19px;font-size:13px}.core-title em{color:#949daa;margin-left:auto;font-size:10px;font-style:normal}.core-browser{border:1px solid #e7eaf0;border-radius:5px;height:222px;overflow:hidden}.core-address{color:#7b8590;background:#f5f6f8;height:27px;padding:7px;font:9px DM Mono}.core-address span{float:right;color:#378869;background:#eaf8f2;border-radius:3px;padding:1px 4px}.core-content{text-align:center;background:linear-gradient(130deg,#fff,#f1f6ff);height:194px;padding:17px;font-size:10px}.core-content small{color:#919ba8}.core-content h3{margin:32px 0 14px;font-size:18px}.core-content>div{text-align:left;color:#a1a8b1;background:#fff;border-radius:4px;padding:8px;box-shadow:0 4px 13px #2637601a}.core-content button{float:right;color:#fff;background:#315fe8;border-radius:3px}.hero-card{z-index:2;background:#fff;border-radius:7px;min-width:155px;padding:12px 14px;position:absolute;box-shadow:0 14px 30px #273b6c24}.hero-card span,.hero-card b,.hero-card small{display:block}.hero-card span{color:#8d96a3;font-size:10px}.hero-card b{margin:4px 0;font-size:12px}.hero-card small{color:#7d8793;font-size:9px}.hero-card small i{background:#38b889;border-radius:50%;width:5px;height:5px;display:inline-block}.hero-left{top:64px;left:-26px}.hero-right{bottom:61px;right:-24px}.trust-row{color:#697382;background:#fbfcfd;border-block:1px solid #eaecf0;justify-content:center;align-items:center;gap:27px;min-height:76px;font-size:12px;display:flex}.trust-row i{background:#a2adbd;border-radius:50%;width:3px;height:3px}.feature-intro{max-width:1200px;margin:auto;padding:128px 24px 55px}.feature-intro h2{margin:14px 0;font-size:37px}.feature-intro p{color:#747e8c;max-width:495px;font-size:14px;line-height:1.8}.feature-grid{grid-template-rows:260px 260px;grid-template-columns:1.05fr 1fr;gap:16px;max-width:1200px;margin:auto;padding:0 24px 125px;display:grid}.feature-grid article{border-radius:8px;padding:29px;overflow:hidden}.feature-tall{background:#f0f4ff;grid-row:span 2}.feature-number{color:#5d79d9;font:11px DM Mono}.feature-tall h3,.feature-dark h3{letter-spacing:0;margin:24px 0 13px;font-size:27px;line-height:1.32}.feature-tall p,.feature-dark p,.feature-image p{color:#758092;max-width:305px;font-size:12px;line-height:1.8}.session-stack{gap:7px;margin-top:28px;display:grid}.session-stack>div{background:#fff;border-radius:5px;grid-template-rows:23px 18px;grid-template-columns:30px 1fr;gap:0 9px;height:45px;padding:7px 9px;display:grid;box-shadow:0 4px 13px #3447760f}.session-stack .account-avatar{grid-row:span 2}.session-stack b{font-size:11px}.session-stack small{color:#8490a5;font:9px DM Mono}.feature-image{position:relative;padding:0!important}.feature-image img{object-fit:cover;width:100%;height:100%}.feature-image>div{color:#fff;background:linear-gradient(#0000,#0f1521d9);padding:47px 28px 25px;position:absolute;inset:auto 0 0}.feature-image .feature-number{color:#bdcafa}.feature-image h3{margin:6px 0;font-size:20px}.feature-image p{color:#e1e6f4;margin:0}.feature-dark{color:#fff;background:#222b3c}.feature-dark .feature-number{color:#9eb3fa}.feature-dark p{color:#c4cbd8}.download-chip{color:#eff3ff;background:#313d55;border:1px solid #465574;border-radius:5px;margin-top:29px;padding:9px;font-size:11px}.download-chip small{color:#b1bdd5;font:9px DM Mono}.workflow{background:#f6f7f8;grid-template-columns:1fr 1fr;align-items:center;gap:100px;padding:115px max(24px,50vw - 576px);display:grid}.workflow h2,.membership h2{margin:14px 0;font-size:36px}.workflow p,.membership>div>p{color:#75808d;max-width:410px;font-size:14px;line-height:1.8}.workflow ol{margin:0;padding:0;list-style:none}.workflow li{border-bottom:1px solid #dee2e6;gap:20px;padding:19px 0;display:flex}.workflow li:first-child{padding-top:0}.workflow li b{color:#5f7bda;font:12px DM Mono}.workflow li strong,.workflow li small{display:block}.workflow li strong{margin-bottom:5px;font-size:15px}.workflow li small{color:#7e8895;font-size:12px}.membership{background:#edf3ff;border-radius:10px;justify-content:space-between;align-items:center;max-width:1152px;margin:120px auto;padding:65px 64px;display:flex}.membership-card{background:#fff;border-radius:7px;width:360px;padding:24px;box-shadow:0 16px 38px #233a6f1f}.membership-card>span{color:#6080df;font:10px DM Mono}.membership-card>b{margin:13px 0;font-size:20px;display:block}.membership-card ul{margin:0 0 18px;padding:0;list-style:none}.membership-card li{border-top:1px solid #ebedf0;padding:9px 0;font-size:12px}.membership-card li:before{content:"✓";color:#2ca27a;margin-right:9px}.membership-card>div{color:#85909e;border-top:1px solid #ebedf0;justify-content:space-between;padding-top:13px;font-size:10px;display:flex}.membership-card em{color:#607bdd;font-style:normal}footer{color:#8b94a0;border-top:1px solid #e5e7eb;align-items:center;gap:20px;max-width:1200px;margin:auto;padding:28px 24px 40px;font-size:12px;display:flex}footer span{margin-right:auto}footer button{color:#355ed5;background:0 0;font-size:12px}.account-button{color:#4064cf;background:#edf2ff;border-radius:5px;padding:8px 11px;font-size:12px}.purchase-strip{color:#65718a;border-top:1px solid #dbe3fb;border-bottom:1px solid #dbe3fb;align-items:center;gap:12px;max-width:1152px;margin:-70px auto 105px;padding:21px 0;font-size:12px;display:flex}.purchase-strip b{color:#29354b;font-size:13px}.purchase-strip button{color:#315fe8;background:0 0;margin-left:auto;font-size:12px}.portal-backdrop{z-index:50;background:#121c2e7a;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.portal{background:#fff;border-radius:9px;width:470px;max-width:100%;padding:30px;position:relative;box-shadow:0 24px 70px #111b2f47}.portal-close{color:#8e97a3;background:0 0;font-size:24px;position:absolute;top:10px;right:14px}.portal h2{letter-spacing:0;margin:10px 0 8px;font-size:23px}.portal>p{color:#7c8795;margin:0 0 19px;font-size:12px;line-height:1.7}.portal input{border:1px solid #dde2e8;border-radius:5px;outline-color:#6080e5;width:100%;margin-bottom:9px;padding:11px;font-size:13px}.portal-primary{color:#fff;background:#315fe8;border-radius:5px;width:100%;margin-top:8px;padding:11px;font-size:13px;font-weight:600}.portal-primary:disabled{opacity:.7}.portal-link{color:#4f70d7;background:0 0;margin:12px auto 0;font-size:12px;display:block}.plan-options{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.plan-options button,.pay-options button{text-align:left;background:#fff;border:1px solid #dde2e8;border-radius:5px;padding:11px 8px}.plan-options button.chosen,.pay-options button.chosen{background:#f3f6ff;border-color:#6683e7}.plan-options b,.plan-options strong,.plan-options small{display:block}.plan-options b{font-size:12px}.plan-options strong{color:#293e85;margin:5px 0;font:600 20px DM Mono}.plan-options small{color:#8892a0;font-size:10px}.checkout-label{margin:17px 0 7px;font-size:11px;font-weight:600;display:block}.pay-options{gap:8px;display:flex}.pay-options button{text-align:center;flex:1;font-size:12px}.payment-note{color:#9199a5;margin-top:12px;font-size:10px;line-height:1.6;display:block}.card-code{color:#3655ae;text-align:center;letter-spacing:.8px;background:#f0f4ff;border:1px dashed #9eb1ed;border-radius:5px;margin:19px 0;padding:15px;font:600 15px DM Mono}.card-input{text-transform:uppercase;font-family:DM Mono!important}.download-box{background:#f4f7ff;border:1px solid #dde5fb;border-radius:6px;align-items:center;gap:10px;padding:14px;display:flex}.download-box .brand-mark{flex:none}.download-box div{flex:1}.download-box b,.download-box small{display:block}.download-box b{font-size:12px}.download-box small{color:#7c8798;margin-top:3px;font-size:10px}.download-box .portal-primary{width:auto;margin:0;padding:8px 11px;font-size:11px}.install-steps{color:#657181;margin:20px 0;padding-left:18px;font-size:12px;line-height:2}.order-list{border:1px solid #e3e6eb;border-radius:6px;margin:19px 0;overflow:hidden}.order-list>div{border-bottom:1px solid #e9ebee;align-items:center;gap:11px;min-height:57px;padding:10px;display:flex}.order-list>div:last-child{border-bottom:0}.order-list span{flex:1}.order-list b,.order-list small{display:block}.order-list b{font-size:12px}.order-list small{color:#89929e;margin-top:3px;font:10px DM Mono}.order-list strong{font:12px DM Mono}.order-list em{color:#26936f;background:#e8f8f1;border-radius:3px;padding:3px 5px;font-size:10px;font-style:normal}.order-empty{color:#949da8;justify-content:center;font-size:12px}.portal-message{color:#4e67bb;background:#f1f5ff;border-radius:5px;margin-top:14px;padding:9px;font-size:11px;line-height:1.6}@media (width<=800px){.site-nav{height:65px}.site-nav nav,.nav-login{display:none}.site-hero{grid-template-columns:1fr;gap:40px;padding-top:60px}.hero-copy h1{font-size:36px}.hero-visual{height:330px}.hero-left{left:5px}.hero-right{right:5px}.trust-row{gap:10px;font-size:10px}.feature-intro{padding-top:75px}.feature-intro h2{font-size:29px}.feature-grid{grid-template-rows:auto;grid-template-columns:1fr}.feature-tall{grid-row:auto;min-height:430px}.feature-image,.feature-dark{min-height:255px}.workflow{grid-template-columns:1fr;gap:40px;padding-block:70px}.membership{gap:35px;margin:70px 16px;padding:38px 25px;display:grid}.membership-card{width:100%}footer{flex-wrap:wrap}.purchase-strip{margin:0 16px 70px;line-height:2;display:block}.purchase-strip button{float:right}.site{min-width:0}}.license-blocked{text-align:center;background:#fff5f3;border:1px solid #f1d4ce;border-radius:8px;width:520px;max-width:calc(100% - 50px);margin:80px auto;padding:34px}.license-blocked h2{margin:0 0 10px;font-size:20px}.license-blocked p{color:#8d6961;font-size:12px;line-height:1.8}.license-blocked a{color:#bf574b;margin-top:8px;font-size:12px;display:inline-block}.license-disabled{opacity:.72;pointer-events:none}.download-link{text-decoration:none;display:block}.web-notice{z-index:80;color:#fff;background:#263247;border-radius:6px;padding:12px 15px;font-size:12px;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 24px #141d2d38}.account-page{color:#222a36;background:#f5f7fa;min-height:100vh}.account-nav{background:#fff;border-bottom:1px solid #e5e9ef;justify-content:space-between;align-items:center;height:72px;padding:0 max(24px,50vw - 600px);display:flex}.account-nav>div:last-child{align-items:center;gap:8px;display:flex}.account-layout{grid-template-columns:214px minmax(0,1fr);gap:22px;max-width:1200px;margin:0 auto;padding:36px 24px 70px;display:grid}.account-side{background:#fff;border:1px solid #e2e7ee;border-radius:7px;height:max-content;padding:22px 14px}.account-side .user-face{margin-bottom:13px}.account-side>b,.account-side>small{padding:0 8px;display:block}.account-side>b{font-size:15px}.account-side>small{color:#8a94a1;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font:10px DM Mono;overflow:hidden}.account-side>div{border-top:1px solid #e8ebf0;gap:3px;margin-top:21px;padding-top:10px;display:grid}.account-side button{color:#66717f;text-align:left;background:0 0;border-radius:5px;padding:9px;font-size:12px}.account-side button.selected,.account-side button:hover{color:#315fe8;background:#eef3ff}.account-main{min-width:0}.account-heading{justify-content:space-between;align-items:end;gap:20px;margin:3px 0 22px;display:flex}.account-heading h1{letter-spacing:0;margin:8px 0 5px;font-size:29px}.account-heading p{color:#7c8795;margin:0;font-size:12px}.account-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.account-grid article{background:#fff;border:1px solid #e2e7ee;border-radius:7px;min-height:150px;padding:19px}.account-grid small,.account-grid b,.account-grid p{display:block}.account-grid small{color:#8490a1;font:10px DM Mono}.account-grid b{margin:13px 0 7px;font-size:18px}.account-grid p{color:#7a8594;min-height:37px;margin:0;font-size:11px;line-height:1.6}.account-grid button,.account-grid a{color:#315fe8;background:0 0;margin-top:10px;font-size:11px;text-decoration:none;display:inline-block}.orders-panel,.plans-panel{background:#fff;border:1px solid #e2e7ee;border-radius:7px;margin-top:15px;padding:22px}.orders-panel h2,.plans-panel h2{letter-spacing:0;margin:6px 0 17px;font-size:17px}.order-table{border:1px solid #e3e8ef;border-radius:6px;overflow:hidden}.order-head,.order-row{grid-template-columns:1.45fr 1fr .65fr .75fr 1fr;align-items:center;gap:12px;padding:11px 13px;font-size:11px;display:grid}.order-head{color:#8490a0;background:#f6f8fb;font-size:10px}.order-row{color:#556170;border-top:1px solid #e8edf2;position:relative}.order-row b,.order-row small{display:block}.order-row b{color:#3b4657;font:11px DM Mono}.order-row small{color:#959eaa;margin-top:4px;font-size:10px}.order-row .paid,.order-row .pending{border-radius:3px;width:max-content;padding:3px 6px;font-size:10px}.order-row .paid{color:#248d69;background:#e8f8f0}.order-row .pending{color:#ad741e;background:#fff4df}.order-row code{color:#3e5bbb;word-break:break-all;background:#f0f4ff;border-radius:4px;grid-column:1/-1;padding:7px 9px;font:10px DM Mono}.orders-empty{text-align:center;color:#8b95a1;border:1px dashed #dce3ed;border-radius:6px;padding:30px;font-size:12px}.plans-panel>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.plans-panel button{text-align:left;background:#f8faff;border:1px solid #e0e7f4;border-radius:6px;padding:15px}.plans-panel button:hover{background:#f2f6ff;border-color:#89a1e8}.plans-panel b,.plans-panel strong,.plans-panel small{display:block}.plans-panel b{font-size:12px}.plans-panel strong{color:#2d458f;margin:8px 0;font:600 22px DM Mono}.plans-panel small{color:#8893a3;font-size:10px}.account-empty{text-align:center;place-content:center;min-height:calc(100vh - 72px);padding:24px;display:grid}.account-empty>.brand-mark{width:42px;height:42px;margin:auto;font-size:25px}.account-empty h1{letter-spacing:0;margin:18px 0 8px;font-size:28px}.account-empty p{color:#7b8796;max-width:380px;margin:0 auto 21px;font-size:13px;line-height:1.7}.account-empty .hero-primary{margin:auto}@media (width<=800px){.site-nav nav{display:none}.site-hero{padding-top:52px}.account-nav{padding:0 18px}.account-layout{padding:22px 16px 52px;display:block}.account-side{display:none}.account-heading{flex-direction:column;align-items:start}.account-grid,.plans-panel>div{grid-template-columns:1fr}.order-table{overflow:auto}.order-head,.order-row{min-width:620px}.account-heading .hero-primary{width:100%}.portal{padding:25px 20px}.plan-options{grid-template-columns:1fr}.site-nav>div{gap:0}.nav-download{display:none}}.auth-screen{background:#f3f6fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-screen section{background:#fff;border:1px solid #e2e7ef;border-radius:9px;width:430px;padding:38px;box-shadow:0 20px 60px #1a2a471f}.auth-screen .brand{margin-bottom:38px}.auth-screen h1{letter-spacing:0;margin:10px 0;font-size:26px}.auth-screen p{color:#748090;margin:0 0 22px;font-size:13px;line-height:1.8}.auth-screen input,.client-dialog input{border:1px solid #dce2eb;border-radius:5px;outline-color:#6585ea;width:100%;margin:0 0 9px;padding:11px;font-size:13px}.wide{width:100%}.switch-auth{color:#4d70d9;background:0 0;margin:15px auto 0;font-size:12px;display:block}.auth-error{color:#bd4545;background:#fff3f3;border-radius:4px;margin-bottom:10px;padding:8px;font-size:11px}.real-app-shell{background:#fff;grid-template-columns:246px minmax(560px,1fr) 342px;min-width:1180px;min-height:100vh;display:grid}.real-sidebar{background:#fbfcfd;border-right:1px solid #e5e8ed;flex-direction:column;padding:19px 14px;display:flex}.signed-user{align-items:center;gap:9px;margin:22px 8px;display:flex}.signed-user>span{color:#745b4c;background:#eae4df;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.signed-user b,.signed-user small{display:block}.signed-user b{font-size:12px}.signed-user small{color:#8b94a0;margin-top:2px;font-size:10px}.side-label{color:#77818e;justify-content:space-between;padding:0 8px 9px;font-size:11px;display:flex}.side-label button{color:#5b6e86;background:0 0;font-size:18px}.real-account-list{gap:3px;display:grid}.real-account{border-radius:6px;align-items:center;display:flex}.real-account.active{background:#eaf0ff}.real-account>button:first-child{text-align:left;color:#253040;background:0 0;flex:1;align-items:center;gap:9px;min-width:0;padding:8px;display:flex}.real-account b,.real-account small{display:block}.real-account b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.real-account small{color:#36a47a;margin-top:2px;font-size:10px}.more-account{color:#9aa3ad;background:0 0;padding:8px;font-size:11px}.empty-account{color:#5071cf;background:#fff;border:1px dashed #bdcae8;border-radius:6px;padding:10px;font-size:11px}.real-sidebar nav{border-top:1px solid #e4e7eb;gap:3px;margin:20px 2px 0;padding-top:14px;display:grid}.real-sidebar nav button{color:#616d7b;text-align:left;background:0 0;border-radius:5px;padding:9px;font-size:12px}.real-sidebar nav button.selected{color:#365bd1;background:#edf2ff;font-weight:600}.real-sidebar nav small{float:right;color:#9ba5b2}.membership-status{background:#f0f4ff;border:1px solid #dce5fd;border-radius:6px;margin:auto 2px 10px;padding:12px}.membership-status b{font-size:12px}.membership-status p{color:#72809a;margin:5px 0 9px;font-size:10px;line-height:1.6}.membership-status button{color:#4166d3;background:#fff;border:1px solid #c2d0fa;border-radius:4px;width:100%;padding:6px;font-size:10px}.logout{color:#8d96a2;text-align:left;background:0 0;padding:8px;font-size:11px}.real-workspace{flex-direction:column;min-width:0;display:flex}.real-workspace>header{border-bottom:1px solid #e5e8ed;justify-content:space-between;align-items:center;height:108px;padding:21px 28px;display:flex}.real-workspace header small{color:#858e9a;font-size:11px}.real-workspace h1{letter-spacing:0;margin:6px 0;font-size:18px;font-weight:650}.header-actions{align-items:center;gap:8px;display:flex}.header-actions span{color:#5270c9;background:#f1f5ff;border:1px solid #dbe5ff;border-radius:12px;padding:4px 8px;font-size:10px}.header-actions button{color:#526b9a;background:#fff;border:1px solid #dce2eb;border-radius:5px;padding:7px 10px;font-size:11px}.primary{color:#fff;background:#315fe8;border-radius:5px;padding:10px 14px;font-size:12px;font-weight:600}.embedded-browser-placeholder{background:#fbfcfe;border:1px solid #dde3ec;border-radius:8px;flex:1;min-height:500px;margin:20px 24px 24px;overflow:hidden;box-shadow:0 4px 18px #1828410f}.embedded-bar{color:#83909e;background:#f3f5f8;border-bottom:1px solid #e2e6eb;align-items:center;gap:13px;height:45px;padding:0 12px;font-size:12px;display:flex}.embedded-bar span:nth-child(2){color:#7e8895;background:#fff;border:1px solid #e2e6eb;border-radius:4px;flex:1;padding:6px 9px;font:10px DM Mono}.embedded-bar b{color:#3d9979;font-size:10px;font-weight:500}.embedded-note{text-align:center;color:#667386;background:linear-gradient(135deg,#fff,#f0f6ff);place-content:center;height:calc(100% - 45px);padding:30px;display:grid}.embedded-note>span{color:#fff;background:#315fe8;border-radius:13px;place-items:center;width:44px;height:44px;margin:auto;font-size:22px;display:grid}.embedded-note h2{color:#2a3444;margin:17px 0 7px;font-size:19px}.embedded-note p{max-width:400px;margin:0;font-size:12px;line-height:1.7}.getting-started{background:#f8faff;border:1px solid #e2e8f7;border-radius:9px;width:540px;max-width:calc(100% - 50px);margin:50px auto;padding:32px}.getting-started>span{color:#5b7ce0;font:12px DM Mono}.getting-started h2{letter-spacing:0;margin:12px 0 7px;font-size:22px}.getting-started>p{color:#748092;margin-bottom:22px;font-size:13px;line-height:1.8}.getting-started>div{border-top:1px solid #dfe5ee;align-items:center;gap:10px;margin-top:24px;padding-top:16px;display:flex}.getting-started>div span{color:#5b7ce0;font:11px DM Mono}.getting-started>div p{flex:1;margin:0;font-size:12px}.getting-started>div button{color:#5270cf;background:#fff;border:1px solid #d7dfec;border-radius:4px;padding:6px 9px;font-size:11px}.real-toolbox{background:#fff;border-left:1px solid #e5e8ed;flex-direction:column;display:flex}.real-toolbox>header{height:108px;padding:24px 18px}.real-toolbox h2{letter-spacing:0;margin:0 0 4px;font-size:16px}.real-toolbox header p{color:#8a929e;margin:0;font-size:11px}.real-tabs{border-bottom:1px solid #e5e8ed;gap:20px;height:42px;padding:0 17px;display:flex}.real-tabs button{color:#858e9a;background:0 0;font-size:12px;position:relative}.real-tabs button.active{color:#315fe8;font-weight:600}.real-tabs button.active:after{content:"";background:#315fe8;height:2px;position:absolute;bottom:0;left:0;right:0}.tool-body{padding:16px 17px;overflow:auto}.tool-body>b{margin-bottom:10px;font-size:12px;display:block}.real-prompt{border:1px solid #e5e8ed;border-radius:6px;margin-bottom:8px;padding:10px;position:relative}.real-prompt strong{padding-right:40px;font-size:11px;display:block}.real-prompt p{color:#7f8997;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:10px;line-height:1.55;display:-webkit-box;overflow:hidden}.real-prompt button{color:#5876d5;background:0 0;font-size:10px;position:absolute;top:8px;right:8px}.tool-body textarea{resize:none;border:1px solid #dfe4eb;border-radius:5px;outline-color:#7590e6;width:100%;height:88px;margin-top:14px;padding:8px;font-size:11px}.empty-copy{color:#9099a5;padding:15px 0;font-size:11px;line-height:1.8}.directory-row{background:#f7f9ff;border:1px solid #e0e6f6;border-radius:6px;gap:8px;margin-bottom:16px;padding:9px;display:flex}.directory-row div{flex:1;min-width:0}.directory-row b,.directory-row small{display:block}.directory-row b{font-size:11px}.directory-row small{text-overflow:ellipsis;white-space:nowrap;color:#7c8798;margin-top:3px;font:9px DM Mono;overflow:hidden}.directory-row button{color:#496bd1;background:#fff;border:1px solid #d0dcfa;border-radius:4px;padding:5px;font-size:10px}.real-media-grid{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0 15px;display:grid}.real-media-grid button{text-align:left;background:0 0;padding:0;overflow:hidden}.real-media-grid img{aspect-ratio:1.3;object-fit:cover;border-radius:5px;width:100%;display:block}.real-media-grid span{white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:10px;display:block;overflow:hidden}.video-file,.download-file{border-bottom:1px solid #edf0f3;align-items:center;gap:8px;padding:8px 0;display:flex}.video-file span,.download-file>span{color:#e36d5b}.video-file b,.download-file b{font-size:11px}.download-file div{flex:1}.download-file b,.download-file small{display:block}.download-file small{color:#939ca7;margin-top:2px;font-size:9px}.download-file button{color:#5573d1;background:0 0}.client-dialog-backdrop{z-index:20;background:#1721336b;place-items:center;display:grid;position:fixed;inset:0}.client-dialog{background:#fff;border-radius:8px;width:420px;padding:27px;position:relative;box-shadow:0 20px 60px #141e3040}.client-dialog .close{color:#87919e;background:0 0;font-size:23px;position:absolute;top:10px;right:14px}.client-dialog h2{letter-spacing:0;margin:10px 0 8px;font-size:20px}.client-dialog p{color:#7d8794;margin:0 0 18px;font-size:12px;line-height:1.7}.danger{color:#fff;background:#c94e4e;border-radius:5px;padding:10px;font-size:12px}.directory-choice{color:#4e6dca;text-align:left;background:#f5f7fc;border:1px solid #dfe5f2;border-radius:5px;width:100%;margin:5px 0;padding:10px;font-size:12px}.website-placeholder{text-align:center;background:#f7f9fc;place-content:center;min-height:100vh;display:grid}.website-placeholder h1{letter-spacing:0}.website-placeholder p{color:#7d8795;font-size:13px}