:root{color-scheme:dark;font-family:Inter,"Noto Sans SC",system-ui,sans-serif;background:#080f20;color:#ecf2ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#16366a88,transparent 50%)}a{color:#a8c4ff;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}header,main,footer{width:min(1160px,calc(100% - 48px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:24px 0;border-bottom:1px solid #263856}.brand{display:flex;gap:12px;align-items:center;color:#fff}.brand strong{font-size:22px}.brand small{display:block;letter-spacing:1px;font-size:10px;color:#a8bde1;margin-top:5px}nav{display:flex;gap:26px;font-size:14px}main{padding:72px 0 64px;display:grid;grid-template-columns:1fr 1.12fr;gap:56px;min-height:70vh}.eyebrow{color:#89acff;font-size:12px;letter-spacing:2px}h1{font-size:clamp(30px,4vw,46px);line-height:1.3;font-weight:650;margin:24px 0;max-width:470px}.intro>p:last-child{color:#aabada;line-height:1.9;max-width:440px}h2{font-size:24px;margin:0 0 24px}h3{font-size:17px;margin:0 0 12px}#content{min-width:0}form,.panel{padding:28px;background:#101c32;border:1px solid #2a3c5d}label{display:block;font-size:13px;color:#c0cde5;margin:18px 0 8px}input,textarea,select{width:100%;background:#091426;border:1px solid #364e77;border-radius:3px;color:#f0f5ff;padding:12px;min-height:44px}input:focus,textarea:focus,select:focus{border-color:#78a0ff}textarea{resize:vertical}.check{display:flex;align-items:flex-start;gap:10px;line-height:1.8}.check input{width:18px;min-height:18px;flex-shrink:0;margin-top:4px}button{min-height:44px;border:1px solid #477dca;border-radius:3px;background:#245dcd;color:white;padding:11px 18px;cursor:pointer}button:disabled{opacity:.5;cursor:default}.secondary{background:transparent;color:#bad0f5;border-color:#3b5277}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.helper,.muted{font-size:13px;color:#a5b7d8;line-height:1.8}.warning{border-left:3px solid #f2c582;background:#33281c;padding:16px;color:#f9db9a;font-size:13px;line-height:1.8}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tabs button{font-size:13px;background:transparent;border-color:#304766}.tabs .selected{background:#203a69;border-color:#6d95e3}.record{border-top:1px solid #2a3c5d;padding:20px 0;overflow-wrap:anywhere}.record p{white-space:pre-wrap;line-height:1.8;color:#b7c7e4}.record small{color:#91a9d1}.tag{display:inline-block;color:#94c8b5;border:1px solid #30524a;padding:3px 9px;font-size:11px;margin-left:10px}.record .actions{margin-top:10px}#notice{grid-column:2;margin:0;min-height:24px;color:#aac7ff;font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere}footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #263856;padding:24px 0 40px;font-size:12px;color:#8398b9}.privacy p{line-height:1.9;color:#b8c9e6}.privacy h3{margin-top:26px}@media(max-width:780px){header,main,footer{width:calc(100% - 32px)}header{padding:18px 0}.brand strong{font-size:18px}.brand small{font-size:8px}nav{gap:16px;font-size:12px}main{grid-template-columns:1fr;gap:28px;padding:36px 0}h1{font-size:32px;margin:18px 0}.intro>p:last-child{font-size:14px}.panel,form{padding:22px}#notice{grid-column:1}.tabs button{padding:8px 10px}.actions{gap:10px}}

.configuration-preview{white-space:pre-wrap;overflow-wrap:anywhere;max-height:420px;overflow:auto;font-size:12px;line-height:1.7;padding:16px;background:#091426;border:1px solid #364e77}