:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light;--bg:#f5f3fa;--panel:#fff;--ink:#232135;--muted:#625e70;--primary:#6843b7;--line:#ded9e8;--danger:#af2944}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.5}.app-header{text-align:center;padding:2rem 1rem 1.4rem;background:#332653;color:#fff}.app-header h1{font-size:clamp(1.6rem,4vw,2.4rem);margin:0}.subtitle{margin:.45rem 0 0;color:#e2d9f6}.app-main{max-width:1100px;margin:1.4rem auto;padding:0 1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:1.2rem;box-shadow:0 3px 15px #1b15300a}.panel h2{font-size:1.24rem;margin:0 0 1rem}.panel h3{font-size:1.06rem}.mock-panel,.error-test-panel{grid-column:1/-1}.form-row{display:flex;flex-direction:column;gap:.35rem;margin:.8rem 0}label{font-weight:600}input,select,textarea{width:100%;font:inherit;color:inherit;background:#fff;border:1px solid #bfb8ce;border-radius:8px;padding:.7rem}textarea{resize:vertical;min-height:90px}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible{outline:3px solid #b393f6;outline-offset:2px}.form-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:.8rem 0}.btn,.mock-list button{font:inherit;font-weight:600;border:1px solid transparent;border-radius:9px;padding:.67rem 1rem;cursor:pointer}.btn-primary{background:var(--primary);color:#fff}.btn-secondary{background:#ece6f8;color:#39265d}.btn-danger{background:var(--danger);color:#fff}.btn-error{background:#f1e8f7;border-color:#d6c8e7;color:#422860}.btn:hover,.mock-list button:hover{filter:brightness(.94)}.response-content{border:1px solid var(--line);border-radius:10px;padding:1rem;background:#faf9fd}.status-code{font-weight:800;border-radius:6px;padding:.1rem .55rem;background:#e9e7ed}.status-code.ok,.ok{color:#147147}.status-code.warn,.warn{color:#a15c00}.status-code.err,.err{color:#b1263d}.response-body{margin:0;padding:1rem;border-radius:8px;background:#242037;color:#f5f0ff;min-height:90px;white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.mock-form{padding:1rem;margin:1rem 0;background:#f8f5ff;border:1px solid var(--line);border-radius:10px}.hidden{display:none!important}.mock-list{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.5rem}.mock-list li{border:1px solid var(--line);border-radius:9px;padding:.75rem;display:flex;align-items:center;gap:.6rem;justify-content:space-between;flex-wrap:wrap}.mock-list button{background:#ece6f8;color:#372357}.error-test-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.app-footer{text-align:center;color:var(--muted);padding:1.5rem 1rem}.feedback{color:var(--danger);font-weight:600;min-height:1rem}@media(max-width:700px){.app-main{grid-template-columns:1fr}.mock-panel,.error-test-panel{grid-column:auto}.panel{padding:1rem}.form-actions .btn{flex:1 1 135px}.error-test-buttons .btn{flex:1 1 180px}}@media(prefers-reduced-motion:no-preference){.btn{transition:filter .15s ease}}