@charset "UTF-8";
:root{--ink:#19232c;--muted:#777c88;--line:#e6e5ed;--paper:#fbfbfd;--purple:#5748ed;--blue:#4643ee;--lavender:#e9e6fb;--lime:#c8f46b;--round:20px;--shadow:0 18px 55px #28204a0a}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 "Inter","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sprite{position:absolute;width:0;height:0;overflow:hidden}.topbar{height:94px;max-width:1320px;padding:0 44px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:28px}.brand{display:flex;gap:11px;align-items:center}.brand b{font-size:23px;letter-spacing:-1px}.brand b span{font-size:14px;font-weight:500;letter-spacing:-.2px;margin-left:10px;color:#686b77}.brand-mark{display:flex;align-items:center;gap:3px;width:32px;transform:rotate(-12deg)}.brand-mark i{width:8px;background:var(--purple);border-radius:3px;display:block;height:23px}.brand-mark i:nth-child(2){height:32px}.brand-mark i:nth-child(3){height:17px}.topbar nav{display:flex;gap:32px;height:100%;align-items:center}.nav-item{background:transparent;border:0;padding:34px 0;position:relative;font-size:14px;color:#757986;white-space:nowrap}.nav-item.active{color:var(--ink);font-weight:600}.nav-item.active:after{content:"";height:3px;background:var(--purple);position:absolute;bottom:0;left:0;right:0;border-radius:3px}.nav-count{margin-left:7px;background:#eceaf8;border-radius:5px;padding:1px 5px;font-size:10px;color:var(--purple)}.top-actions{display:flex;align-items:center;gap:17px}.demo-tag{font-size:11px;color:#777b87;display:flex;align-items:center;gap:6px}.demo-tag i,.dot{width:5px;height:5px;border-radius:50%;background:#8d80e5;display:inline-block}.avatar{width:32px;height:32px;background:#e9e6f6;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#7564b4}.round-btn{display:grid;place-items:center;width:29px;height:29px;border:1px solid #dedee6;background:transparent;border-radius:50%;color:#878896;font-size:13px}.round-btn:hover{background:#eeecfb;color:var(--purple)}main{max-width:1232px;padding:0 44px;margin:auto}.page{display:none;animation:reveal .25s ease}.page.active{display:block}.hero{padding:63px 0 52px;display:grid;grid-template-columns:1fr 1fr;gap:62px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:600;color:#7c7c8b;margin:0 0 22px}.small-spark{font-size:19px;color:var(--purple);vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(38px,4.3vw,58px);line-height:1.22;font-weight:760;letter-spacing:-2px;margin:0 0 22px}.underlined{position:relative;z-index:1}.underlined:after{position:absolute;content:"";left:2px;right:0;height:12px;background:var(--lime);bottom:5px;border-radius:5px;z-index:-1;transform:rotate(-2deg)}.hero-sub{color:#7d7f89;font-size:15px;line-height:1.9;margin:0 0 27px}.hero-actions{display:flex;gap:22px;align-items:center}.btn{border:0;border-radius:9px;padding:13px 19px;display:inline-flex;justify-content:center;align-items:center;gap:14px;font-size:13px;font-weight:550;transition:background .18s,transform .18s;white-space:nowrap;min-height:46px}.btn:hover{transform:translateY(-1px)}.btn:disabled{cursor:not-allowed;opacity:.45;transform:none}.primary,.square-primary{background:var(--purple);color:white;box-shadow:0 5px 14px #5449e51c}.primary:hover,.square-primary:hover{background:#4534dc}.light{background:#fff;border:1px solid var(--line)}.dark{background:var(--ink);color:#fff}.small{padding:9px 14px;min-height:38px;font-size:12px}.text-btn{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;padding:0;color:#606575;font-size:12px;white-space:nowrap}.text-btn:hover{color:var(--purple)}.text-btn span{font-size:17px;margin-left:2px}.platforms{display:flex;align-items:center;gap:7px;margin-top:22px;font-size:10px;color:#747987;flex-wrap:wrap}.platform-icon{font-family:Arial,sans-serif;font-weight:900;font-style:italic;color:white;background:linear-gradient(135deg,#60c7d6,#4982ec);width:19px;height:19px;border-radius:5px;display:inline-grid;place-items:center;font-size:13px}.divider{height:10px;width:1px;background:#d9dae1;margin:0 5px}.muted{color:#a1a1ab}.hero-art{background:#e9e5fc;border-radius:26px;position:relative;padding:23px 30px 30px;min-height:362px;overflow:visible;isolation:isolate}.hero-art:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid #d6d0f4;right:-8px;bottom:21px;z-index:-1}.hero-art:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #d9d2f4;right:23px;bottom:-45px;z-index:-1;clip-path:inset(0 0 45px)}.art-top{display:flex;justify-content:space-between;align-items:center}.art-kicker{font-size:9px;letter-spacing:1.2px;color:#9186b5}.orbit-star{font-size:28px;color:#6d55cd;line-height:1}.art-chat{margin-top:26px;background:white;display:flex;gap:11px;align-items:flex-start;padding:17px 16px;border-radius:13px;font-size:12px;line-height:1.9;box-shadow:0 12px 30px #685ba410;position:relative;z-index:1;width:92%;transform:rotate(-2deg)}.mini-avatar{background:#e7e5f9;border-radius:50%;width:27px;height:27px;display:grid;place-items:center;font-size:10px;color:#8071bf}.chat-tick{color:#9387b7;margin-left:auto}.flow-line{height:42px;display:flex;align-items:center;justify-content:center;gap:7px;color:#9587d1;margin-left:35px}.flow-line i{width:2px;height:11px;background:#bfb3e5;transform:rotate(25deg)}.flow-line span{width:25px;height:1px;background:#bfb3e5;transform:rotate(-10deg)}.flow-line svg{width:17px}.art-result{margin-left:45px;background:#fff;border-radius:14px;padding:15px 18px 11px;transform:rotate(2deg);position:relative;z-index:1;box-shadow:0 17px 25px #655a9e14}.result-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #f0eef5;padding-bottom:12px;font-size:11px}.example-chip{margin-left:auto;font-size:9px;color:#aaa2b7;border:1px solid #e9e5f0;border-radius:4px;padding:0 5px}.result-row{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:10px}.result-row>span{color:#94909f}.result-row>b{font-weight:500}.status-pill{font-size:10px;font-weight:500;border-radius:5px;padding:3px 8px;white-space:nowrap;display:inline-block}.purple{background:#ede9fc;color:#8470bd}.green{background:#edf4e1;color:#7d9750}.amber{background:#fcf0dd;color:#ae8c4c}.neutral{background:#f0f0f4;color:#91909c}.result-bottom{border-top:1px solid #f0eef5;margin-top:13px;padding-top:9px;display:flex;justify-content:space-between;align-items:center;color:#9a94a9;font-size:9px}.result-bottom .dot{background:#9abc72}.result-bottom svg{width:14px;color:#9bb97c}.floating-note{position:absolute;left:-19px;bottom:20px;background:#d3f49a;border-radius:9px;transform:rotate(-6deg);padding:8px 12px;box-shadow:0 5px 12px #7586560c;z-index:2;font-size:10px;display:flex;align-items:center;gap:5px;color:#5b7138}.floating-note svg{width:14px;height:14px}.composer{background:#fff;border:1px solid #e8e6ef;border-radius:var(--round);padding:22px 25px 16px;box-shadow:var(--shadow);position:relative}.composer:before{content:"";position:absolute;top:-1px;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,#b7a9f9,transparent)}.composer-top{display:flex;align-items:center;justify-content:space-between}.composer-top h2{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;margin:0}.composer-top h2 svg{color:#8c76df;width:17px}.composer-top>span{font-size:10px;color:#a1a0ae}.composer-input{display:flex;align-items:center;margin-top:14px;border:1px solid #eeedf4;border-radius:11px;background:#fcfbff;padding:14px}.composer-input textarea{resize:vertical;border:0;outline:0;background:transparent;flex:1;min-width:0;min-height:48px;max-height:200px;color:#4f5265;font-size:12px;line-height:1.9}.composer-input textarea::placeholder{color:#a6a5b5}.composer-input:focus-within{border-color:#b2a6f3;box-shadow:0 0 0 3px #ece8ff70}.square-primary{padding:0;width:38px;min-height:38px;border-radius:8px;margin-left:16px}.composer-foot{display:flex;justify-content:space-between;align-items:center;margin-top:11px;font-size:9px;color:#a4a1af}.example-btn{border:0;background:transparent;font-size:10px;color:#8a7bc5;padding:0}.example-btn span{margin-left:7px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2{font-size:20px;letter-spacing:-.5px;line-height:1.4;margin:0;font-weight:650}.compact{font-size:8px;margin-bottom:8px;letter-spacing:1.6px}.template-section{margin-top:39px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.template-card{padding:21px 22px;border-radius:16px;border:1px solid #e7e4ef;background:#f1effb;position:relative;min-height:155px;text-align:left;overflow:hidden;transition:transform .2s,box-shadow .2s;display:block;width:100%}.template-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #3230440b}.template-card.budget{background:#f0f2e9;border-color:#e5e9dc}.template-card.client{background:#f7eeeb;border-color:#eee2de}.template-icon{width:31px;height:31px;border-radius:9px;background:#e4dff6;display:grid;place-items:center;color:#8874bd;margin-bottom:14px}.budget .template-icon{background:#e3e9d4;color:#93a46b}.client .template-icon{background:#efdcd5;color:#bd8f80}.template-icon svg{width:18px;height:18px}.template-card h3{font-size:15px;margin:0 0 5px;font-weight:600;position:relative;z-index:1}.template-card p{font-size:10px;color:#92909d;margin:0;position:relative;z-index:1}.card-arrow{position:absolute;right:20px;bottom:20px;font-size:20px;color:#8e849d}.template-art{position:absolute;right:18px;top:20px;opacity:.5;transform:rotate(-12deg);width:53px;height:53px;border:1px solid #c3b8e1;border-radius:14px}.template-art:before,.template-art:after{content:"";position:absolute;border:1px solid #c3b8e1;border-radius:10px;width:40px;height:40px;top:10px;left:-10px}.template-art:after{width:23px;height:23px;top:22px;left:-20px}.budget .template-art{border-color:#bec9a1;transform:rotate(15deg);border-radius:50%}.budget .template-art:before,.budget .template-art:after{border-color:#bec9a1;border-radius:50%}.client .template-art{border-color:#d3afa2;transform:rotate(25deg);border-radius:50% 50% 12px 12px}.client .template-art:before,.client .template-art:after{border-color:#d3afa2}.records-section{margin-top:38px}.section-sub{margin:6px 0 0;color:#a1a0ad;font-size:11px}.records-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:15px}.filter-tabs{display:flex;gap:24px}.filter-tabs button{border:0;background:transparent;color:#92929f;font-size:11px;padding:14px 0;white-space:nowrap;border-bottom:2px solid transparent}.filter-tabs button.selected{color:#595087;border-bottom-color:#7d6ac5}.search{display:flex;align-items:center;gap:8px;font-size:10px;color:#a1a0ad}.search svg{width:14px;height:14px}.search input{border:0;outline:0;background:transparent;width:130px;font-size:10px;color:#666}.search input::placeholder{color:#aaa9b4}.table-head,.record-row{display:grid;grid-template-columns:minmax(210px,1.9fr) 1fr .7fr .8fr 32px;align-items:center;gap:12px}.table-head{font-size:9px;color:#aaa8b5;padding:13px 10px}.record-row{padding:16px 10px;border-bottom:1px solid #eeedf3;font-size:11px}.record-name{display:flex;align-items:center;gap:11px;min-width:0}.record-symbol{width:32px;height:34px;border-radius:8px;display:grid;place-items:center;background:#eeeafa;color:#9381bd}.record-symbol.budget{background:#eef1e4;color:#95a676}.record-symbol.client{background:#f6e9e3;color:#bf9584}.record-symbol svg{width:17px;height:17px}.record-name b{font-size:12px;font-weight:550;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.record-name small{font-size:9px;display:block;color:#a7a3b2;margin-top:2px}.record-type,.record-owner{color:#93919f;font-size:10px}.edit-record{width:27px;height:27px;display:grid;place-items:center;border:0;background:transparent;border-radius:7px;color:#aaa2b8}.edit-record:hover{color:var(--purple);background:#ede9fc}.edit-record svg{width:16px}.section-foot{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-size:9px;color:#aaa6b4}.section-foot .text-btn{font-size:10px}.section-foot svg{width:12px;height:12px}.empty{padding:40px;text-align:center;color:#92909d;font-size:13px}footer{border-top:1px solid var(--line);margin-top:40px;padding:24px 0 30px;display:flex;align-items:center;gap:20px;font-size:10px;color:#aaa6b4}.footer-brand{font-size:14px;font-weight:650;color:#7b758b}.footer-brand span{font-size:10px;font-weight:400;margin-left:7px;color:#aaa6b4}footer>.text-btn{margin-left:auto;font-size:9px;color:#aaa6b4}.page-intro{padding:65px 0 35px}.page-intro h1{font-size:42px;line-height:1.25;letter-spacing:-1.5px;margin:0 0 18px}.page-intro p:last-child{color:var(--muted);font-size:13px}.large .template-card{min-height:250px;padding:29px}.large .template-card h3{font-size:20px;margin-top:25px}.large .template-card p{font-size:12px;max-width:180px}.custom-banner{padding:30px;background:#efedf7;display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:18px;margin:30px 0 75px}.custom-banner h2{font-size:24px;margin:0 0 8px}.custom-banner p{font-size:12px;color:#928a9f;margin:0}.connections-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:100px}.connection-card{border:1px solid var(--line);background:white;border-radius:20px;padding:30px}.connection-title{display:flex;align-items:center;justify-content:space-between}.big,.ding-icon{width:42px;height:42px;font-size:29px;border-radius:11px}.ding-icon{display:grid;place-items:center;background:#e6eefb;color:#72a3e8;font-style:italic;font-weight:bold}.connection-card h2{font-size:24px;margin:22px 0 8px}.connection-card p{color:var(--muted);font-size:13px}.connection-card #mappingSummary{font-size:12px;color:#a39bad;margin:10px 0 30px}.connection-card.upcoming{background:#f4f4f8;border-style:dashed;color:#91919e}.upcoming-caption{font-size:11px;color:#a2a1ad;display:block;margin-top:45px}dialog{border:1px solid #e7e3f1;border-radius:22px;padding:28px;width:min(620px,calc(100% - 28px));max-height:90vh;box-shadow:0 35px 100px #19133430;color:var(--ink);overflow:auto}dialog::backdrop{background:#1d193f50;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px;gap:15px}.dialog-top h2{font-size:24px;margin:0;line-height:1.35;letter-spacing:-.5px}.dialog-top .round-btn{flex-shrink:0}.dialog-note{font-size:12px;color:#8b849b;background:#f6f3fd;border:1px solid #e9e2fa;border-radius:10px;padding:12px 14px;margin:0 0 20px}.dialog-note strong{color:#6c5a94}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field.wide{grid-column:1/-1}.form-field label,.field-label{font-size:12px;color:#777184}.form-field label span{color:#a18ed1}.form-field input,.form-field select,.form-field textarea,.mapping-select{width:100%;border:1px solid #e4dfec;background:#fff;border-radius:8px;padding:10px 12px;outline:0;color:#575261;font-size:13px;min-height:43px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.mapping-select:focus{border-color:#ad9de7;box-shadow:0 0 0 3px #eeebfb}.form-field textarea{min-height:75px;resize:vertical}.form-field input:disabled{background:#f7f6fa;color:#a5a0ae}.dialog-actions{display:flex;justify-content:flex-end;gap:11px;border-top:1px solid #ede9f2;margin-top:24px;padding-top:19px}.form-error{color:#b05d66;font-size:12px;margin:14px 0 0;min-height:19px}.form-hint{color:#a29aaa;font-size:10px;margin:5px 0 0}.form-switch{display:flex;gap:7px;margin-bottom:20px;padding:5px;border-radius:10px;background:#f2f0f8}.form-switch button{flex:1;background:transparent;border:0;border-radius:7px;font-size:12px;padding:8px;color:#958ba6}.form-switch button.selected{background:white;box-shadow:0 2px 7px #3d305d0a;color:#67509d}.review-table{width:100%;border-collapse:collapse;font-size:12px}.review-table th{text-align:left;font-size:10px;color:#a29aaa;font-weight:400;padding:10px;border-bottom:1px solid #eee8f4}.review-table td{padding:13px 10px;border-bottom:1px solid #eee8f4;overflow-wrap:anywhere}.review-table td:nth-child(2){color:#a7a0b1}.review-table td:last-child{color:#75629c;font-weight:550}.review-arrow{font-size:10px;color:#b7adc6}.mapping-row{display:grid;grid-template-columns:1fr 25px 1.2fr;gap:10px;align-items:center;margin-bottom:12px;font-size:12px;color:#81738f}.mapping-row .mapping-select{font-size:12px}.mapping-row .mapping-arrow{text-align:center;color:#b6a8ca}.step-indicator{display:flex;gap:6px;margin:15px 0 23px}.step-indicator i{height:3px;background:#e8e2f1;flex:1;border-radius:3px}.step-indicator i.active{background:#9b85d3}.success-icon{width:58px;height:58px;display:grid;place-items:center;background:#eef5dd;border-radius:50%;margin:12px auto 20px;color:#92ab61}.success-icon svg{width:27px;height:27px}.success-body{text-align:center}.success-body h3{font-size:22px;margin:0 0 8px}.success-body p{font-size:12px;color:#92869f}.help-list{font-size:13px;line-height:2.1;color:#81778f;padding-left:20px}.help-list li{margin:10px 0}.history-item{border-bottom:1px solid #eae4f0;padding:15px 0}.history-item b{font-size:13px;font-weight:550}.history-item small{font-size:10px;color:#a597af;display:block;margin-top:4px}.history-detail{font-size:11px;color:#8a7c95;margin:9px 0;white-space:pre-wrap}.history-head{display:flex;justify-content:space-between;gap:10px}.history-head .text-btn{font-size:10px}.reset-btn{font-size:11px;color:#a68594;border:0;background:transparent;padding:0}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,14px);background:#242034;color:#fff;border-radius:10px;padding:12px 20px;box-shadow:0 10px 35px #1e173126;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:50;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}:focus-visible{outline:2px solid #9180de;outline-offset:4px}@keyframes reveal{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.hero{gap:95px;padding-top:75px;padding-bottom:64px}.hero-art{min-height:375px}}@media(max-width:1000px){.topbar{padding:0 28px;gap:18px}.topbar nav{gap:22px}.brand b span{display:none}main{padding:0 28px}.hero{gap:32px}.hero-art{padding:20px;min-height:340px}.hero h1{font-size:45px}.hero-actions{gap:13px}.hero-actions .text-btn{font-size:10px}.art-result{margin-left:20px}.platforms{font-size:9px}.template-card{padding:19px}.template-card p{max-width:165px;line-height:1.7}.template-art{right:10px}.composer-top>span{font-size:9px}.record-row,.table-head{grid-template-columns:minmax(185px,1.7fr) .9fr .7fr .8fr 25px}}
@media(max-width:760px){.topbar{height:74px;padding:0 22px}.top-actions{gap:12px}.topbar nav{gap:17px}.nav-item{font-size:12px;padding:24px 0}.brand b{font-size:21px}.brand-mark{width:26px}.brand-mark i{width:7px}.brand-mark i:nth-child(2){height:27px}.demo-tag,.top-actions>.round-btn{display:none}.avatar{width:29px;height:29px}.nav-count{display:none}main{padding:0 24px}.hero{padding:42px 0 35px;gap:20px}.hero h1{font-size:37px;letter-spacing:-1.5px}.eyebrow{font-size:8px;letter-spacing:1.5px}.hero-sub{font-size:12px;margin-bottom:20px}.hero-actions{flex-wrap:wrap;gap:14px}.hero-actions .btn{padding:11px 14px;font-size:11px;min-height:41px}.hero-art{padding:15px 13px;min-height:295px;border-radius:19px}.art-kicker{font-size:7px;letter-spacing:.7px}.orbit-star{font-size:23px}.art-chat{font-size:9px;margin-top:22px;gap:7px;padding:12px 10px;width:100%}.mini-avatar{width:22px;height:22px;font-size:8px}.art-result{padding:13px 12px;margin-left:10px}.result-head{font-size:10px}.result-row{font-size:9px}.result-bottom{font-size:8px}.floating-note{left:-10px;font-size:8px;padding:6px 8px;bottom:10px}.hero-art:before{width:150px;height:150px}.hero-art:after{width:220px;height:220px}.flow-line{height:33px}.platforms{margin-top:17px}.platforms .divider,.platforms .muted{display:none}.composer{padding:19px 19px 14px}.composer-top>span{display:none}.composer-input{padding:10px}.composer-input textarea{font-size:11px;min-height:59px}.composer-foot{font-size:8px;gap:12px}.section-head h2{font-size:18px}.section-head>.text-btn{font-size:10px}.template-grid{gap:11px}.template-card{padding:15px 13px;min-height:160px;border-radius:13px}.template-card h3{font-size:13px}.template-card p{font-size:9px;max-width:110px}.template-icon{margin-bottom:18px}.template-art{width:32px;height:32px;right:4px;top:24px;opacity:.35}.template-art:before{width:26px;height:26px}.template-art:after{width:18px;height:18px;left:-14px;top:15px}.card-arrow{bottom:12px;right:12px;font-size:16px}.filter-tabs{gap:18px}.filter-tabs button{font-size:10px}.search input{width:100px;font-size:9px}.table-head,.record-row{grid-template-columns:minmax(170px,1.8fr) .9fr .8fr 24px;gap:8px}.table-head>span:nth-child(3),.record-owner{display:none}.record-name b{font-size:11px}.record-name small{font-size:8px}.record-type{font-size:9px}.status-pill{font-size:9px;padding:3px 6px}.record-symbol{width:29px;height:31px}.record-row{padding:14px 0}.table-head{padding-left:0;padding-right:0}.large .template-card{padding:20px;min-height:245px}.large .template-card h3{font-size:17px}.large .template-card p{font-size:11px}.custom-banner{padding:25px;align-items:flex-start;flex-direction:column}.page-intro{padding-top:45px}.page-intro h1{font-size:32px}.connections-grid{gap:15px}.connection-card{padding:22px}.connection-card h2{font-size:20px}.connection-card .btn{font-size:11px;padding:11px}.connection-card p{font-size:12px}footer{gap:12px;flex-wrap:wrap}footer>span{display:none}footer>.text-btn{font-size:8px}}
@media(max-width:520px){.topbar{padding:0 18px;gap:16px}.brand{gap:7px}.brand b{font-size:20px}.brand-mark{width:23px;gap:2px}.brand-mark i{width:6px;height:19px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:15px}.top-actions{display:none}.topbar nav{gap:20px}.nav-item{font-size:11px}main{padding:0 20px}.hero{grid-template-columns:1fr;padding-top:34px;gap:29px}.hero-copy{padding:0 3px}.hero h1{font-size:44px;margin-bottom:19px}.hero-sub{font-size:13px;margin-bottom:22px}.desktop-break{display:none}.hero-actions{gap:24px}.hero-actions .btn{font-size:12px;padding:13px 18px;min-height:45px}.hero-actions .text-btn{font-size:11px}.hero-art{min-height:315px;margin:0 8px;padding:17px 23px 24px}.art-chat{font-size:11px;padding:13px 14px;width:93%;margin-top:14px}.art-result{margin-left:39px;padding:13px 16px}.result-head{font-size:11px}.result-row{font-size:10px}.flow-line{height:32px}.floating-note{font-size:9px;bottom:16px;left:-12px}.composer{padding:18px 16px 14px}.composer-top h2{font-size:14px}.composer-foot>span{max-width:165px;text-align:right;font-size:8px}.composer-input{margin-top:12px}.square-primary{width:34px;min-height:34px;margin-left:7px}.template-section{margin-top:30px}.section-head h2{font-size:17px}.template-grid{grid-template-columns:1fr;gap:11px}.template-card{min-height:110px;padding:19px 18px 19px 68px}.template-icon{position:absolute;left:20px;top:23px;width:31px;height:31px;margin:0}.template-card h3{font-size:15px}.template-card p{font-size:10px;max-width:220px;padding-right:10px}.template-art{right:15px;top:24px;width:40px;height:40px}.card-arrow{bottom:17px;right:20px}.compact{font-size:7px}.section-head>.text-btn{font-size:10px}.records-section{margin-top:30px}.records-toolbar{flex-wrap:wrap;gap:0}.filter-tabs{gap:24px;order:2;width:100%;justify-content:space-between}.filter-tabs button{font-size:10px}.search{width:100%;padding:8px 0}.search input{width:100%;font-size:11px}.table-head,.record-row{grid-template-columns:minmax(165px,1fr) .8fr 22px;gap:8px}.table-head>span:nth-child(2),.record-type{display:none}.record-name b{font-size:11px}.record-name small{font-size:8px}.record-name{gap:8px}.record-row .status-pill{font-size:9px}.section-head .btn.small{font-size:10px;padding:8px 10px}.large .template-card{min-height:160px;padding:25px 25px 25px 78px}.large .template-card h3{margin-top:0}.large .template-card p{max-width:220px}.large .template-icon{top:28px;left:25px}.page-intro h1{font-size:31px}.page-intro p:last-child{font-size:12px}.connections-grid{grid-template-columns:1fr}.connection-card{padding:25px}.page-intro{padding-bottom:23px}.custom-banner h2{font-size:22px}dialog{padding:22px;max-height:94vh}.dialog-top h2{font-size:22px}.form-grid{gap:14px}.form-field.wide{grid-column:1/-1}.form-field{grid-column:1/-1}.dialog-actions .btn{padding:11px 13px;font-size:12px}.mapping-row{grid-template-columns:.8fr 15px 1.2fr;gap:6px;font-size:11px}.mapping-select{font-size:11px;padding:8px}.review-table{font-size:11px}.review-table th,.review-table td{padding:10px 5px}.hero-art:after{right:15px;bottom:-35px;clip-path:inset(0 0 35px)}footer{margin-top:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:761px){.composer-input textarea{font-size:14px}.template-card p{font-size:12px;color:#807c8e}.template-card h3{font-size:16px}.record-name b{font-size:13px}.record-type,.record-owner{font-size:12px;color:#827b8f}.record-name small{font-size:10px}.table-head{font-size:11px}.filter-tabs button{font-size:12px}.status-pill{font-size:11px}.section-sub{font-size:12px}.composer-foot,.composer-foot .example-btn{font-size:11px}.platforms{font-size:11px}.composer-top>span{font-size:11px}.section-foot{font-size:11px}.hero-art .status-pill{font-size:10px}.large .template-card h3{font-size:20px}}
.template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.template-card.feedback{background:#eaf3f2;border-color:#dae9e6}.feedback .template-icon,.record-symbol.feedback{background:#d8eae7;color:#699e96}.feedback .template-art,.feedback .template-art:before,.feedback .template-art:after{border-color:#a7c6be}.teal{background:#e3f1eb;color:#518a7c}.filter-tabs{gap:20px}.filter-tabs button{flex-shrink:0}.records-toolbar{min-width:0}.filter-tabs{overflow-x:auto;scrollbar-width:thin;max-width:100%}
@media(max-width:1000px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.records-toolbar{flex-wrap:wrap}.filter-tabs{width:100%;order:2}.search{padding:8px 0}}
@media(max-width:520px){.template-grid{grid-template-columns:1fr}.filter-tabs{gap:23px;justify-content:flex-start}.template-card.feedback{min-height:110px}}

.auth-panel{max-width:700px;margin:55px auto 80px;padding:35px;background:#fff;border:1px solid var(--line);border-radius:20px}.auth-panel h1{font-size:34px;letter-spacing:-1px;line-height:1.35}.auth-panel p{color:var(--muted);font-size:14px;overflow-wrap:anywhere}.auth-panel label,.field{display:block;font-size:13px;font-weight:550}.auth-panel input,.field input,.field textarea,.field select,.builder input:not([type=checkbox]),.builder select,.live-composer textarea,.live-picker{width:100%;display:block;background:#fff;border:1px solid #dedbe9;border-radius:10px;padding:12px 14px;margin:8px 0 18px;color:var(--ink);font:inherit;min-width:0}.auth-panel input[type=hidden]{display:none}.auth-panel button,.live-editor button,.builder button{border:0;border-radius:9px;background:var(--purple);color:white;padding:12px 20px;font:inherit;font-size:13px;cursor:pointer}.auth-panel form{margin:24px 0}.auth-panel a:not(.card){color:var(--purple)}.badge{display:table;font-size:11px;color:#8978b5;background:#eeebfa;border-radius:30px;padding:5px 12px}.hint{font-size:12px;color:#938b9e;line-height:1.9;overflow-wrap:anywhere}.notice{padding:14px 18px;margin:20px 0;border:1px solid #dce8cc;background:#f1f7e9;border-radius:12px;font-size:13px;color:#5a783e;white-space:pre-wrap}.notice.error{background:#fff3ed;color:#a2523d;border-color:#f5ddce}.toolbar,.actions,.tabs{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.toolbar{justify-content:space-between}.toolbar h2{margin:0}.actions{margin:26px 0}.tabs{margin:22px 0}.live-editor .secondary,.builder .secondary{background:#eeebf8;color:#75649a}.live-editor button:disabled{opacity:.45;cursor:default}.live-editor,.builder{max-width:900px;margin:36px auto 60px;padding:30px;border-radius:20px;border:1px solid var(--line);background:white}.live-editor h2,.builder h2{font-size:28px;letter-spacing:-.7px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;margin:24px 0}.field small{color:#98929e;font-weight:400;font-size:11px}.live-composer{margin:26px 0;background:#f3f0fc;border:1px solid #e9e2fa;border-radius:16px;padding:22px}.live-composer textarea{min-height:110px;resize:vertical}.live-editor details{border-top:1px solid var(--line);padding:22px 0}.live-editor summary{cursor:pointer;font-size:13px}.choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.choices label{display:flex;gap:8px;align-items:center;background:#f7f6fb;border-radius:8px;padding:10px;font-size:12px}.choices input{accent-color:var(--purple)}.diff-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.diff{border-collapse:collapse;width:100%;font-size:13px}.diff td,.diff th{padding:14px;text-align:left;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;min-width:110px}.diff th{background:#f5f2fb}.diff td:last-child{background:#f3f7ee}.action-link{display:inline-flex;background:var(--purple);color:#fff;padding:12px 18px;border-radius:9px;font-size:13px}.list{display:grid;gap:12px}.card{display:block;padding:18px;border:1px solid var(--line);background:white;border-radius:12px}.card small{display:block;color:var(--muted)}.personal-section{margin-top:40px}.personal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.personal-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px;min-width:0}.personal-card h3{margin:16px 0 5px;font-size:17px}.personal-card p{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.personal-card .btn{margin-top:12px}.personal-card small{font-size:11px;color:#9c95a6}.empty-state{border:1px dashed #dcd5ec;border-radius:16px;padding:30px;background:#f8f7fc;color:#8f869d;font-size:13px}.empty-state h3{color:#4b435b;margin-top:0}.empty-state .btn{margin-top:12px}.live-connect{max-width:750px;margin-bottom:40px}.live-connect h3{margin-bottom:8px}.source-table-list{display:grid;gap:10px;margin-top:20px}.source-table-list button{text-align:left;justify-content:space-between}.recent-list{border-top:1px solid var(--line)}.recent-row{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.recent-row small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.quick-select{border:1px solid var(--line);border-radius:7px;padding:6px;background:#fff;font-size:12px;max-width:230px}.live-page-title{padding:55px 0 25px}.live-page-title h1{font-size:40px;letter-spacing:-1px;margin:0 0 12px}.live-page-title p{color:var(--muted);font-size:13px}.inline-links{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.section-head{flex-wrap:wrap}.template-card{cursor:pointer}.hero-art .example-chip{white-space:nowrap}.portal-help{font-size:13px;color:var(--muted);line-height:2}.auth-panel .brand{display:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9180de;outline-offset:3px}@media(max-width:760px){.personal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-panel{padding:24px;margin-top:28px}.live-editor,.builder{padding:20px;margin-top:24px}.choices{grid-template-columns:repeat(2,minmax(0,1fr))}.live-page-title h1{font-size:32px}}@media(max-width:520px){.personal-grid,.field-grid{grid-template-columns:1fr}.choices{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.topbar nav{gap:14px}.topbar{gap:12px}.live-editor h2,.builder h2{font-size:24px}.auth-panel{padding:20px}.auth-panel h1{font-size:29px}.recent-row{align-items:flex-start;flex-direction:column;gap:10px}.quick-select{max-width:180px}.hero-art{overflow:hidden}.composer-foot{flex-wrap:wrap}.personal-card{padding:20px}}

.connection-dialog{width:min(610px,calc(100% - 28px));padding:26px;max-height:90vh}.connection-dialog .dialog-top{margin-bottom:6px}.connection-dialog .dialog-top h2{font-size:16px;color:#8d829e;font-weight:500}.connection-dialog h1{font-size:29px;line-height:1.4;letter-spacing:-.5px;margin:16px 0}.connection-dialog p{font-size:13px;line-height:1.9;color:#8b8495;overflow-wrap:anywhere}.connection-dialog label{display:block;font-size:13px;font-weight:550;margin-top:15px}.connection-dialog input:not([type=hidden]){display:block;width:100%;border:1px solid #ded8eb;border-radius:10px;padding:12px;margin:8px 0 18px;font:inherit;background:#fff;color:var(--ink)}.connection-dialog input[type=hidden]{display:none}.connection-dialog form button{background:var(--purple);color:white;border:0;padding:12px 20px;border-radius:9px;font-size:13px;cursor:pointer}.connection-dialog button:disabled{opacity:.5;cursor:wait}.connection-dialog a{color:var(--purple)}.connection-dialog details{margin:15px 0;padding:12px 14px;border:1px solid #e8e2f2;border-radius:10px;background:#f9f7fd}.connection-dialog summary{font-size:12px;color:#88779f;cursor:pointer}.connection-dialog .card{margin-bottom:10px}.connection-dialog .badge{font-size:10px}.connection-dialog .hint{font-size:11px}

.connection-dialog a.action-link{color:#fff}.connection-dialog form{margin:20px 0}.connection-dialog .action-link{margin:4px 0 8px}.connection-dialog .dialog-top .round-btn{flex-shrink:0}