@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans SC,ui-sans-serif,system-ui,sans-serif;color:#151a2d;background:#f6f7fc;color-scheme:light;--bg: #f6f7fc;--surface: #fff;--panel-bg: rgba(255, 255, 255, .97);--glass: rgba(255, 255, 255, .92);--soft: #f7f8fc;--line: #e7e9f3;--line2: #dce0ec;--text: #141930;--muted: #7a8096;--faint: #a2a7ba;--brand: #5647f5;--brand2: #6c5bff;--brand-dark: #4234dc;--brand-soft: #efedff;--brand-softer: #f7f5ff;--blue: #3978f6;--blue-soft: #edf4ff;--green: #17b26a;--green-soft: #e9f9f1;--amber: #ef9f17;--amber-soft: #fff4e0;--danger: #ec5466;--danger-soft: #fff0f2;--ring: 0 0 0 3px rgba(86, 71, 245, .16);--radius: 16px;--radius-sm: 10px;--shadow-xs: 0 1px 2px rgba(23, 26, 60, .04);--shadow-sm: 0 3px 10px rgba(23, 26, 60, .05);--shadow: 0 12px 34px rgba(28, 30, 70, .06), 0 1px 3px rgba(28, 30, 70, .04);--shadow-lg: 0 26px 70px rgba(28, 26, 90, .16);--speed: .18s;--glow-1: rgba(102, 86, 255, .07);--glow-2: rgba(57, 120, 246, .05);--hero-grad: radial-gradient(560px 240px at 88% 8%, rgba(105, 88, 255, .16), transparent 60%), radial-gradient(420px 200px at 70% 100%, rgba(57, 120, 246, .08), transparent 60%), linear-gradient(120deg, #fff 35%, #f8f7ff);--hero-border: #e7e4fb;--scroll-thumb: #d3d6e4;--scroll-thumb-hover: #b9bdd0;--zebra: #fdfdfe;--row-hover: #faf9ff;--input-bg: #fff;--code-bg: var(--soft);--th-bg: #fafafe}[data-theme=dark]{color:#e7e9f4;background:#0e1017;color-scheme:dark;--bg: #0e1017;--surface: #171b28;--panel-bg: rgba(23, 27, 40, .94);--glass: rgba(19, 22, 33, .92);--soft: #1b2030;--line: #272d40;--line2: #333a52;--text: #e7e9f4;--muted: #9aa1b8;--faint: #66708a;--brand: #8d7fff;--brand2: #9b8eff;--brand-dark: #6a5bff;--brand-soft: rgba(125, 109, 255, .16);--brand-softer: rgba(125, 109, 255, .08);--blue: #5c8fff;--blue-soft: rgba(57, 120, 246, .16);--green: #34c98a;--green-soft: rgba(23, 178, 106, .14);--amber: #f5ab33;--amber-soft: rgba(239, 159, 23, .14);--danger: #ff7a8b;--danger-soft: rgba(236, 84, 102, .14);--ring: 0 0 0 3px rgba(125, 109, 255, .3);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .3);--shadow: 0 12px 34px rgba(0, 0, 0, .35), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 30px 80px rgba(0, 0, 0, .55);--glow-1: rgba(125, 109, 255, .1);--glow-2: rgba(92, 143, 255, .07);--hero-grad: radial-gradient(560px 240px at 88% 8%, rgba(125, 109, 255, .2), transparent 60%), radial-gradient(420px 200px at 70% 100%, rgba(92, 143, 255, .12), transparent 60%), linear-gradient(120deg, #171b28 35%, #1b1f30);--hero-border: #2c3050;--scroll-thumb: #2c3146;--scroll-thumb-hover: #3a4059;--zebra: rgba(255, 255, 255, .015);--row-hover: rgba(125, 109, 255, .06);--input-bg: #12151f;--th-bg: #1a1f2e}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:radial-gradient(1100px 480px at 82% -8%,var(--glow-1),transparent 60%),radial-gradient(900px 420px at -8% 110%,var(--glow-2),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background .25s ease,color .25s ease}::selection{background:#5647f529}[data-theme=dark] ::selection{background:#7d6dff52}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:99px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box;border:2px solid transparent}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:var(--brand);cursor:pointer;font-weight:600;text-decoration:none}a:hover{text-decoration:underline}:where(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:9px}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.pageenter{animation:pageIn .3s cubic-bezier(.2,.7,.3,1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.shell{display:grid;grid-template-columns:258px minmax(0,1fr);min-height:100vh}aside{position:sticky;top:0;height:100vh;padding:26px 16px 18px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;padding:2px 12px 30px}.brandmark{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;color:#fff;font-size:23px;font-weight:700;background:linear-gradient(145deg,#7d6dff,#4636e6);box-shadow:0 8px 20px #5647f552,inset 0 1px #ffffff59}.brand b{display:block;font-size:18px;letter-spacing:-.025em;color:var(--text)}.brand small{font-size:9px;color:var(--faint);text-transform:uppercase;letter-spacing:.11em}aside nav{display:flex;flex-direction:column;gap:2px;min-height:0;overflow-y:auto;padding:0 2px 12px;scrollbar-width:thin}.navsection{padding:20px 12px 8px;font-size:10px;font-weight:700;color:var(--faint);letter-spacing:.12em;text-transform:uppercase}.navsection:first-child{padding-top:4px}aside nav button,.sidefoot button{display:flex;align-items:center;gap:11px;width:100%;border:0;background:transparent;color:var(--muted);text-align:left;padding:9px 12px;border-radius:10px;box-shadow:none;font-weight:500;position:relative;transition:background var(--speed),color var(--speed)}aside nav button:hover,.sidefoot button:hover{background:var(--brand-softer);color:var(--brand)}aside nav button.active{color:var(--brand);background:var(--brand-soft);font-weight:650;box-shadow:inset 0 0 0 1px #5647f51a}[data-theme=dark] aside nav button.active{box-shadow:inset 0 0 0 1px #7d6dff40}aside nav button.active:before{content:"";position:absolute;left:-2px;top:22%;bottom:22%;width:3px;border-radius:99px;background:linear-gradient(180deg,var(--brand2),var(--brand-dark))}.navicon{display:grid;place-items:center;width:20px;height:20px;flex:0 0 auto}.navicon svg{width:18px;height:18px}.sidefoot{margin-top:auto;padding-top:14px;border-top:1px solid var(--line)}.sidefoot>button{width:100%}.sidefoot>small{display:block;padding:13px 12px 0;font-size:10px;color:var(--faint)}.statusdot{margin:0 8px 8px;padding:9px 10px;background:var(--green-soft);border:1px solid var(--line);border-radius:10px;color:var(--green);font-size:11px;display:flex;align-items:center;gap:8px}.statusdot i{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 3px #17b26a2e;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}main{min-width:0;padding:0 clamp(26px,4vw,58px) 80px;max-width:1620px;width:100%;margin:0 auto}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;color:var(--faint);font-size:12px}.topbar>div{display:flex;gap:12px;align-items:center}.crumb{color:var(--muted);font-weight:600}.crumb b{padding:0 7px;color:var(--line2);font-weight:400}.language{padding:7px 13px;background:var(--surface);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;display:inline-flex;align-items:center;gap:6px}.theme-toggle{display:grid;place-items:center;width:34px;height:34px;padding:0;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--muted);box-shadow:none}.theme-toggle:hover{color:var(--brand);border-color:#b9b2ff;box-shadow:none;transform:none}.theme-toggle svg{width:17px;height:17px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;font-weight:700;font-size:12px;letter-spacing:.02em;background:linear-gradient(145deg,#7d6dff,#4636e6);box-shadow:0 4px 12px #5647f547,inset 0 1px #ffffff4d}.pagehead{margin:14px 0 26px}.eyebrow{font-size:10px;color:var(--brand);font-weight:700;letter-spacing:.16em}.pagehead h1{font-size:29px;line-height:1.25;letter-spacing:-.035em;margin:7px 0 5px;color:var(--text)}.pagehead p,p,small{color:var(--muted)}.pagehead p{font-size:14px;margin:0}.panel,.card{background:var(--panel-bg);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.panel{padding:24px;margin:0 0 22px}.editor{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.editor h2{width:100%;font-size:17px;letter-spacing:-.015em;margin:0 0 9px;color:var(--text)}.editor textarea,.editor ol,.editor hr,.editor h3{width:100%}.editor h3{font-size:15px;margin:2px 0;color:var(--text)}.editor ol{margin:0;padding-left:24px;color:var(--muted)}.editor li{padding:5px 0}.editor hr{border:0;border-top:1px solid var(--line);margin:10px 0}.editor>small{width:100%;min-height:18px}input,select,textarea,button{border-radius:10px}input,select,textarea{border:1px solid var(--line2);background:var(--input-bg);color:var(--text);padding:10px 12px;outline:0;transition:border-color var(--speed),box-shadow var(--speed),background var(--speed)}input:hover,select:hover,textarea:hover{border-color:var(--faint)}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:var(--faint)}input.wide{flex:1;min-width:300px}textarea{height:180px;resize:vertical;line-height:1.65}label{color:var(--muted);font-size:13px}input[type=checkbox]{accent-color:var(--brand);vertical-align:-2px;margin-right:7px}input[type=number]{width:130px}button{border:0;background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;padding:10px 15px;font-weight:650;box-shadow:0 5px 14px #5647f52e;transition:transform var(--speed),box-shadow var(--speed),background var(--speed),filter var(--speed)}button:hover{background:linear-gradient(135deg,#6657ff,var(--brand-dark));box-shadow:0 8px 18px #5647f53d;transform:translateY(-1px)}button:active{transform:translateY(0);box-shadow:0 3px 8px #5647f529}button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.secondary,.ghost{background:var(--soft);color:var(--muted);box-shadow:none}.secondary:hover,.ghost:hover{background:var(--brand-softer);color:var(--brand);box-shadow:none}.ghost{background:var(--surface);border:1px solid var(--line2)}.danger{background:var(--danger-soft);color:var(--danger);box-shadow:none;margin-left:7px}.danger:hover{background:var(--danger-soft);color:var(--danger);filter:brightness(1.15);box-shadow:none}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.card{padding:19px;transition:transform var(--speed),box-shadow var(--speed),border-color var(--speed)}.card:hover{border-color:var(--brand-soft);box-shadow:var(--shadow);transform:translateY(-2px)}.card p{font-size:13px;margin:10px 0 14px}.card em,.error,em{color:var(--danger);font-style:normal;font-size:13px}.card code{display:block;color:var(--muted);overflow-wrap:anywhere}.cardhead{display:flex;align-items:center;justify-content:space-between;gap:14px}.cardhead h3{font-size:16px;margin:0;letter-spacing:-.01em;color:var(--text)}.cardhead span{font-size:10px;font-weight:700;color:var(--brand);background:var(--brand-soft);padding:4px 9px;border-radius:999px;white-space:nowrap}.cardhead span.ok{color:var(--green);background:var(--green-soft)}.cardhead span.err{color:var(--danger);background:var(--danger-soft)}.cardhead span.warn{color:var(--amber);background:var(--amber-soft)}.cardhead span.muted{color:var(--muted);background:var(--soft);border:1px solid var(--line)}.checks{display:flex;gap:8px;flex-wrap:wrap;width:100%}.checks label{padding:7px 11px;background:var(--soft);border:1px solid var(--line);border-radius:9px}.link{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:9px;margin:10px 0;align-items:center}.link span{font-size:11px;font-weight:700;color:var(--muted);text-transform:capitalize}.link code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:9px 11px;background:var(--soft);border:1px solid var(--line);border-radius:8px;color:var(--muted)}.link button{padding:8px 11px;font-size:11px}.code,pre,code{font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace}pre{margin:12px 0 0;padding:13px;background:var(--code-bg);border:1px solid var(--line);border-radius:9px;white-space:pre-wrap;color:var(--muted);max-height:200px;overflow:auto}.traffic{padding:10px 12px;margin:0 0 14px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.traffic b{display:block;font-size:12px;color:var(--text)}.traffic i{display:block;height:5px;margin-top:8px;background:var(--line);border-radius:99px;overflow:hidden}.traffic i span{display:block;height:100%;background:linear-gradient(90deg,#7b6cff,var(--brand));border-radius:inherit;transition:width .6s ease}.successmsg{color:var(--green)}.fieldhint{width:100%;color:var(--faint)}.tablewrap{border:1px solid var(--line);border-radius:13px;overflow:hidden;box-shadow:var(--shadow-sm);background:var(--surface)}table{border-collapse:separate;border-spacing:0;width:100%;font-size:12px}td,th{text-align:left;padding:12px 13px;border-bottom:1px solid var(--line);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}th{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--faint);background:var(--th-bg);font-weight:700;position:sticky;top:0;z-index:1}tbody tr{transition:background var(--speed)}tbody tr:hover{background:var(--row-hover)}tbody tr:last-child td{border-bottom:0}tbody tr:nth-child(2n){background:var(--zebra)}tbody tr:nth-child(2n):hover{background:var(--row-hover)}td .pill,.pill{display:inline-block;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:700;color:var(--muted);background:var(--soft);border:1px solid var(--line)}.pill.ok{color:var(--green);background:var(--green-soft);border-color:transparent}.pill.err{color:var(--danger);background:var(--danger-soft);border-color:transparent}.pill.run{color:var(--blue);background:var(--blue-soft);border-color:transparent}.pill.warn{color:var(--amber);background:var(--amber-soft);border-color:transparent}.tablenote{margin:0 0 10px;font-size:11px;color:var(--faint)}.instant{padding:26px 29px;margin-bottom:20px}.instant .sectiontitle em{color:var(--green);background:var(--green-soft);padding:6px 10px;border-radius:99px;font-size:10px}.instantgrid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.8fr);gap:24px}.instantgrid label{display:block;margin:0 0 9px;color:var(--text);font-weight:650}.instant textarea{width:100%;height:178px;background:var(--input-bg)}.targetbox{display:flex;flex-direction:column}.targetchoices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.targetchoices button{display:flex;align-items:center;gap:8px;min-height:57px;padding:12px;background:var(--surface);border:1px solid var(--line2);color:var(--muted);box-shadow:none;text-align:left}.targetchoices button:hover,.targetchoices button.chosen{background:var(--brand-softer);border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 2px #5647f50f}.targetchoices i{font-style:normal;color:var(--brand)}.targetchoices b{font-size:12px}.convertbtn{margin-top:auto;width:100%;padding:13px}.convertmsg{margin-top:15px;padding:12px;border-radius:9px;background:var(--danger-soft);color:var(--danger);font-size:12px}.conversion{display:grid;grid-template-columns:1fr auto;gap:13px;margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.conversion>div:first-child b{display:block;font-size:13px;color:var(--green)}.conversion>div:first-child span{display:block;margin-top:3px;color:var(--muted);font-size:10px}.conversion pre,.conversion details{grid-column:1 / -1}.conversion pre{max-height:300px}.resultactions{display:flex;gap:8px}.conversion details summary{cursor:pointer;color:var(--danger);font-size:12px}.importstudio{padding:28px}.studiohead{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:22px}.studiohead>div:first-child>span{font-size:10px;color:var(--brand);font-weight:750;letter-spacing:.1em}.studiohead h2{font-size:20px;margin:5px 0 6px;letter-spacing:-.02em;color:var(--text)}.studiohead p{font-size:12px;margin:0}.modeswitch{display:flex;padding:4px;border:1px solid var(--line2);border-radius:12px;background:var(--soft)}.modeswitch button{background:transparent;color:var(--muted);box-shadow:none;padding:9px 13px}.modeswitch button:hover{transform:none;box-shadow:none;background:transparent}.modeswitch button.active{background:var(--surface);color:var(--brand);box-shadow:var(--shadow-xs)}.studioname{display:grid;grid-template-columns:minmax(240px,430px) 1fr;gap:14px;align-items:end;padding:14px 16px;margin-bottom:14px;background:var(--soft);border:1px solid var(--line);border-radius:11px}.studioname label{display:grid;gap:6px;font-weight:700;color:var(--text)}.studioname small{padding-bottom:10px}.importitems{display:grid;gap:12px}.importitems article{padding:16px;border:1px solid var(--line2);border-radius:12px;background:var(--surface);transition:border-color var(--speed),box-shadow var(--speed)}.importitems article:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.importitemhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.importitemhead>div{display:flex;align-items:center;gap:8px}.importitemhead b{font-size:12px;color:var(--text)}.importitemhead span{padding:4px 8px;border-radius:99px;background:var(--brand-soft);color:var(--brand);font-size:9px;font-weight:700}.iconbtn{min-width:30px;padding:6px 8px;background:var(--soft);color:var(--muted);box-shadow:none}.iconbtn:hover{background:var(--brand-softer);color:var(--brand);box-shadow:none}.iconbtn.remove{color:var(--danger)}.importitems input{width:100%;margin-bottom:8px}.importitems textarea{width:100%;height:92px;min-height:92px}.addsource{width:100%;margin:12px 0 20px;background:var(--soft);color:var(--brand);border:1px dashed var(--brand);box-shadow:none;font-weight:600}.addsource:hover{background:var(--brand-softer);box-shadow:none}.templatesection{padding-top:18px;border-top:1px solid var(--line)}.templatesection>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.templatesection>div:first-child>b{font-size:13px;color:var(--text)}.templatechoices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.templatechoices button{position:relative;display:grid;gap:5px;text-align:left;padding:15px 15px 14px;background:var(--soft);color:var(--text);border:1px solid var(--line);box-shadow:none}.templatechoices button:hover{background:var(--brand-softer);box-shadow:none;border-color:var(--brand)}.templatechoices button.selected{background:var(--brand-softer);border-color:var(--brand);box-shadow:0 0 0 2px #5647f512}.templatechoices i{position:absolute;right:12px;top:11px;color:var(--brand);font-style:normal}.templatechoices b{font-size:14px;color:var(--text)}.templatechoices span{font-size:10px;color:var(--muted)}.templatechoices small{font-size:9px;color:var(--faint)}.studiofooter{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.studiofooter>div{min-height:18px}.importresult{margin-top:18px;padding:16px;border:1px solid var(--green);border-radius:12px;background:var(--green-soft)}.importresult.failed{border-color:var(--danger);background:var(--danger-soft)}.resultsummary{display:flex;justify-content:space-between;align-items:center;gap:12px}.resultsummary b,.resultsummary span{display:block}.resultsummary b{color:var(--text)}.resultsummary span{font-size:10px;color:var(--muted);margin-top:3px}.importresult>code{display:block;margin-top:10px;padding:10px 12px;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.importstatuses{margin-top:12px}.importstatuses p{display:grid;grid-template-columns:auto minmax(100px,.5fr) minmax(0,1fr);gap:9px;align-items:center;margin:6px 0;font-size:11px}.importstatuses i{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--green-soft);color:var(--green);font-style:normal}.importstatuses i.error{background:var(--danger-soft);color:var(--danger)}.importstatuses span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.advancedsource{margin:0 0 20px}.advancedsource>summary{display:inline-flex;padding:9px 12px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:700;cursor:pointer;list-style:none;transition:border-color var(--speed),color var(--speed)}.advancedsource>summary:hover{border-color:var(--brand);color:var(--brand)}.advancedsource[open]>summary{margin-bottom:10px}.advancedsource .editor{margin-bottom:0}.sourceguide{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,var(--surface) 30%,var(--brand-softer))}.sourceguide span,.sourcedetail .sectiontitle span{font-size:10px;color:var(--brand);font-weight:750;letter-spacing:.1em}.sourceguide h2{font-size:18px;margin:5px 0 6px;color:var(--text)}.sourceguide p{font-size:12px;line-height:1.65;margin:0;max-width:720px}.sourceguide ol{display:flex;gap:9px;list-style:none;padding:0;margin:0;white-space:nowrap}.sourceguide li{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:11px}.sourceguide li b{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-size:10px}.sourceactions{display:flex;gap:7px;flex-wrap:wrap}.sourceactions button{padding:8px 11px;font-size:11px}.sourceactions .danger{margin-left:auto}.quickops{margin:0 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--soft);padding:0}.quickops>summary{display:flex;align-items:center;gap:7px;padding:10px 12px;cursor:pointer;font-size:11.5px;font-weight:700;color:var(--muted);list-style:none;transition:color var(--speed)}.quickops>summary:hover{color:var(--brand)}.quickops>summary:before{content:"▸";transition:transform var(--speed);color:var(--faint)}.quickops[open]>summary:before{transform:rotate(90deg)}.quickops>summary .opbadge{margin-left:auto;padding:2px 8px;border-radius:999px;font-size:9.5px;background:var(--brand-soft);color:var(--brand)}.quickops>summary .opbadge:empty{display:none}.quickops .opchips{display:flex;flex-wrap:wrap;gap:7px;padding:2px 12px 10px}.quickops .opchips button{padding:6px 11px;font-size:11px;font-weight:600;background:var(--surface);color:var(--muted);border:1px solid var(--line2);box-shadow:none}.quickops .opchips button:hover{background:var(--brand-softer);border-color:var(--brand);color:var(--brand);box-shadow:none;transform:none}.quickops .opchips button.on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 3px 9px #5647f540}.quickops .prefixinput{margin:0 12px 10px;width:calc(100% - 24px)}.quickops>small{display:block;padding:0 12px 10px;font-size:10.5px}.sourcedetail{margin-top:20px}.detailstats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.detailstats article{padding:13px 14px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.detailstats b{display:block;font-size:15px;color:var(--text)}.detailstats small{display:block;margin-top:3px;font-size:10px}.clashlink{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;margin:0 0 16px;background:var(--brand-softer);border:1px solid var(--brand);border-radius:11px}.clashlink span{display:block;color:var(--brand);font-size:10px;font-weight:750;margin-bottom:5px}.clashlink code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.nodetoolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.nodetoolbar .searchbox{position:relative;flex:1;min-width:200px}.nodetoolbar .searchbox svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--faint);pointer-events:none}.nodetoolbar .searchbox input{width:100%;padding-left:33px}.nodetoolbar select{padding:8px 10px;font-size:11.5px}.nodetoolbar .count{font-size:11px;color:var(--faint);margin-left:auto;white-space:nowrap}.nodetable{border:1px solid var(--line);border-radius:11px;overflow:hidden}.nodehead,.noderow{display:grid;grid-template-columns:minmax(170px,1.5fr) 74px minmax(170px,1fr) 62px 56px;gap:10px;align-items:center;padding:10px 13px}.nodehead{background:var(--th-bg);color:var(--faint);font-size:10px;font-weight:700}.noderow{border-top:1px solid var(--line);font-size:11.5px}.noderow:hover{background:var(--row-hover)}.noderow b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-weight:600}.noderow code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.proto{display:inline-block;padding:2px 8px;border-radius:999px;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;text-align:center;color:#fff;background:#7a8096}.proto.ss{background:linear-gradient(135deg,#38bdf8,#2563eb)}.proto.ssr{background:linear-gradient(135deg,#34d399,#059669)}.proto.vmess{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.proto.vless{background:linear-gradient(135deg,#f472b6,#db2777)}.proto.trojan{background:linear-gradient(135deg,#fb923c,#ea580c)}.proto.hysteria,.proto.hysteria2,.proto.tuic{background:linear-gradient(135deg,#fbbf24,#d97706)}.proto.wireguard{background:linear-gradient(135deg,#64748b,#334155)}.proto.socks,.proto.socks5{background:linear-gradient(135deg,#2dd4bf,#0d9488)}.proto.http,.proto.https{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.proto.anytls{background:linear-gradient(135deg,#c084fc,#9333ea)}.proto.other{background:#7a8096}.regionchip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;background:var(--soft);border:1px solid var(--line);color:var(--muted)}.nodetransport{font-size:10px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.noderow .nodename{display:flex;flex-direction:column;gap:2px;min-width:0}.noderow .nodename small{font-size:9.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.parseerrors{margin-top:14px;color:var(--danger)}.dashboard{padding-bottom:10px}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;min-height:300px;padding:38px 42px;margin-bottom:20px;border:1px solid var(--hero-border);border-radius:20px;background:var(--hero-grad);box-shadow:var(--shadow);overflow:hidden}.herotag{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;background:var(--brand-soft);color:var(--brand);font-size:10px;font-weight:700;letter-spacing:.08em}.herotag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand)}.hero h1{font-size:38px;line-height:1.16;letter-spacing:-.045em;margin:14px 0 10px;color:var(--text)}.hero h1 strong{color:var(--brand)}.hero p{max-width:660px;font-size:14px;line-height:1.75;margin:0}.heroactions{display:flex;gap:10px;margin-top:24px}.heroactions .ghost{background:var(--surface);border:1px solid var(--line2)}.heroart{position:relative;height:220px}.orbit{position:absolute;left:5%;top:46%;width:94%;height:58px;border:2px solid rgba(86,71,245,.4);border-radius:50%;transform:rotate(8deg)}[data-theme=dark] .orbit{border-color:#7d6dff73}.orbit.two{top:51%;transform:rotate(-5deg);border-color:#3d7df62e}.floatcard{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:116px;height:136px;border-radius:24px;background:var(--panel-bg);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:rotate(9deg);animation:floaty 7s ease-in-out infinite}.floatcard.two{animation-delay:-3.5s}@keyframes floaty{0%,to{translate:0 0}50%{translate:0 -9px}}.floatcard b{display:grid;place-items:center;width:62px;height:62px;border-radius:17px;font-size:28px}.floatcard span{font-size:12px;font-weight:700;color:var(--muted)}.floatcard.clash{left:17%;top:22px}.floatcard.clash b{background:linear-gradient(145deg,#232b50,#10162e);color:#fff;box-shadow:0 10px 24px #10162e59}.floatcard.rocket{right:14%;top:57px;transform:rotate(8deg)}.floatcard.rocket b{background:#f6f8ff;color:#5d8eff;box-shadow:0 10px 24px #5d8eff38}.dot{position:absolute;width:12px;height:12px;background:#796aff;border-radius:50%;box-shadow:0 0 0 8px #796aff17}.d1{left:9%;top:112px}.d2{right:6%;top:132px;background:#3a79e8}.d3{left:55%;top:175px;width:7px;height:7px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.stats article{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:18px 19px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);transition:transform var(--speed),box-shadow var(--speed),border-color var(--speed)}.stats article:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--brand-soft)}.stats article>em{grid-column:2;color:var(--faint);font-size:10px;font-style:normal}.stats b{display:block;font-size:23px;line-height:1.1;letter-spacing:-.02em;color:var(--text)}.stats small{font-size:11px}.staticon,.featureicon{display:grid;place-items:center;border-radius:13px;font-size:20px}.staticon{width:43px;height:43px}.purple{color:#654ff7;background:var(--brand-soft)}.blue{color:#3978f6;background:var(--blue-soft)}.green{color:#16a85f;background:var(--green-soft)}.amber{color:#ee9b10;background:var(--amber-soft)}.workflow{padding:25px 28px}.sectiontitle{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.sectiontitle span{font-size:10px;color:var(--brand);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.sectiontitle h2{font-size:18px;margin:4px 0 0;letter-spacing:-.02em;color:var(--text)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.steps button{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;padding:17px;background:var(--soft);color:var(--text);border:1px solid var(--line);box-shadow:none}.steps button:hover{background:var(--brand-softer);border-color:var(--brand);box-shadow:none}.steps button i{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--brand-soft);color:var(--brand);font-style:normal;font-size:12px;font-weight:700}.steps button b,.featuregrid b{display:block;font-size:13px;color:var(--text)}.steps button small,.featuregrid small{display:block;font-size:10px;line-height:1.55;margin-top:3px}.steps button>span{color:var(--faint)}.featuregrid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:20px}.featuregrid article{display:flex;gap:14px;align-items:center;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);transition:transform var(--speed),box-shadow var(--speed),border-color var(--speed)}.featuregrid article:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--brand-soft)}.featureicon{flex:0 0 auto;width:43px;height:43px}.recent{padding:24px 28px}.recentlist>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto 180px;gap:13px;align-items:center;padding:13px 4px;border-top:1px solid var(--line)}.recentlist b{display:block;font-size:12px;color:var(--text)}.recentlist small{display:block;font-size:10px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recentlist em{color:var(--green);background:var(--green-soft);padding:5px 8px;border-radius:99px;font-size:10px;font-style:normal}.recentlist time{font-size:10px;color:var(--faint)}.sourcebadge{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand-soft);color:var(--brand)}.sourcebadge.error{background:var(--danger-soft);color:var(--danger)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 20px;color:var(--muted)}.empty>span{display:grid;place-items:center;width:54px;height:54px;border-radius:18px;background:var(--brand-soft);color:var(--brand);font-size:24px;margin-bottom:6px}.empty b{margin:8px 0 3px;color:var(--text);font-size:14px}.empty small{margin-bottom:14px;font-size:11px}.tabcard{padding:10px;margin-bottom:20px;position:sticky;top:12px;z-index:30}.tabsbar{display:flex;gap:6px;flex-wrap:wrap}.tabsbar button{padding:9px 15px;font-size:12.5px;background:transparent;color:var(--muted);box-shadow:none;font-weight:600;border-radius:9px;transition:all var(--speed)}.tabsbar button:hover{background:var(--brand-softer);color:var(--brand);box-shadow:none;transform:none}.tabsbar button.active{background:linear-gradient(135deg,var(--brand2),var(--brand));color:#fff;box-shadow:0 4px 12px #5647f540}@media(max-width:760px){.tabsbar{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.tabsbar button{white-space:nowrap}}.toasts{position:fixed;top:18px;right:18px;z-index:200;display:flex;flex-direction:column;gap:10px;width:min(360px,calc(100vw - 36px));pointer-events:none}.toast{pointer-events:auto;position:relative;display:flex;align-items:flex-start;gap:11px;padding:13px 34px 13px 14px;background:var(--panel-bg);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow-lg);overflow:hidden;animation:toastIn .28s cubic-bezier(.2,.8,.3,1.1)}@keyframes toastIn{0%{opacity:0;transform:translate(24px) scale(.97)}to{opacity:1;transform:none}}.toast.out{animation:toastOut .22s ease forwards}@keyframes toastOut{to{opacity:0;transform:translate(20px) scale(.97)}}.toast:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--brand2),var(--brand));transform-origin:left;animation:toastbar 4s linear forwards}.toast.out:after{animation:none}@keyframes toastbar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast.success:after{background:linear-gradient(90deg,#34d286,var(--green))}.toast.error:after{background:linear-gradient(90deg,#ff8b98,var(--danger))}.toast.info:after{background:linear-gradient(90deg,#6ea4ff,var(--blue))}.toast>i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;flex:0 0 auto;font-style:normal;font-size:14px;font-weight:700;color:#fff}.toast.success>i{background:linear-gradient(145deg,#2fc87e,#12a35c)}.toast.error>i{background:linear-gradient(145deg,#ff7283,#e04357)}.toast.info>i{background:linear-gradient(145deg,#5b93ff,#2f6ce0)}.toast b{display:block;font-size:12px;color:var(--text);margin:2px 0 1px}.toast span{display:block;font-size:11px;color:var(--muted);line-height:1.5}.toast .tclose{position:absolute;top:8px;right:8px;padding:2px 6px;background:transparent;color:var(--faint);box-shadow:none;font-size:14px;line-height:1}.toast .tclose:hover{color:var(--text);background:var(--soft);transform:none}.modal-overlay{position:fixed;inset:0;z-index:150;display:grid;place-items:center;padding:24px;background:#0a0c1880;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .18s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:min(560px,100%);max-height:min(82vh,760px);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);animation:modalIn .22s cubic-bezier(.2,.8,.3,1.05);overflow:hidden}.modal.wide{width:min(880px,100%)}@keyframes modalIn{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px 13px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:16px;letter-spacing:-.015em;display:flex;align-items:center;gap:9px;color:var(--text)}.modal-head h3>i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:var(--brand-soft);color:var(--brand);font-style:normal;font-size:13px}.modal-head h3.danger-title>i{background:var(--danger-soft);color:var(--danger)}.modal-close{padding:4px 9px;background:transparent;color:var(--faint);box-shadow:none;font-size:16px;line-height:1}.modal-close:hover{background:var(--soft);color:var(--text);transform:none;box-shadow:none}.modal-body{padding:18px 20px;overflow-y:auto;font-size:13px;color:var(--muted);line-height:1.65}.modal-body pre{margin:0;max-height:48vh;font-size:11.5px;white-space:pre-wrap;background:var(--code-bg);border:1px solid var(--line);border-radius:10px;padding:13px;color:var(--muted)}.modal-foot{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px 17px;border-top:1px solid var(--line);background:var(--soft)}.modal-foot .danger{margin-left:0}.modal-foot button{min-width:84px}.optionlist{display:grid;gap:8px}.optionlist button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:12px 14px;background:var(--soft);border:1px solid var(--line);color:var(--text);box-shadow:none;font-weight:600;font-size:12.5px}.optionlist button:hover{background:var(--brand-softer);border-color:var(--brand);color:var(--brand);box-shadow:none}.optionlist button small{font-weight:500}.optionlist button.opt-danger:hover{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.editform{display:grid;gap:14px;min-width:420px}.editform .field{display:grid;gap:6px}.editform .field>label{font-weight:600;color:var(--text);font-size:12.5px}.editform .field input,.editform .field select{width:100%}.editform .field .edittextarea{width:100%;height:170px;min-height:110px}.editform .field.checkrow{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text);font-size:12.5px;cursor:pointer}.editform .checks{display:flex;gap:8px;flex-wrap:wrap;max-height:160px;overflow-y:auto}.editform .formerr{color:var(--danger);font-weight:500}.editform .formactions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:4px}.editform .formactions button{min-width:110px}.editform .formactions small{color:var(--faint)}.statline{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:15px}.statline>div{padding:10px 12px;background:var(--soft);border:1px solid var(--line);border-radius:10px}.statline b{display:block;font-size:15px;color:var(--text)}.statline small{display:block;margin-top:2px;font-size:10px}.probelist{display:grid;gap:5px;max-height:44vh;overflow-y:auto}.probelist>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:9px;background:var(--soft);border:1px solid var(--line);font-size:12px}.probelist i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--green-soft);color:var(--green);font-style:normal;font-weight:700}.probelist i.fail{background:var(--danger-soft);color:var(--danger)}.probelist em{font-style:normal;color:var(--muted);font-size:11px}.snaplist{display:grid;gap:6px;max-height:44vh;overflow-y:auto}.snaplist button{display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;padding:11px 13px;background:var(--soft);border:1px solid var(--line);color:var(--text);box-shadow:none;font-size:12px}.snaplist button:hover{background:var(--brand-softer);border-color:var(--brand);color:var(--brand);box-shadow:none}.snaplist button small{font-weight:500}.stepbrowser{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;min-height:320px}.steprail{display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line);padding-right:14px}.steprail button{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;text-align:left;padding:10px 12px;background:var(--soft);border:1px solid transparent;color:var(--text);box-shadow:none;font-size:12px;font-weight:600}.steprail button:hover{background:var(--brand-softer);box-shadow:none}.steprail button.active{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.steprail i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:var(--surface);color:var(--muted);font-style:normal;font-size:10px;font-weight:700;border:1px solid var(--line)}.steprail button.active i{background:var(--brand);color:#fff;border-color:transparent}.steprail em{font-style:normal;font-size:10px;color:var(--faint)}.stepbody{min-width:0}.stepsignal{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.stepsignal .deltabox{display:grid;place-items:center;min-width:74px;padding:8px 12px;border-radius:10px;background:var(--soft);border:1px solid var(--line);text-align:center}.stepsignal .deltabox b{display:block;font-size:17px;color:var(--text)}.stepsignal .deltabox small{font-size:9px}.delta-add{color:var(--green)!important}.delta-del{color:var(--danger)!important}.diffrow{display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:7px 11px;border-radius:8px;font-size:12px;margin-bottom:4px}.diffrow.add{background:var(--green-soft)}.diffrow.del{background:var(--danger-soft)}.diffrow i{font-style:normal;font-weight:700;font-size:11px}.diffrow.add i{color:var(--green)}.diffrow.del i{color:var(--danger)}.diffrow b{color:var(--text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.diffrow small{text-align:right;font-size:9.5px}.diffhint{font-size:11px;color:var(--faint);margin:8px 0}.procwizard{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:22px;width:100%}.proccol{min-width:0}.procblocktitle{display:block;font-size:13px;margin:0 0 8px;color:var(--text)}.procblocktitle:not(:first-child){margin-top:16px}.procstepcol,.procform{display:flex;flex-direction:column;gap:10px}.procform .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.procform .row>*{flex:1;min-width:150px}.procform .row>button{flex:0 0 auto}.procchecks{display:flex;gap:7px;flex-wrap:wrap}.procchecks label{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;cursor:pointer;background:var(--soft);border:1px solid var(--line);border-radius:9px;font-size:12px;font-weight:600;color:var(--muted);transition:all var(--speed)}.procchecks label.on{background:var(--brand-soft);border-color:var(--brand);color:var(--brand)}.procchecks input{display:none}.procsteps{display:grid;gap:6px}.procsteps>div{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;background:var(--soft);border:1px solid var(--line);border-radius:10px;font-size:12px}.procsteps i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--brand-soft);color:var(--brand);font-style:normal;font-weight:700;font-size:11px}.procsteps b{color:var(--text);font-weight:650;font-size:12px}.procsteps small{display:block;font-size:10.5px;color:var(--faint);margin-top:2px}.procsteps .rmstep{background:transparent;color:var(--faint);box-shadow:none;padding:2px 7px}.procsteps .rmstep:hover{background:var(--danger-soft);color:var(--danger);transform:none;box-shadow:none}.presets{display:flex;gap:7px;flex-wrap:wrap}.presets button{padding:7px 11px;font-size:11px;background:var(--soft);color:var(--muted);border:1px dashed var(--line2);box-shadow:none;font-weight:600}.presets button:hover{background:var(--brand-softer);border-color:var(--brand);color:var(--brand);box-shadow:none}.procname{display:grid;gap:6px;width:100%}.procname input{width:100%}.procname small{font-size:11px}.center{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(700px 420px at 72% 16%,rgba(105,88,255,.13),transparent 60%),radial-gradient(520px 340px at 18% 92%,rgba(57,120,246,.08),transparent 55%),var(--bg)}.auth{width:min(410px,92vw);padding:36px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);display:grid;gap:13px;animation:modalIn .3s cubic-bezier(.2,.8,.3,1.05)}.auth:before{content:"ϟ";display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:linear-gradient(145deg,#7d6dff,#4636e6);color:#fff;font-size:28px;box-shadow:0 10px 26px #5647f559,inset 0 1px #ffffff59}.auth h1{font-size:25px;letter-spacing:-.035em;margin:0;color:var(--text)}.auth p{font-size:13px;margin:0 0 6px}.auth input{padding:12px 13px}.auth button{padding:12px;margin-top:4px}.auth em{min-height:18px;font-style:normal;color:var(--danger);font-size:12px}.spinner{width:40px;height:40px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:s .8s linear infinite}@keyframes s{to{transform:rotate(360deg)}}@media(max-width:1100px){.shell{grid-template-columns:212px minmax(0,1fr)}.hero{grid-template-columns:1fr;padding:34px}.heroart{display:none}.stats,.featuregrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.recentlist>div{grid-template-columns:auto minmax(0,1fr) auto}.recentlist time{display:none}.templatechoices,.stepbrowser{grid-template-columns:1fr}.steprail{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 0 10px}.steprail button{white-space:nowrap}.procwizard{grid-template-columns:1fr}}@media(max-width:760px){.shell{display:block}aside{position:sticky;height:auto;padding:10px 12px;border-right:0;border-bottom:1px solid var(--line);overflow:hidden}.brand{padding:2px 6px 10px}.brand small,.navsection,.sidefoot{display:none}aside nav{flex-direction:row;overflow-x:auto;padding:0}aside nav button{white-space:nowrap;padding:9px 11px}aside nav button.active:before{display:none}.navicon{display:none}main{padding:0 15px 45px}.topbar{height:56px}.language{display:none}.pagehead{margin-top:10px}.pagehead h1{font-size:25px}.hero{padding:26px 22px;min-height:0}.hero h1{font-size:31px}.stats,.featuregrid{grid-template-columns:1fr 1fr}.cards,.link{grid-template-columns:1fr}.link button{justify-self:start}.editor>*{max-width:100%}.recentlist>div{grid-template-columns:auto minmax(0,1fr)}.recentlist em{display:none}.sourceguide{display:block}.sourceguide ol{margin-top:16px;overflow-x:auto}.nodehead{display:none}.noderow{grid-template-columns:1fr 1fr}.detailstats,.clashlink{grid-template-columns:1fr}.clashlink button{justify-self:start}.studiohead{display:block}.modeswitch{margin-top:15px;width:max-content}.studioname{grid-template-columns:1fr}.studiofooter{align-items:flex-start;flex-direction:column}.studiofooter button{width:100%}.statline{grid-template-columns:1fr 1fr}.steprail{flex-direction:row}}@media(max-width:480px){main{padding-inline:10px}.panel,.recent,.workflow{padding:18px}.card{padding:17px}.editor>*{width:100%}input.wide{min-width:0}.hero h1{font-size:27px}.heroactions{flex-direction:column}.stats,.featuregrid{grid-template-columns:1fr}.topbar .crumb{max-width:230px;overflow:hidden;white-space:nowrap}.sectiontitle{align-items:flex-start}.steps button{padding:14px}.sourceguide ol{display:grid}.sourceactions button,.sourceactions .danger{flex:1;margin-left:0}.noderow,.statline{grid-template-columns:1fr}.modal{max-height:90vh}}