main{flex:1;padding:32px 24px 48px}.container-wide{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.title-section{text-align:center;padding:8px 0 4px}.title{font-size:clamp(24px,4vw,36px);font-weight:700;background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.input-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--r);display:flex;flex-direction:column;overflow:hidden}.card- .card-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.actions-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.services-panel{display:flex;flex-direction:column;gap:16px;max-height:700px;overflow-y:auto;padding-right:4px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:60px 20px;color:var(--muted);text-align:center;background:var(--bg2);border:1px dashed var(--border);border-radius:12px}.service-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:border-color .2s}.service-card:hover{border-color:var(--accent)}.service- .service-name-display{font-weight:700;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:14px}.btn-remove{background:transparent;border:1px solid var(--border);color:var(--muted);width:28px;height:28px;border-radius:6px;cursor:pointer;font-size:12px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-remove:hover{background:#ff505026;border-color:#ff5050;color:#ff5050}.service-fields{display:flex;flex-direction:column;gap:10px}.field-row{display:flex;flex-direction:column;gap:4px}.field-row label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.field-row input,.field-row textarea,.field-row select{background:var(--bg3);border:1px solid var(--border);color:#fff;padding:8px 10px;border-radius:6px;outline:none;font-size:13px;font-family:JetBrains Mono,monospace;resize:vertical;transition:border-color .2s}.field-row input:focus,.field-row textarea:focus{border-color:var(--accent)}.badge{background:var(--accent-dim);color:var(--accent);border:1px solid rgba(0,168,255,.2);padding:2px 10px;border-radius:20px;font-size:11px;font-weight:700;font-family:JetBrains Mono,monospace}.CodeMirror{height:540px;background:var(--bg3)!important;border:1px solid var(--border);border-radius:var(--r);font-family:JetBrains Mono,monospace;font-size:13px;color:#adbac7!important}.CodeMirror-scroll{padding:8px 0}.input-card .CodeMirror{border:none;border-radius:0;flex:1}@media(max-width:768px){main{padding:20px 16px 40px}.input-grid{grid-template-columns:1fr}.actions-bar{flex-direction:column;align-items:stretch}.actions-bar>div{justify-content:flex-end}.title{font-size:22px}.services-panel{max-height:none}.CodeMirror{height:360px}}
