@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;700&display=swap";:root{color-scheme:light;--bg: #eceff2;--surface: rgba(252, 253, 254, .78);--surface-strong: rgba(255, 255, 255, .92);--line: rgba(17, 24, 39, .09);--line-strong: rgba(17, 24, 39, .14);--text: #11161f;--muted: #56606f;--accent: #5c6f84;--shadow: 0 18px 44px rgba(15, 23, 35, .06);--shadow-tight: 0 10px 24px rgba(15, 23, 35, .05);--radius: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Noto Sans SC,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(152,170,189,.14),transparent 30%),radial-gradient(circle at bottom right,rgba(196,203,212,.18),transparent 26%),linear-gradient(180deg,#f1f3f5,#e7ebef)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}a{color:inherit;text-decoration:none}pre,code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}#root{min-height:100vh}.app-shell{position:relative;overflow:hidden;min-height:100vh}.backdrop{position:fixed;inset:auto;pointer-events:none;filter:blur(42px);opacity:.5}.backdrop-a{top:-8rem;right:-8rem;width:24rem;height:24rem;border-radius:999px;background:#7389a029}.backdrop-b{bottom:8rem;left:-8rem;width:22rem;height:22rem;border-radius:999px;background:#d1d7de38}.topbar,main{position:relative;z-index:1;width:min(1280px,calc(100vw - 40px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 0 12px}main{padding-bottom:18px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(180deg,#fffffff5,#edf1f5eb);border:1px solid rgba(17,24,39,.08);box-shadow:inset 0 1px #ffffffeb,0 8px 18px #0f17230a}.brand p,.brand span,.section-heading span,.field span,.provider-head span,.toggle-card span,.mini-section label{margin:0}.brand p{font-size:1rem;font-weight:680;letter-spacing:-.02em}.brand span{display:block;margin-top:3px;font-size:.8rem;color:var(--muted)}.header-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(17,24,39,.08);background:linear-gradient(180deg,#f8fafca8,#eef2f68a);color:#344152;font-size:.92rem;font-weight:600;letter-spacing:-.01em;box-shadow:inset 0 1px #ffffffb8,0 8px 18px #0f17230a;-webkit-backdrop-filter:blur(16px) saturate(125%);backdrop-filter:blur(16px) saturate(125%);transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.header-link:hover{transform:translateY(-1px);border-color:#11182724;color:var(--text);box-shadow:inset 0 1px #ffffffc7,0 10px 20px #0f17230d}.section-heading span,.provider-head span{display:inline-block;font-size:.76rem;font-weight:650;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.panel{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.62);background:linear-gradient(180deg,#ffffff94,#f7fafc6b);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(26px) saturate(135%);backdrop-filter:blur(26px) saturate(135%)}.panel:before,.stack-item:before,.advanced-panel:before,.result-actions:before,.empty-state:before{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(180deg,#ffffff70,#ffffff1f 24%,#ffffff0a);opacity:.9}.panel:after,.stack-item:after,.advanced-panel:after{content:"";position:absolute;left:12%;right:12%;top:-18%;height:38%;border-radius:999px;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(255,255,255,.5) 0%,rgba(255,255,255,.12) 52%,transparent 78%);filter:blur(14px);opacity:.75}.panel>*,.stack-item>*,.advanced-panel>*,.result-actions>*,.empty-state>*{position:relative;z-index:1}.mini-section,.result-box{margin-top:16px}.mini-section label{display:block;margin-bottom:10px;font-size:.8rem;color:var(--muted);letter-spacing:.03em}.mini-section pre,.mini-section code{margin:0;padding:16px;border-radius:20px;background:#0a121eeb;color:#e7eef8;white-space:pre-wrap;word-break:break-all}.workspace{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(340px,.84fr);gap:18px;padding:14px 0 28px}.panel{border-radius:var(--radius)}.panel-form{padding:24px}.panel-output{position:sticky;top:20px;align-self:start;padding:24px}.section-heading h2{margin:8px 0 0;font-size:clamp(1.72rem,2.4vw,2.2rem);letter-spacing:-.045em;color:var(--text)}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-grid,.custom-grid{grid-template-columns:180px minmax(0,1fr) 48px;align-items:end}.simple-grid{grid-template-columns:minmax(0,1fr) 48px;align-items:end}.field{display:block}.field>span{display:block;margin-bottom:10px;font-size:.88rem;color:#4f5a68}.field input,.field select,.field textarea,.result-box textarea{width:100%;border:1px solid rgba(15,23,35,.1);border-radius:16px;padding:14px 16px;background:linear-gradient(180deg,#ffffff9e,#f2f6fa8a);color:var(--text);outline:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;-webkit-backdrop-filter:blur(14px) saturate(130%);backdrop-filter:blur(14px) saturate(130%);box-shadow:inset 0 1px #ffffffb3,0 6px 14px #0f172308}.field textarea,.result-box textarea{resize:vertical;min-height:120px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#49678547;box-shadow:inset 0 1px #ffffffc2,0 0 0 4px #49678514,0 8px 18px #0f17230a}.provider-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:28px}.provider-head p{margin:6px 0 0;font-size:.92rem;line-height:1.6;color:#5a6574}.custom-head{margin-top:24px}.advanced-panel{position:relative;overflow:hidden;margin-top:24px;border:1px solid rgba(15,23,35,.08);border-radius:22px;background:linear-gradient(180deg,#fafcfe8f,#f4f7fa6b);-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%)}.advanced-panel summary{display:block;padding:18px 20px;cursor:pointer;list-style:none}.advanced-panel summary::-webkit-details-marker{display:none}.advanced-panel summary span{display:inline-block;font-size:.9rem;font-weight:700;color:var(--text)}.advanced-panel summary p{margin:8px 0 0;font-size:.92rem;line-height:1.6;color:#5a6574}.advanced-body{padding:0 20px 20px}.secondary-button,.primary-button,.primary-link,.secondary-link,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.secondary-button,.secondary-link{padding:0 18px;background:linear-gradient(180deg,#f7fafcc2,#e8eef3a3);border:1px solid rgba(17,24,39,.1);color:var(--text);box-shadow:inset 0 1px #ffffffc7,0 8px 18px #0f17230a;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%)}.primary-button,.primary-link{padding:0 18px;background:linear-gradient(180deg,#212b38f5,#131a23fa);color:#fff;box-shadow:inset 0 1px #ffffff29,0 14px 28px #0f172324}.secondary-button:hover,.primary-button:hover,.primary-link:hover,.secondary-link:hover,.icon-button:hover{transform:translateY(-1px);box-shadow:inset 0 1px #ffffffb8,0 10px 18px #0f17230f}.stack-list{display:grid;gap:14px;margin-top:18px}.stack-list.compact{margin-top:16px}.stack-item{position:relative;overflow:hidden;padding:16px;border-radius:18px;background:linear-gradient(180deg,#fbfcfdb8,#f4f7fa94);border:1px solid rgba(15,23,35,.06);box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(18px) saturate(128%);backdrop-filter:blur(18px) saturate(128%)}.icon-button{width:46px;padding:0;background:linear-gradient(180deg,#f2f6f9db,#e4eaefb3);border:1px solid rgba(17,24,39,.08);box-shadow:inset 0 1px #ffffffc2}.icon-button-end{align-self:end}.mobile-secondary-label,.mobile-inline-action{display:none}.resolved-line{margin-top:12px;font-size:.88rem;color:var(--muted)}.toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.advanced-toggle-grid{margin-top:0}.toggle-card{position:relative;display:flex;gap:12px;min-height:98px;padding:15px;border-radius:18px;border:1px solid rgba(15,23,35,.07);background:linear-gradient(180deg,#fafcfdb8,#f1f5f98f);-webkit-backdrop-filter:blur(14px) saturate(124%);backdrop-filter:blur(14px) saturate(124%);box-shadow:inset 0 1px #ffffffb8}.toggle-card:after{content:"";position:absolute;top:14px;right:14px;width:12px;height:12px;border-radius:999px;background:#58697c33;border:1px solid rgba(88,105,124,.16);box-shadow:inset 0 1px #ffffffa6;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.toggle-card input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.toggle-card strong{display:block;font-size:.98rem}.toggle-card span{display:block;margin-top:10px;line-height:1.55;color:#5b6675}.toggle-card.active{border-color:#49678557;background:linear-gradient(180deg,#f5fafffa,#e5eef7eb);box-shadow:inset 0 1px #ffffffd1,0 10px 22px #0f17230f}.toggle-card.active:after{background:linear-gradient(180deg,#5d7590,#3f556e);border-color:#3f556eb3;box-shadow:inset 0 1px #ffffff57,0 0 0 4px #5d75901f;transform:scale(1.08)}.toggle-card.active strong{color:#152131}.toggle-card.active span{color:#455364}.result-box textarea{min-height:280px;background:#08101cf2;color:#edf3fb}.result-actions{position:relative;overflow:hidden;padding:18px;border-radius:20px;background:linear-gradient(180deg,#fbfcfdbd,#f4f7fa99);border:1px solid rgba(15,23,35,.08);-webkit-backdrop-filter:blur(18px) saturate(128%);backdrop-filter:blur(18px) saturate(128%)}.action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.result-actions .action-row{margin-top:0}.empty-state{position:relative;overflow:hidden;margin-top:16px;padding:22px;border-radius:20px;background:linear-gradient(180deg,#fbfcfdb8,#f4f7fa94);border:1px solid rgba(15,23,35,.08);-webkit-backdrop-filter:blur(18px) saturate(126%);backdrop-filter:blur(18px) saturate(126%)}.empty-state strong{display:block;font-size:1rem}.empty-state p{margin:10px 0 0;line-height:1.7;color:#5a6574}.mini-section code{display:block;word-break:break-all}@media(max-width:1080px){.workspace{grid-template-columns:1fr}.panel-output{position:static}.toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar,main{width:min(100vw - 24px,1280px)}.topbar{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.panel-form,.panel-output{padding:18px}.panel:after,.stack-item:after,.advanced-panel:after{left:8%;right:8%;top:-14%;height:28%;opacity:.56}.field-grid.two,.provider-grid,.custom-grid,.toggle-grid{grid-template-columns:1fr}.action-row{flex-direction:column;align-items:stretch}.provider-head{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.provider-head .secondary-button{min-height:36px;padding:0 12px;font-size:.86rem;gap:8px;flex-shrink:0;align-self:auto}.subscription-item{padding-top:16px}.subscription-item .field>span{display:none}.node-item .field>span{display:none}.node-item .simple-grid{grid-template-columns:1fr;align-items:stretch;gap:0}.mobile-inline-action{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.mobile-inline-action>span{font-size:.88rem;color:#4f5a68}.mobile-secondary-label{display:block;margin:2px 0 10px;font-size:.88rem;color:#4f5a68}.mobile-subscription-delete,.mobile-node-delete{width:40px;height:40px;min-height:40px;flex-shrink:0}.desktop-subscription-delete,.desktop-node-delete{display:none}.brand{min-width:0;flex:1}.brand>div:last-child{min-width:0}.brand p{font-size:.9rem;line-height:1.1}.brand span{font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-mark{width:38px;height:38px}.header-link{min-height:36px;padding:0 12px;font-size:.86rem;flex-shrink:0}}