:root{--brand-50:#eef3ff;--brand-100:#dce6ff;--brand-200:#b9ccff;--brand-400:#5b82f7;--brand-500:#3b63f3;--brand-600:#2b4fd8;--brand-700:#2340ad;--n-0:#ffffff;--n-25:#fbfcfe;--n-50:#f6f8fb;--n-100:#eef1f6;--n-200:#e2e7ef;--n-300:#cbd3e1;--n-400:#9aa7bd;--n-500:#6b7a94;--n-600:#4d5b73;--n-700:#37435a;--n-800:#232d40;--n-900:#141b2d;--n-950:#0c1120;--ok:#12a05c;--ok-bg:#e5f7ee;--run:#2b6ef2;--run-bg:#e8effe;--warn:#d97a08;--warn-bg:#fdf1df;--err:#dc3d43;--err-bg:#fdeaea;--idle:#6b7a94;--idle-bg:#eef1f6;--purple:#7c4dd8;--purple-bg:#f1eafc;--c1:#3b63f3;--c2:#12a05c;--c3:#d97a08;--c4:#dc3d43;--c5:#7c4dd8;--c6:#0e9db3;--bg:var(--n-50);--surface:var(--n-0);--surface-2:var(--n-25);--line:var(--n-200);--line-soft:var(--n-100);--tx:var(--n-900);--tx-2:var(--n-600);--tx-3:var(--n-400);--sidebar-bg:#101728;--sidebar-tx:#8e9bb4;--sidebar-hi:#ffffff;--radius:10px;--radius-lg:14px;--shadow-sm:0 1px 2px rgba(16,24,40,.06);--shadow-md:0 4px 12px rgba(16,24,40,.08);--shadow-lg:0 12px 32px rgba(16,24,40,.16);--font:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Malgun Gothic",sans-serif;--mono:"JetBrains Mono","SF Mono",Consolas,"D2Coding",monospace}[data-theme=dark]{--bg:#0c1120;--surface:#141b2d;--surface-2:#18203552;--line:#232d40;--line-soft:#1c2536;--tx:#eef1f6;--tx-2:#9aa7bd;--tx-3:#5d6b85;--sidebar-bg:#0a0f1c;--ok-bg:#0f2b1e;--run-bg:#14224a;--warn-bg:#33260e;--err-bg:#361518;--idle-bg:#1c2536;--purple-bg:#251743;--shadow-sm:0 1px 2px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 12px 32px rgba(0,0,0,.6)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--tx);font-size:14px;line-height:1.5;overflow:hidden;transition:background .25s}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit;font-size:13px;color:var(--tx)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:6px;border:2px solid transparent;background-clip:content-box}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--n-700);border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:236px 1fr;grid-template-rows:minmax(0,1fr);height:100vh}.main{display:flex;flex-direction:column;min-width:0;min-height:0}.content{flex:1;min-height:0;overflow-y:auto;padding:24px 28px 60px}.sidebar{background:var(--sidebar-bg);display:flex;flex-direction:column;color:var(--sidebar-tx);-webkit-user-select:none;-moz-user-select:none;user-select:none}.logo{display:flex;align-items:center;gap:10px;padding:18px 20px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.logo-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,#3b63f3,#7c4dd8);display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-mark svg{width:18px;height:18px}.logo-name{font-size:16px;font-weight:800;color:#fff;letter-spacing:-.02em}.logo-name span{color:#5b82f7}.logo-ver{font-size:10px;color:#5d6b85;margin-top:1px}.nav{flex:1;overflow-y:auto;padding:14px 12px}.nav-sec{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:#4d5b73;padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:8.5px 10px;border-radius:8px;font-size:13.5px;font-weight:500;color:var(--sidebar-tx);transition:all .15s;position:relative;text-align:left}.nav-item:hover{background:#ffffff0d;color:#dbe2ee}.nav-item.active{background:linear-gradient(90deg,#3b63f338,#3b63f314);color:#fff}.nav-item.active:before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--brand-400)}.nav-item svg{width:17px;height:17px;flex-shrink:0;opacity:.85}.nav-badge{margin-left:auto;font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:20px;background:var(--brand-500);color:#fff}.nav-badge.red{background:var(--err)}.sidebar-foot{padding:14px 16px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:10px}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0e9db3,#12a05c);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0}.sf-name{font-size:12.5px;font-weight:600;color:#dbe2ee}.sf-role{font-size:11px;color:#5d6b85}.topbar{height:58px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px;padding:0 24px;flex-shrink:0}.crumb{font-size:13px;color:var(--tx-3)}.crumb b{color:var(--tx);font-weight:700;font-size:15px}.top-search{flex:1;max-width:420px;position:relative}.top-search input{width:100%;padding:8px 12px 8px 34px;border:1px solid var(--line);border-radius:8px;background:var(--bg);outline:none;transition:border .15s}.top-search input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #3b63f31f}.top-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--tx-3)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.icon-btn{width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--tx-2);transition:all .15s;position:relative}.icon-btn:hover{background:var(--n-100);color:var(--tx)}[data-theme=dark] .icon-btn:hover{background:var(--n-800)}.icon-btn svg{width:17px;height:17px}.dot{position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:var(--err);border:1.5px solid var(--surface)}.env-chip{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;padding:4px 10px;border-radius:20px;background:var(--ok-bg);color:var(--ok)}.env-chip .pulse{width:7px;height:7px;border-radius:50%;background:var(--ok);animation:pulse 1.6s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #12a05c80}50%{box-shadow:0 0 0 5px #12a05c00}}.view{display:none;animation:fadeIn .22s ease}.view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title{font-size:20px;font-weight:800;letter-spacing:-.02em}.page-sub{font-size:13px;color:var(--tx-2);margin-top:3px}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;transition:all .15s;border:1px solid transparent;white-space:nowrap}.btn svg{width:15px;height:15px}.btn-pri{background:var(--brand-500);color:#fff;box-shadow:var(--shadow-sm)}.btn-pri:hover{background:var(--brand-600)}.btn-sec{background:var(--surface);border-color:var(--line);color:var(--tx)}.btn-sec:hover{border-color:var(--n-300);background:var(--n-50)}[data-theme=dark] .btn-sec:hover{background:var(--n-800)}.btn-ghost{color:var(--tx-2)}.btn-ghost:hover{background:var(--n-100);color:var(--tx)}[data-theme=dark] .btn-ghost:hover{background:var(--n-800)}.btn-danger{background:var(--err-bg);color:var(--err)}.btn-danger:hover{background:var(--err);color:#fff}.btn-sm{padding:5px 10px;font-size:12px;border-radius:7px}.btn:disabled{opacity:.45;cursor:not-allowed}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line-soft)}.card-title{font-size:14px;font-weight:700}.card-sub{font-size:12px;color:var(--tx-3);font-weight:400;margin-left:8px}.card-body{padding:18px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.badge:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.b-run{background:var(--run-bg);color:var(--run)}.b-run:before{animation:pulse2 1.2s infinite}@keyframes pulse2{50%{opacity:.3}}.b-ok{background:var(--ok-bg);color:var(--ok)}.b-err{background:var(--err-bg);color:var(--err)}.b-warn{background:var(--warn-bg);color:var(--warn)}.b-idle{background:var(--idle-bg);color:var(--idle)}.b-purple{background:var(--purple-bg);color:var(--purple)}.badge.no-dot:before{display:none}.tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;background:var(--n-100);color:var(--tx-2)}[data-theme=dark] .tag{background:var(--n-800)}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(178px,1fr));gap:14px;margin-bottom:20px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.kpi-label{font-size:12px;font-weight:600;color:var(--tx-2);display:flex;align-items:center;gap:6px}.kpi-label svg{width:14px;height:14px}.kpi-val{font-size:26px;font-weight:800;letter-spacing:-.03em;margin-top:6px;font-variant-numeric:tabular-nums}.kpi-val small{font-size:13px;font-weight:600;color:var(--tx-3);margin-left:2px}.kpi-delta{font-size:11.5px;font-weight:700;margin-top:5px;display:flex;align-items:center;gap:4px}.up{color:var(--ok)}.down{color:var(--err)}.flat{color:var(--tx-3)}.kpi-spark{position:absolute;right:10px;bottom:8px;opacity:.9}.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--tx-3);padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap}.tbl td{padding:11px 14px;border-bottom:1px solid var(--line-soft);vertical-align:middle}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--n-50)}[data-theme=dark] .tbl tbody tr:hover{background:#18213599}.tbl tbody tr.clickable{cursor:pointer}.tbl .mono{font-family:var(--mono);font-size:12px}.t-name{font-weight:600}.t-sub{font-size:11.5px;color:var(--tx-3);margin-top:1px}.t-num{font-variant-numeric:tabular-nums;text-align:right}th.t-num{text-align:right}.prog{height:6px;border-radius:4px;background:var(--n-100);overflow:hidden;min-width:70px}[data-theme=dark] .prog{background:var(--n-800)}.prog>i{display:block;height:100%;border-radius:4px;background:var(--run);transition:width .5s ease}.prog>i.ok{background:var(--ok)}.prog>i.err{background:var(--err)}.prog>i.warn{background:var(--warn)}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.chip{padding:6px 13px;border-radius:20px;font-size:12.5px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--tx-2);transition:all .15s}.chip:hover{border-color:var(--brand-400);color:var(--brand-500)}.chip.on{background:var(--brand-500);border-color:var(--brand-500);color:#fff}.chip b{margin-left:4px;opacity:.75;font-weight:700}.search-inline{position:relative;margin-left:auto}.search-inline input{padding:7px 12px 7px 32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);outline:none;width:230px;transition:border .15s}.search-inline input:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #3b63f31f}.search-inline svg{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--tx-3)}.sel{padding:7px 30px 7px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7a94' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;cursor:pointer}.tgl{position:relative;width:38px;height:21px;flex-shrink:0;cursor:pointer}.tgl input{opacity:0;width:0;height:0}.tgl i{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--n-300);border-radius:20px;transition:.2s}[data-theme=dark] .tgl i{background:var(--n-700)}.tgl i:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s;box-shadow:0 1px 3px #00000040}.tgl input:checked+i{background:var(--brand-500)}.tgl input:checked+i:after{left:20px}.field{margin-bottom:14px}.field label{display:block;font-size:12.5px;font-weight:600;margin-bottom:6px;color:var(--tx-2)}.field label .req{color:var(--err)}.field input[type=text],.field input[type=number],.field input[type=url],.field input[type=password],.field select,.field textarea{width:100%;padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);outline:none;transition:border .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #3b63f31f}.field .hint{font-size:11.5px;color:var(--tx-3);margin-top:5px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.radio-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.radio-card{border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;cursor:pointer;transition:all .15s;background:var(--surface)}.radio-card:hover{border-color:var(--brand-200)}.radio-card.on{border-color:var(--brand-500);background:var(--brand-50)}[data-theme=dark] .radio-card.on{background:#14224a}.radio-card .rc-t{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}.radio-card .rc-d{font-size:11.5px;color:var(--tx-3);margin-top:4px;line-height:1.45}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c112073;opacity:0;pointer-events:none;transition:opacity .25s;z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay.show{opacity:1;pointer-events:auto}.panel{position:fixed;top:0;right:-760px;width:740px;max-width:94vw;height:100vh;background:var(--surface);box-shadow:var(--shadow-lg);transition:right .3s cubic-bezier(.32,.72,.35,1);z-index:70;display:flex;flex-direction:column}.panel.show{right:0}.panel-head{padding:18px 22px 0;border-bottom:1px solid var(--line)}.panel-body{flex:1;overflow-y:auto;padding:20px 22px}.tabs{display:flex;gap:2px;margin-top:14px}.tab{padding:9px 15px;font-size:13px;font-weight:600;color:var(--tx-2);border-bottom:2px solid transparent;transition:all .15s}.tab:hover{color:var(--tx)}.tab.on{color:var(--brand-500);border-bottom-color:var(--brand-500)}.tab-pane{display:none}.tab-pane.on{display:block;animation:fadeIn .18s ease}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:none;align-items:center;justify-content:center;padding:24px}.modal-wrap.show{display:flex}.modal{background:var(--surface);border-radius:16px;box-shadow:var(--shadow-lg);width:820px;max-width:96vw;max-height:92vh;display:flex;flex-direction:column;animation:pop .25s cubic-bezier(.32,.72,.35,1)}@keyframes pop{0%{opacity:0;transform:scale(.96) translateY(12px)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.modal-title{font-size:16px;font-weight:800}.modal-body{flex:1;overflow-y:auto;padding:22px}.modal-foot{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--line)}.steps{display:flex;gap:0;margin-bottom:22px}.step{flex:1;text-align:center;position:relative;padding-top:26px}.step:before{content:attr(data-n);position:absolute;top:0;left:50%;transform:translate(-50%);width:22px;height:22px;border-radius:50%;background:var(--n-100);color:var(--tx-3);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;z-index:2;border:2px solid var(--surface)}[data-theme=dark] .step:before{background:var(--n-800)}.step:after{content:"";position:absolute;top:11px;left:calc(-50% + 13px);right:calc(50% + 13px);height:2px;background:var(--n-200)}[data-theme=dark] .step:after{background:var(--n-700)}.step:first-child:after{display:none}.step span{font-size:11.5px;font-weight:600;color:var(--tx-3)}.step.done:before{background:var(--ok);color:#fff;content:"✓"}.step.on:before{background:var(--brand-500);color:#fff}.step.on span{color:var(--brand-500)}.step.done span{color:var(--ok)}.wiz-pane{display:none}.wiz-pane.on{display:block;animation:fadeIn .2s ease}.toasts{position:fixed;bottom:24px;right:24px;z-index:100;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:11px;background:var(--n-900);color:#fff;padding:12px 18px 12px 14px;border-radius:11px;box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;animation:toastIn .3s cubic-bezier(.32,.72,.35,1);max-width:400px}[data-theme=dark] .toast{background:var(--n-100);color:var(--n-900)}@keyframes toastIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}.toast.out{animation:toastOut .3s forwards}@keyframes toastOut{to{opacity:0;transform:translate(40px)}}.toast-ic{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-ic.ok{background:var(--ok)}.toast-ic.err{background:var(--err)}.toast-ic.info{background:var(--brand-500)}.toast-ic.warn{background:var(--warn)}.toast-ic svg{width:14px;height:14px;color:#fff}.log-box{background:#0c1120;border-radius:12px;font-family:var(--mono);font-size:12px;line-height:1.75;padding:16px 18px;overflow-y:auto;color:#9aa7bd}.log-line{white-space:pre-wrap;word-break:break-all}.log-line .lt{color:#4d5b73}.lv{display:inline-block;width:52px;font-weight:700}.lv-INFO{color:#5b82f7}.lv-WARN{color:#e8a33d}.lv-ERROR{color:#f26d6d}.lv-DEBUG{color:#6b7a94}.lv-SYS{color:#8b95a7}.log-line .lm{color:#cbd5e6}.log-line em{color:#7ee0a3;font-style:normal}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-23{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.mt16{margin-top:16px}.mt20{margin-top:20px}.mb14{margin-bottom:14px}.muted{color:var(--tx-3);font-size:12px}.stat-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px dashed var(--line-soft);font-size:13px}.stat-row:last-child{border:none}.stat-row b{font-variant-numeric:tabular-nums}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--tx-2)}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:5px}.health-bar{display:flex;gap:2px}.health-bar i{width:6px;height:16px;border-radius:2px;background:var(--n-200)}.health-bar i.h{background:var(--ok)}.health-bar i.m{background:var(--warn)}.health-bar i.l{background:var(--err)}.kbd{font-family:var(--mono);font-size:11px;background:var(--n-100);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;color:var(--tx-2)}[data-theme=dark] .kbd{background:var(--n-800)}.code-inline{font-family:var(--mono);font-size:12px;background:var(--n-100);padding:2px 7px;border-radius:5px;color:var(--purple)}[data-theme=dark] .code-inline{background:var(--n-800)}.empty{text-align:center;padding:48px 20px;color:var(--tx-3)}.empty svg{width:40px;height:40px;margin-bottom:10px;opacity:.5}.arch-node{fill:var(--surface);stroke:var(--line);rx:10}.arch-label{font-size:12px;font-weight:700;fill:var(--tx)}.arch-sub{font-size:9.5px;fill:var(--tx-3)}.arch-flow{stroke:var(--n-300);stroke-width:1.5;fill:none;marker-end:url(#arrow)}.step-line{display:flex;align-items:flex-start;gap:10px}.step-badge{flex-shrink:0;width:24px;height:24px;border-radius:50%;background:var(--brand-500);color:#fff;font-size:12.5px;font-weight:700;display:flex;align-items:center;justify-content:center}.step-title{font-size:14px;font-weight:700;color:var(--tx)}.step-sub{font-size:11.5px;color:var(--tx-3);margin-top:1px}.pick-banner{display:flex;align-items:center;gap:8px;padding:8px 11px;border-radius:9px;font-size:12px;background:var(--surface-2);border:1px solid var(--line-soft);color:var(--tx-2);margin-bottom:2px}.pick-banner svg{width:15px;height:15px;flex-shrink:0}.pick-banner.on{background:var(--brand-50);border-color:var(--brand-200);color:var(--brand-700)}.pick-banner b{font-weight:700}.tmpl-btn{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);cursor:pointer;transition:.12s}.tmpl-btn:hover{border-color:var(--brand-400);background:var(--brand-50)}.tmpl-ic{flex-shrink:0;width:28px;height:28px;border-radius:7px;background:var(--brand-50);color:var(--brand-500);display:flex;align-items:center;justify-content:center}.pk-field{border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:var(--surface)}.pk-field.binding{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-50)}.pk-field-ic{flex-shrink:0;width:24px;height:24px;border-radius:6px;background:var(--brand-50);color:var(--brand-500);display:flex;align-items:center;justify-content:center}.bind-btn{width:100%;margin-top:8px;justify-content:center}.pk-field-val{font-size:12px;margin-top:7px;padding:6px 9px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line-soft);word-break:break-all}.link-sm{background:none;border:none;color:var(--tx-3);font-size:11px;cursor:pointer;padding:4px 0 0;text-decoration:underline}.result-preview{width:100%;border-collapse:collapse;font-size:12.5px}.result-preview th{text-align:left;font-weight:600;color:var(--tx-2);padding:7px 10px 7px 0;white-space:nowrap;vertical-align:top;width:1%;border-bottom:1px dashed var(--line-soft)}.result-preview td{padding:7px 0;color:var(--tx);word-break:break-all;border-bottom:1px dashed var(--line-soft)}.result-preview tr:last-child th,.result-preview tr:last-child td{border-bottom:none}@media (max-width:1100px){.app{grid-template-columns:64px 1fr}.logo-name,.logo-ver,.nav-sec,.nav-item span,.nav-badge,.sf-name,.sf-role{display:none}.nav-item{justify-content:center}.grid-2,.grid-3,.grid-23,.field-row{grid-template-columns:1fr}}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:48px 20px;color:var(--tx-3)}.state svg{width:40px;height:40px;opacity:.5}.state-title{font-size:14px;font-weight:700;color:var(--tx-2)}.state-msg{font-size:12.5px;color:var(--tx-3);max-width:360px;line-height:1.55}.state-actions{display:flex;align-items:center;gap:8px;margin-top:4px}.state.state-err svg{color:var(--err);opacity:.85}.state.state-err .state-title{color:var(--err)}.state.state-sm{padding:26px 16px}.state.state-sm svg{width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--n-200);border-top-color:var(--brand-500);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}[data-theme=dark] .spinner{border-color:var(--n-700);border-top-color:var(--brand-400)}.spinner.spinner-sm{width:14px;height:14px;border-width:2px}.spinner.spinner-lg{width:30px;height:30px;border-width:3px}.loading-inline{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx-3)}.btn .spinner{width:14px;height:14px;border-width:2px;border-color:#fff6;border-top-color:#fff}.btn-sec .spinner,.btn-ghost .spinner{border-color:var(--n-200);border-top-color:var(--brand-500)}.btn-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-row.end{justify-content:flex-end}.btn-row.between{justify-content:space-between}.badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.card-stack{display:flex;flex-direction:column;gap:16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card-head .btn-row{gap:8px}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translate(-50%) translateY(3px);background:var(--n-900);color:#fff;font-size:11px;font-weight:500;line-height:1.4;white-space:nowrap;padding:5px 9px;border-radius:7px;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:90}[data-tip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%) translateY(3px);border:5px solid transparent;border-top-color:var(--n-900);opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:90}[data-tip]:hover:after,[data-tip]:hover:before{opacity:1;transform:translate(-50%) translateY(0)}[data-tip=""]:after,[data-tip=""]:before{display:none}[data-theme=dark] [data-tip]:after{background:var(--n-100);color:var(--n-900)}[data-theme=dark] [data-tip]:before{border-top-color:var(--n-100)}[data-tip-pos=bottom]:after{bottom:auto;top:calc(100% + 7px)}[data-tip-pos=bottom]:before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:var(--n-900)}[data-theme=dark] [data-tip-pos=bottom]:before{border-bottom-color:var(--n-100)}.prog-lg{height:9px}.prog-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11.5px;margin-top:6px;color:var(--tx-3)}.prog-row .mono{font-family:var(--mono)}.prog.indeterminate{position:relative}.prog.indeterminate>i{width:35%!important;border-radius:4px;animation:progIndet 1.1s ease-in-out infinite}@keyframes progIndet{0%{margin-left:-35%}to{margin-left:100%}}.pipeline{display:flex;align-items:flex-start}.pipe-node{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;min-width:0}.pipe-node:before{content:"";position:absolute;top:6px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}.pipe-node:first-child:before{display:none}.pipe-node.done:before,.pipe-node.on:before{background:var(--ok)}.pipe-dot{width:13px;height:13px;border-radius:50%;background:var(--n-300);border:2px solid var(--surface);z-index:1;transition:background .2s,box-shadow .2s}[data-theme=dark] .pipe-dot{background:var(--n-700)}.pipe-node.done .pipe-dot{background:var(--ok)}.pipe-node.on .pipe-dot{background:var(--run);box-shadow:0 0 0 3px #2b6ef22e}.pipe-node.err .pipe-dot{background:var(--err);box-shadow:0 0 0 3px #dc3d432e}.pipe-label{font-size:10.5px;margin-top:5px;text-align:center;color:var(--tx-3);line-height:1.35}.pipe-node.done .pipe-label{color:var(--tx-2);font-weight:600}.pipe-node.on .pipe-label{color:var(--run);font-weight:600}.pipe-node.err .pipe-label{color:var(--err);font-weight:600}@keyframes shimmer{to{background-position:-200% 0}}.skeleton{border-radius:6px;background:linear-gradient(90deg,var(--n-100) 25%,var(--n-200) 37%,var(--n-100) 63%);background-size:200% 100%;animation:shimmer 1.3s ease-in-out infinite}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--n-800) 25%,var(--n-700) 37%,var(--n-800) 63%);background-size:200% 100%}.skeleton-line{height:12px;margin-bottom:8px}.skeleton-line:last-child{margin-bottom:0;width:60%}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.absolute{position:absolute}.relative{position:relative}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.break-all{word-break:break-all}.border{border-width:1px}.line-through{text-decoration-line:line-through}.outline{outline-style:solid}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.landing{overflow-y:auto;height:100vh;background:var(--bg);color:var(--tx)}.lp-nav{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:16px;padding:14px 40px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}.lp-nav .lp-brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:800;letter-spacing:-.02em}.lp-nav .lp-brand span{color:var(--brand-500)}.lp-nav .lp-links{margin-left:auto;display:flex;align-items:center;gap:22px}.lp-nav .lp-links a{font-size:13.5px;font-weight:600;color:var(--tx-2);text-decoration:none;transition:color .15s}.lp-nav .lp-links a:hover{color:var(--tx)}.lp-hero{text-align:center;padding:96px 24px 72px;max-width:880px;margin:0 auto}.lp-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;padding:5px 13px;border-radius:20px;background:var(--brand-50);color:var(--brand-600);margin-bottom:22px}[data-theme=dark] .lp-eyebrow{background:#14224a}.lp-hero h1{font-size:52px;line-height:1.08;font-weight:800;letter-spacing:-.03em}.lp-hero h1 .grad{background:linear-gradient(120deg,var(--brand-500),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}.lp-hero p{font-size:18px;color:var(--tx-2);margin:22px auto 34px;max-width:640px;line-height:1.6}.lp-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-lg{padding:12px 24px;font-size:15px;border-radius:10px}.lp-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;max-width:960px;margin:0 auto;padding:40px 24px;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.lp-stat{text-align:center}.lp-stat .v{font-size:34px;font-weight:800;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.lp-stat .l{font-size:13px;color:var(--tx-2);margin-top:4px}.lp-section{max-width:1080px;margin:0 auto;padding:80px 24px}.lp-section>.lp-head{text-align:center;margin-bottom:48px}.lp-head h2{font-size:34px;font-weight:800;letter-spacing:-.02em}.lp-head p{font-size:16px;color:var(--tx-2);margin-top:12px}.lp-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}.lp-feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:transform .15s,box-shadow .15s}.lp-feature:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.lp-feature .ic{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,var(--brand-500),var(--purple));display:flex;align-items:center;justify-content:center;margin-bottom:16px}.lp-feature .ic svg{width:22px;height:22px;color:#fff}.lp-feature h3{font-size:16px;font-weight:700}.lp-feature p{font-size:13.5px;color:var(--tx-2);margin-top:8px;line-height:1.6}.lp-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.lp-plan{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 24px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.lp-plan.featured{border-color:var(--brand-500);box-shadow:0 0 0 3px #3b63f31f}.lp-plan .pname{font-size:15px;font-weight:700}.lp-plan .price{font-size:38px;font-weight:800;letter-spacing:-.03em;margin:12px 0 4px}.lp-plan .price small{font-size:14px;font-weight:600;color:var(--tx-3)}.lp-plan ul{list-style:none;margin:18px 0 24px;display:flex;flex-direction:column;gap:10px}.lp-plan li{font-size:13.5px;color:var(--tx-2);display:flex;align-items:center;gap:8px}.lp-plan li svg{width:15px;height:15px;color:var(--ok);flex-shrink:0}.lp-plan .btn{margin-top:auto;justify-content:center}.lp-arch{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);text-align:center}.lp-arch .flow{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}.lp-arch .node{padding:12px 18px;border-radius:10px;border:1.5px solid var(--line);font-size:13px;font-weight:700;background:var(--surface-2)}.lp-arch .arw{color:var(--tx-3);font-weight:700}.lp-logos{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;opacity:.7;font-size:18px;font-weight:800;color:var(--tx-3)}.lp-quotes{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin-top:40px}.lp-quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm)}.lp-quote p{font-size:14px;line-height:1.7;color:var(--tx)}.lp-quote .who{margin-top:16px;font-size:12.5px;color:var(--tx-3);font-weight:600}.lp-footer{border-top:1px solid var(--line-soft);padding:40px 24px;text-align:center;color:var(--tx-3);font-size:13px}@media (max-width: 700px){.lp-hero h1{font-size:38px}.lp-nav{padding:12px 20px}.lp-nav .lp-links a:not(.btn){display:none}}.login-wrap{height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.login-card{width:400px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);padding:32px 30px}.login-card .lc-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.login-card .lc-brand span{color:var(--brand-500)}.login-card .lc-sub{font-size:13px;color:var(--tx-2);margin-bottom:24px}.login-card .btn-block{width:100%;justify-content:center;padding:11px;font-size:14px}.login-hint{margin-top:20px;padding:14px;border-radius:10px;background:var(--surface-2);border:1px dashed var(--line);font-size:12px;color:var(--tx-2);line-height:1.7}.login-hint b{color:var(--tx)}.login-err{margin-bottom:14px;padding:10px 12px;border-radius:8px;background:var(--err-bg);color:var(--err);font-size:12.5px;font-weight:600}.pg-grid{display:grid;gap:14px}.pg-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px 18px}.pg-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.pg-name{font-size:14.5px;font-weight:700;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pg-meta{font-size:11.5px;color:var(--tx-3);margin-top:4px;font-family:var(--mono)}.pg-actions{display:flex;gap:6px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.pg-share{margin-top:14px;padding-top:14px;border-top:1px solid var(--line-soft);display:grid;gap:12px}.pg-share-label{font-size:12px;font-weight:600;color:var(--tx-2);margin-bottom:6px;display:flex;align-items:center;gap:6px}.pg-link-row{display:flex;gap:6px;align-items:stretch}.pg-link-row input{flex:1;min-width:0;padding:8px 11px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--tx-2);font-family:var(--mono);font-size:12px;outline:none}.pg-code{position:relative}.pg-code pre{margin:0;padding:11px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;overflow-x:auto;font-family:var(--mono);font-size:12px;line-height:1.5;color:var(--tx-2);white-space:pre}.pg-code .btn{position:absolute;top:7px;right:7px}.pgs{display:flex;flex-direction:column;gap:14px}.pgs-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.pgs-top-left,.pgs-top-right{display:flex;align-items:center;gap:10px;min-width:0}.pgs-name{width:240px;max-width:40vw;padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-weight:700;font-size:15px;outline:none}.pgs-name:focus{border-color:var(--brand-400);box-shadow:0 0 0 3px #3b63f31f}.pgs-preview-tgl{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--tx-2);font-weight:600}.pgs-cols{display:grid;grid-template-columns:214px minmax(0,1fr) 306px;gap:14px;height:calc(100vh - 190px);min-height:460px}.pgs-palette,.pgs-center,.pgs-inspector{display:flex;flex-direction:column;min-height:0;overflow:hidden}.pgs-col-head{padding:12px 16px;border-bottom:1px solid var(--line-soft);font-size:13px;font-weight:700;flex-shrink:0}.pgs-palette-hint{padding:8px 14px;font-size:11.5px;color:var(--tx-3);border-bottom:1px dashed var(--line-soft)}.pgs-palette-list{padding:10px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.pgs-palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:var(--surface);text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.pgs-palette-item:hover:not(:disabled){border-color:var(--brand-400);background:var(--brand-50)}[data-theme=dark] .pgs-palette-item:hover:not(:disabled){background:var(--n-800)}.pgs-palette-item:disabled{opacity:.45;cursor:not-allowed}.pgs-palette-item>svg{width:18px;height:18px;color:var(--brand-500);flex-shrink:0}.pgs-palette-item>div{flex:1;min-width:0}.pgs-pi-label{font-size:13px;font-weight:600;color:var(--tx)}.pgs-pi-desc{font-size:11px;color:var(--tx-3);margin-top:1px}.pgs-pi-plus{width:14px;height:14px;color:var(--tx-3);flex-shrink:0}.pgs-canvas-scroll{flex:1;overflow-y:auto;padding:24px;background:var(--n-100)}[data-theme=dark] .pgs-canvas-scroll{background:var(--n-950)}.pgs-eb{position:relative;border:1.5px solid transparent;border-radius:8px;padding:4px;cursor:pointer;transition:border-color .12s,background .12s}.pgs-eb:hover{border-color:var(--brand-200)}.pgs-eb.sel{border-color:var(--brand-500);background:#3b63f30d}.pgs-eb-tag{display:none;position:absolute;top:-10px;left:6px;z-index:2;padding:1px 7px;border-radius:5px;background:var(--brand-500);color:#fff;font-size:10.5px;font-weight:700;white-space:nowrap}.pgs-eb.sel>.pgs-eb-tag,.pgs-eb:hover>.pgs-eb-tag{display:inline-flex;align-items:center;gap:5px}.pgs-eb-count{opacity:.8;font-weight:600}.pgs-eb-tools{display:none;position:absolute;top:-12px;right:6px;z-index:2;gap:3px}.pgs-eb.sel>.pgs-eb-tools,.pgs-eb:hover>.pgs-eb-tools{display:flex}.pgs-tbtn{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--tx-2);font-size:13px;line-height:1;cursor:pointer}.pgs-tbtn:hover:not(:disabled){border-color:var(--brand-400);color:var(--brand-500)}.pgs-tbtn.danger:hover{border-color:var(--err);color:var(--err)}.pgs-tbtn:disabled{opacity:.35;cursor:not-allowed}.pgs-eb-body{pointer-events:none}.pgs-list-edit{border:1px dashed var(--brand-200);border-radius:8px;padding:10px;background:#3b63f308}.pgs-list-note{font-size:11px;color:var(--brand-600);font-weight:600;margin-bottom:8px}.pgs-empty{padding:18px;text-align:center;font-size:12px;color:var(--tx-3)}.pgs-inspector-body{padding:16px;overflow-y:auto}.pgs-insp-title{font-size:13px;font-weight:700;margin-bottom:4px}.pgs-insp-sub{font-size:11.5px;color:var(--tx-3);line-height:1.6;margin-bottom:14px}.pgs-bind{margin-top:8px;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-2)}.pgs-bind-title{font-size:11px;font-weight:700;color:var(--tx-2);margin-bottom:6px}.pgs-bind-empty{font-size:11px;color:var(--tx-3)}.pgs-bind-chips{display:flex;flex-wrap:wrap;gap:5px}.pgs-chip{padding:3px 9px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--tx-2);font-size:11.5px;font-family:var(--mono);cursor:pointer;transition:all .15s}.pgs-chip:hover{border-color:var(--brand-400);color:var(--brand-500);background:var(--brand-50)}[data-theme=dark] .pgs-chip:hover{background:var(--n-800)}.pgs-color-row{display:flex;gap:8px;align-items:center}.pgs-color-row input[type=color]{width:40px;height:36px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer;flex-shrink:0}.pgs-color-row input[type=text]{flex:1;min-width:0}@media (max-width: 1100px){.pgs-cols{grid-template-columns:1fr;height:auto}.pgs-palette,.pgs-inspector{max-height:320px}.pgs-center{min-height:420px}}.pgs-slug{display:inline-flex;align-items:center;gap:2px;padding:3px 8px;border:1px solid var(--line);border-radius:7px;background:var(--surface-2)}.pgs-slug-prefix{color:var(--tx-3);font-size:12px}.pgs-slug-input{border:none;background:transparent;outline:none;font-size:12px;width:130px;color:var(--tx)}.pgs-slug-input:disabled{color:var(--tx-3)}.pgs-eb-grip{opacity:.7;letter-spacing:-1px}.pgs-eb.dnd-over{border-color:var(--brand-500);box-shadow:inset 0 3px 0 -1px var(--brand-500)}