:root{--bg-page:#f5f6f8;--bg-panel:#fff;--bg-input:#f9fafb;--bg-border:#e3e5e8;--bg-scrollbar:#d0d3d6;--text-primary:#1c1e21;--text-secondary:#6c6f7c;--text-placeholder:#9ca3af;--accent:#ec4899;--accent-gradient:linear-gradient(90deg, #ec4899, #8b5cf6);--radius:8px;--uppsync-color:#57f287;--cloudflare-color:#f38020}body{background:var(--bg-page);color:var(--text-primary);margin:0;padding:0;font-family:Inter,system-ui,sans-serif;line-height:1.5}.container{gap:1.5rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;overflow-x:hidden}.left,.right{background:var(--bg-panel);border:1px solid var(--bg-border);border-radius:var(--radius);box-sizing:border-box;min-width:0;padding:1.5rem;box-shadow:0 1px 3px #0000000d}.left{flex:2;overflow-y:auto}.right{flex:1.5;overflow-y:auto}.topbar{background:var(--bg-page);justify-content:flex-end;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.topbar-button{color:#5b21b6;background:#f0f0ff;border:1px solid #dadce0;border-radius:6px;align-items:center;padding:.4rem .85rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:filter .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.topbar-button:hover{filter:brightness(1.1)}.panel-top-gradient{position:relative}.panel-top-gradient:before{content:"";background:var(--accent-gradient);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);width:100%;height:4px;position:absolute;top:0;left:0}h2{margin-top:0;font-size:1.25rem;font-weight:600}h3{color:var(--text-secondary);margin:2rem 0 .5rem;font-size:1rem}input,textarea,select{width:100%;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--bg-border);box-sizing:border-box;border-radius:6px;padding:.5rem .75rem;font-size:1rem}input::placeholder,textarea::placeholder{color:var(--text-placeholder)}button{color:#fff;background:var(--accent-gradient);cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;transition:background .2s}button:hover{filter:brightness(1.05)}fieldset{border-radius:var(--radius);border:none;margin-bottom:2rem;padding:0}legend{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem;font-weight:600}fieldset>label{color:var(--text-primary);align-items:center;gap:.5rem;margin:.25rem 0;font-size:.9rem;display:flex}.radio-pair{align-items:center;gap:2rem;display:flex}.radio-pair label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.5rem;font-size:.95rem;line-height:1.2;display:inline-flex}fieldset input[type=radio],.radio-pair input[type=radio]{accent-color:var(--accent);transition:all .2s;transform:scale(1.1)translateY(-1.5px)}.radio-group,.radio-column{flex-wrap:wrap;gap:1rem;display:flex}.radio-column{flex-direction:column}.radio-table{vertical-align:middle;margin:0;display:inline-block;transform:scale(1.1)}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--bg-border);vertical-align:middle;text-align:left;padding:.75rem 1rem;font-size:.95rem}th{text-transform:uppercase;color:var(--text-secondary);font-size:.75rem;font-weight:600}tbody>tr:hover{cursor:pointer;background-color:#ec48990d}tbody>tr.selected{background-color:#ec48991a}.footer{text-align:center;color:var(--text-secondary);background:var(--bg-page);padding:1rem;font-size:.7rem}.footer a{color:var(--accent);font-weight:500;text-decoration:none}.footer a:hover{text-decoration:underline}.footer a.uppsync{color:var(--uppsync-color)}.footer a.cloudflare{color:var(--cloudflare-color)}.footer-sub{color:var(--text-secondary);margin-top:.25rem;font-size:.7rem}.panel-desc{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.85rem;line-height:1.4}.panel-desc a{color:var(--accent);text-decoration:none}.panel-desc a:hover{text-decoration:underline}@media (width<=768px){.container{flex-direction:column;gap:1rem;padding:1rem}.left,.right{width:100%;padding:1rem}h2{margin-bottom:1rem;font-size:1.1rem}fieldset{margin-bottom:1.25rem}.radio-pair{flex-wrap:wrap;gap:1rem}th,td{padding:.5rem .75rem}pre{padding:.75rem}.topbar{display:none}.footer{padding:1rem 1rem 2rem;font-size:.75rem}table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}table thead,table tbody,table tr,table td,table th{white-space:nowrap}}.topbar{background:var(--bg-page);justify-content:space-between;align-items:center;gap:1.5rem;max-width:1200px;margin:0 auto;padding:.75rem 2rem;display:flex}.main-nav{align-items:center;gap:.75rem;display:flex}.main-nav .brand{color:var(--text-primary);border-radius:6px;padding:.45rem .65rem;font-size:.9rem;font-weight:600;text-decoration:none}.main-nav a{color:var(--text-secondary);border-radius:6px;padding:.45rem .65rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s;position:relative}.main-nav a:hover{color:var(--text-primary);background:#eceef3}.main-nav a.selected{background:var(--accent-gradient);color:#0000;-webkit-background-clip:text}.main-nav a.selected:after{content:"";background:var(--accent-gradient);border-radius:2px;height:2px;position:absolute;bottom:4px;left:8px;right:8px}.topbar-actions{gap:.5rem;display:flex}