:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.4;font-weight:400;color-scheme:dark;color:#ffffffeb;background:#0b0f19}body{margin:0;min-height:100vh}.appShell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}.sidebar{position:sticky;top:0;align-self:start;height:100vh;border-right:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:18px 14px}.brand{font-size:15px;font-weight:700;margin:0 0 14px;color:#ffffffeb}.nav{display:flex;flex-direction:column;gap:8px}.nav a{text-decoration:none;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffd1;font-size:13px}.nav a:hover{background:#ffffff14}.nav a.active{border-color:#4eaaff73;background:#4eaaff1f;color:#fffffff2}.sidebarFooter{margin-top:14px;font-size:11px;color:#ffffff8c}.main{padding:40px 18px}.container{max-width:980px;margin:0 auto}.header h1{margin:0 0 6px;font-size:34px}.sub{margin:0 0 22px;color:#ffffffa6}.card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:18px;margin:14px 0;box-shadow:0 8px 30px #00000040}.card h2{margin:0 0 12px;font-size:18px}.row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(255,255,255,.08)}.row:first-of-type{border-top:none;padding-top:0}.label{color:#ffffffb3}.value{font-weight:600}.muted{color:#fff9}.small{font-size:13px;margin-top:10px}.btn{margin-top:12px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.16);background:#ffffff1a;color:#ffffffeb;cursor:pointer}.btn:hover{background:#ffffff29}.mt12{margin-top:12px}.mt8{margin-top:8px}.cardSub{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}.cardSub h3{margin:0 0 10px;font-size:14px;color:#ffffffdb}.formgrid{display:grid;grid-template-columns:1fr 220px;gap:12px}.field.full{grid-column:1 / -1}.field label{display:block;font-size:12px;color:#ffffffb3;margin-bottom:6px}.hint{font-size:11px;color:#ffffff8c;margin-top:6px}.input,.textarea{width:100%;box-sizing:border-box;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#ffffffeb;padding:10px 12px;outline:none}.textarea{resize:vertical;min-height:42px}.checkline{display:inline-flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.btn.primary{border-color:#4eaaff73}.btn.danger{border-color:#ff545473}.tableWrap{overflow-x:auto}.table{min-width:820px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.thead{display:grid;grid-template-columns:160px 1fr 160px 140px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.08)}.th{padding:10px 12px;font-size:12px;color:#ffffffb3}.trow{display:grid;grid-template-columns:160px 1fr 160px 140px;border-bottom:1px solid rgba(255,255,255,.08)}.trow:last-child{border-bottom:none}.tcell{padding:10px 12px}.tcell.actions{display:flex;gap:10px;align-items:flex-start}.error{color:#ff7878f2}.modal.hidden{display:none}.modal{position:fixed;inset:0;z-index:9999}.modalBackdrop{position:absolute;inset:0;background:#0000008c}.modalCard{position:relative;width:min(560px,calc(100% - 24px));margin:80px auto;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:#14161cf5;box-shadow:0 20px 80px #00000073;overflow:hidden}.modalHeader{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.modalBody{padding:14px 16px 16px}.varsList{margin:10px 0 0;padding-left:18px}.varsList code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;padding:2px 6px;border-radius:8px;background:#ffffff14;border:1px solid rgba(255,255,255,.1)}.codeblock{margin:10px 0 0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f;overflow:auto;font-size:12px}.labelRow{display:flex;align-items:center;justify-content:space-between;gap:10px}.iconBtn{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#ffffffd9;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.iconBtn:hover{background:#ffffff1f}.presetToolbar{display:grid;grid-template-columns:1fr 220px;gap:12px}.presetActions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.presetList{display:flex;flex-direction:column;gap:10px}.presetRow{display:grid;grid-template-columns:160px 1fr;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.presetLeft{display:flex;flex-direction:column;gap:6px}.varsToolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.varsTable{min-width:820px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.varsHead{display:grid;grid-template-columns:240px 1fr 140px;background:#ffffff0f;border-bottom:1px solid rgba(255,255,255,.08)}.varsRow{display:grid;grid-template-columns:240px 1fr 140px;border-bottom:1px solid rgba(255,255,255,.08)}.varsRow:last-child{border-bottom:none}.presetRow2{display:grid;grid-template-columns:1fr 260px;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;align-items:center}.presetTitle{font-weight:700;font-size:14px;color:#ffffffeb}.presetChips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;font-size:11px;color:#ffffffbf}.chip.ok{border-color:#4eaaff66;background:#4eaaff1a;color:#ffffffe6}.chip.warn{border-color:#ffaa4e66;background:#ffaa4e1a;color:#ffffffe6}.chip.neutral{border-color:#ffffff1f;background:#ffffff0a}.chip.mutedChip{border-color:#ffffff1a;background:#ffffff08;color:#ffffffa6}.presetControls{display:flex;justify-content:flex-end;align-items:center;gap:12px}.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:#ffffff24;border:1px solid rgba(255,255,255,.14);transition:.18s ease;border-radius:999px}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;top:2px;background:#ffffffd9;transition:.18s ease;border-radius:999px}.switch input:checked+.slider{background:#4eaaff38;border-color:#4eaaff73}.switch input:checked+.slider:before{transform:translate(20px)}.switch input:disabled+.slider{opacity:.45;cursor:not-allowed}.presetVarGrid{display:flex;flex-direction:column;gap:12px}.presetVarRow{display:grid;grid-template-columns:180px 1fr;gap:12px;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d}.presetVarLeft{display:flex;flex-direction:column;gap:6px}.presetVarRight .hint{margin-top:6px}@media(max-width:860px){.appShell{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.presetRow2{grid-template-columns:1fr}.presetControls{justify-content:flex-start}}@media(max-width:720px){.formgrid,.presetToolbar,.presetRow,.varsHead,.varsRow,.presetVarRow{grid-template-columns:1fr}}