:root{color-scheme:light;--bg:#f5f7fa;--paper:#fff;--ink:#172c3c;--muted:#768491;--line:#e6ebf0;--blue:#388ac3;--blue-soft:#eaf4fb;--green:#16896b;--radius:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-size:14px;line-height:1.6}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button:active,.primary:active,.secondary:active{transform:scale(.98)}button,a{transition:background .18s,box-shadow .18s,transform .18s}svg{width:20px;height:20px;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1px;font-weight:650;line-height:1.35}h2{font-size:17px;font-weight:650}h3{font-size:15px}code,pre,.code-editor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{word-break:break-all}pre{white-space:pre-wrap;word-break:break-word;font-size:12px;background:#f5f7fa;border:1px solid var(--line);padding:18px;border-radius:12px;max-height:350px;overflow:auto}label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:550;color:#536676}input,textarea{width:100%;border:1px solid #dce4eb;border-radius:10px;padding:11px 13px;background:#fff;color:var(--ink);font-size:14px;min-width:0}input:focus,textarea:focus{outline:2px solid #388ac32b;border-color:var(--blue)}input[readonly]{background:#f5f7fa;color:#7b8993}input::placeholder,textarea::placeholder{color:#9aabb6;font-weight:400}input[type=file]{font-size:11px;border:0;background:#f4f8fb;padding:8px}.muted{color:var(--muted)}.small{font-size:12px}.eyebrow{color:#8595a2;font-size:10px;font-weight:700;letter-spacing:2.2px;margin-bottom:10px}.primary,.secondary{display:inline-flex;justify-content:center;align-items:center;gap:12px;border-radius:10px;padding:11px 19px;font-weight:600;font-size:13px;border:1px solid transparent;white-space:nowrap}.primary{background:var(--blue);color:white;box-shadow:0 4px 10px #388ac31b}.primary:hover{background:#2e7eB6;box-shadow:0 6px 16px #388ac329}.secondary{background:white;border-color:#dce5ec;color:#4c6373}.secondary:hover{background:#f2f7fb}.full{width:100%}.text-button{border:0;background:none;font-size:12px;color:var(--blue);padding:5px 0}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;background:#f8fafb;padding:3px 9px;color:#6f8190;font-size:11px;font-weight:550;white-space:nowrap}.badge.blue{background:var(--blue-soft);border-color:#dcecf7;color:#3684b7}.badge.success{color:#128168;background:#eaf7f2;border-color:#d3eee4}.badge.warning{color:#a27728;background:#fff7e8;border-color:#f1e4c8}.badge.error{color:#b04c59;background:#fcf0f1;border-color:#f5dce1}.brand-mark{width:41px;height:41px;display:grid;place-items:center;background:linear-gradient(140deg,#69b8e4,#357eb3);border-radius:13px;color:white;font-size:22px;font-weight:700;font-style:italic;letter-spacing:-2px;box-shadow:0 6px 14px #00000012}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:#142a3b;color:#a7bac8;padding:32px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:12px;align-items:center;padding:0 10px 34px;color:#fff;font-size:18px;font-weight:650}.brand-sub{display:block;font-size:10px;font-weight:400;letter-spacing:1.4px;color:#94acbd;margin-top:1px}.nav-label{font-size:10px;letter-spacing:1px;color:#6d879b;margin:8px 14px 10px}nav{display:grid;gap:6px;margin-bottom:25px}nav a{display:flex;align-items:center;gap:13px;border-radius:10px;padding:12px 14px;font-size:13px}nav a:hover{background:#20394b;color:#e9f5fc}nav a.active{background:#2c4b61;color:#fff;box-shadow:inset 2px 0 #77c3ed}nav svg{width:18px;height:18px}.sidebar-bottom{margin-top:auto;padding:20px 12px 0;border-top:1px solid #294151}.environment{display:flex;align-items:center;gap:8px;color:#d4e2eb;font-size:11px}.environment i,.cloud-pair i{width:6px;height:6px;border-radius:50%;background:#78c8b0;box-shadow:0 0 0 3px #78c8b015}.sidebar-bottom p{font-size:10px;color:#718c9f;letter-spacing:1px;margin:8px 0 20px}.sidebar-logout{background:none;border:0;padding:0;color:#a7bac8;width:100%;text-align:left;font-size:12px}.sidebar-logout span{float:right}.workspace{margin-left:230px}.topbar{height:73px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#ffffffdc;font-size:12px}.slash{color:#b9c5ce;margin:0 13px}.topbar-right{display:flex;align-items:center;gap:12px}.avatar{height:30px;width:30px;background:#e8eff4;color:#5183a4;border-radius:50%;display:grid;place-items:center;margin-left:8px;font-weight:600}main{max-width:1450px;margin:0 auto;padding:34px 36px 42px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.page-heading .muted{margin-top:10px;font-size:13px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.metrics article{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;position:relative}.metrics p{font-size:12px;color:#778a98}.metrics strong{font-size:28px;line-height:1.7;letter-spacing:-.5px;display:block;font-weight:600}.metrics em{font-style:normal;font-size:13px;color:#91a0aa;margin-left:4px}.metrics small{font-size:11px;color:#93a0aa}.metric-icon{position:absolute;right:24px;top:24px;color:#8cabbe;background:#f1f6f9;width:34px;height:34px;border-radius:10px;display:grid;place-items:center}.hero-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:264px;padding:32px 34px;background:linear-gradient(115deg,#e9f3fb,#f3f8fc 66%,#edf5f7);border:1px solid #dceaf5;border-radius:var(--radius);overflow:hidden}.hero-panel h2{font-size:25px;letter-spacing:-.6px;margin:13px 0 10px}.hero-panel p{color:#71899a;font-size:12px;line-height:1.9;margin-bottom:21px}.sync-illustration{display:flex;align-items:center;flex-shrink:0;transform:rotate(-3deg);padding:10px 5px}.document-symbol{width:105px;height:133px;background:#fff;border-radius:14px;border:1px solid #deebf3;box-shadow:0 12px 24px #4f7d9a0f;padding:16px}.document-symbol>span{font-size:24px;color:#5a9dcc;font-weight:650}.document-symbol small{font-size:9px;display:block;color:#819bad;margin:2px 0 10px}.document-symbol>div{width:100%;height:4px;background:#edf2f6;border-radius:2px;margin-top:5px}.document-symbol>div:last-child{width:60%}.branch-lines{width:42px;height:83px;border:1.5px dashed #a9c8dd;border-right:0;margin-right:0;position:relative}.cloud-pair{display:grid;gap:20px}.cloud-pair>span{display:flex;align-items:center;gap:10px;min-width:154px;padding:12px 14px;border:1px solid #e1e9ee;background:white;border-radius:12px;font-size:12px;box-shadow:0 6px 20px #3d6c8c08}.cloud-pair i{margin-left:5px}.vendor{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;font-size:14px;font-weight:650}.ali{background:#fff1e5;color:#df9045}.cos{background:#eaf3fd;color:#4a90ce}.section-head{display:flex;justify-content:space-between;align-items:center;margin:27px 0 15px}.target-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.target-card{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:21px 23px}.target-top{display:flex;align-items:center;gap:12px;margin-bottom:18px}.target-top .badge{margin-left:auto}.target-top p{font-size:10px;color:#8b9aa6;margin-top:1px}.target-path{display:flex;align-items:center;gap:8px;background:#f7f9fb;border:1px solid #edf1f4;padding:9px 12px;border-radius:8px;color:#607889;font-size:11px;overflow-wrap:anywhere}.target-path svg{width:14px;height:14px;flex-shrink:0}.target-meta{display:flex;justify-content:space-between;gap:10px;margin-top:13px;font-size:11px;color:#92a0aa}.target-meta button{font-size:11px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:24px}.table-container{padding:0;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}th{text-align:left;padding:12px 22px;background:#fafbfd;color:#8a98a3;font-size:10px;letter-spacing:.5px;font-weight:500}td{padding:17px 22px;border-top:1px solid #edf1f4}td .muted{font-size:11px}.empty{text-align:center;padding:32px;color:#8c9aa5;font-size:12px}.empty svg{display:block;margin:0 auto 12px;width:26px;height:26px;color:#b4c5d0}.demo-banner{padding:8px 36px;background:#fff6e4;color:#9c762d;font-size:11px;border-bottom:1px solid #f2e6cc}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;margin-top:24px}.editor-panel{padding:0;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.panel-heading p{font-size:12px;color:#8a9ba7;margin-top:7px}.editor-panel .panel-heading{padding:23px 24px 0}.code-editor{border:0;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;border-radius:0;background:#fcfdfe;min-height:310px;resize:vertical;font-size:12px;line-height:1.8;padding:22px;word-break:break-all}.code-editor:focus{outline:0;background:#fafcff;border-color:#d4e4ef}.editor-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 22px;gap:14px}.editor-footer>div{display:flex;gap:8px}.guide-panel{padding:24px}.icon-tile{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--blue-soft);color:var(--blue);margin-bottom:14px}.steps{counter-reset:steps;list-style:none;padding:0;margin:22px 0}.steps li{position:relative;padding-left:30px;margin:0 0 20px}.steps li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:2px;background:#eef4f8;border:1px solid #e2ecf2;color:#6c92ad;width:20px;height:20px;border-radius:50%;font-size:10px;display:grid;place-items:center}.steps b{font-size:12px;font-weight:600}.steps p{font-size:11px;color:#8a99a5;line-height:1.85;margin-top:5px}.notice{background:#f0f6fa;border:1px solid #e2edf4;border-radius:10px;padding:12px 15px;font-size:11px;color:#6d8799;line-height:1.9;margin-bottom:20px}.guide-panel .notice{margin-bottom:0;font-size:10px}.result-panel{margin-top:20px}.result-panel h2{margin-bottom:9px}.result-line{padding:12px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line)}.result-line:last-child{border:0}.result-error{color:#b14d59;font-size:12px;white-space:normal}.result-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.build-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wide{grid-column:1/-1}.required{color:var(--blue)}.build-grid .muted{font-size:12px;margin-bottom:18px}.upload-box{position:relative;display:flex;align-items:center;text-align:center;border:1px dashed #cbdce8;border-radius:14px;padding:15px;margin-bottom:16px;background:#fafcfe;gap:6px}.upload-box svg{color:#7fa2ba}.upload-box span{font-size:10px;color:#96a5b0}.upload-box strong{font-size:12px}.generator-frame{width:100%;height:calc(100vh - 275px);min-height:500px;border:1px solid var(--line);border-radius:18px;background:white}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.settings-grid .panel{overflow-wrap:anywhere}.settings-grid h2{margin:12px 0}.settings-grid p{font-size:11px;color:#80929f}.settings-grid code{display:block;background:#f5f8fb;border-radius:7px;padding:10px;margin-top:14px;font-size:10px}.setup-guide{margin-top:22px}.setup-guide .steps p{font-size:12px}footer{padding:0 36px 22px;color:#a4b0b9;font-size:10px}footer span{float:right}.login-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 15%,#dceefb,transparent 65%);padding:25px}.login-card{width:420px;max-width:100%;background:white;border:1px solid #e3ebf1;box-shadow:0 16px 64px #2345630c;border-radius:24px;padding:38px}.login-card .brand-mark{margin-bottom:28px}.login-card h1{font-size:24px}.login-card .muted{font-size:12px;margin-top:12px}.login-card label{margin-top:28px}.login-card button{margin-top:20px}dialog{border:1px solid var(--line);border-radius:20px;padding:28px;width:min(580px,calc(100% - 32px));box-shadow:0 20px 100px #12283d20;color:var(--ink)}dialog::backdrop{background:#142a3b66;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between}.close-button{font-size:26px;line-height:1;border:0;background:none;color:#8095a4;align-self:flex-start}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}#confirm-body{font-size:12px;color:#718796;margin-top:12px}#confirm-body pre{max-height:180px}.dialog-heading .icon-tile{margin-bottom:20px}#toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;color:white;background:#203c51;border-radius:12px;padding:12px 20px;box-shadow:0 8px 30px #19304426;transition:.2s;z-index:50;font-size:13px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}section{animation:entrance .22s ease-out}@keyframes entrance{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(min-width:1500px){main{padding-top:45px}.hero-panel{min-height:280px}}@media(max-width:1100px){.sidebar{width:200px}.workspace{margin-left:200px}main{padding:28px 24px}.topbar{padding:0 24px}.sync-illustration{transform:scale(.85);transform-origin:right center;margin-left:-40px}.hero-panel{padding:26px}.editor-grid{grid-template-columns:1fr}.guide-panel{display:none}.metrics strong{font-size:23px}.settings-grid{grid-template-columns:1fr}.build-grid{grid-template-columns:1fr}.metric-icon{right:16px;top:18px}.metrics article{padding:20px}}
@media(max-width:760px){.sidebar{position:sticky;top:0;width:100%;padding:10px 15px}.brand{padding:0;font-size:16px}.brand-mark{width:32px;height:32px;font-size:18px}.brand-sub,.nav-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;gap:4px;overflow:auto;margin:10px 0 0}.sidebar nav:last-of-type{position:absolute;right:16px;top:8px;margin:0}.sidebar nav:last-of-type a{font-size:0;padding:4px}.sidebar nav:last-of-type a svg{width:19px}.sidebar nav a{font-size:11px;white-space:nowrap;padding:8px;gap:6px}.sidebar nav svg{width:15px}.workspace{margin-left:0}.topbar{height:54px;padding:0 18px}.topbar-right>span:last-child{display:none}main{padding:25px 16px}h1{font-size:25px}.page-heading{align-items:flex-start;gap:12px;flex-direction:column}.page-heading .muted{font-size:12px}.metrics{gap:8px}.metrics article{padding:14px 12px}.metric-icon{display:none}.metrics strong{font-size:19px}.metrics small{font-size:9px}.metrics p{font-size:10px}.hero-panel{min-height:235px;padding:25px}.hero-panel h2{font-size:23px}.sync-illustration{display:none}.target-grid{grid-template-columns:1fr;gap:12px}.panel{padding:18px}.editor-panel,.table-container{padding:0}.target-card{padding:18px}.editor-footer{flex-direction:column;align-items:stretch}.editor-footer>div{justify-content:flex-end}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.demo-banner{padding:8px 18px}.badge{font-size:10px}.generator-frame{height:65vh}.login-card{padding:28px}footer{padding:0 18px 20px}.target-meta{flex-wrap:wrap}.result-line{align-items:flex-start;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:760px){.sidebar nav{scrollbar-width:none}.sidebar nav::-webkit-scrollbar{display:none}}