body{margin:0;background:#f4f6fa}#nq57-app-mockup{min-height:100vh;border-radius:0}#nq57-app-mockup .workspace{max-width:1500px;margin:auto;padding:26px}#nq57-app-mockup .production-footer{text-align:center;padding:20px;color:#647183;font-size:12px}#nq57-app-mockup h1{font-size:26px;margin:0 0 12px}#nq57-app-mockup h2{font-size:19px}#nq57-app-mockup .toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:18px 0}#nq57-app-mockup .panel{background:white;border:1px solid #e2e7ef;padding:22px;border-radius:12px;margin:16px 0}#nq57-app-mockup .auth{max-width:460px;margin:30px auto}#nq57-app-mockup .field{display:grid;gap:7px;margin:12px 0}#nq57-app-mockup input,#nq57-app-mockup select,#nq57-app-mockup textarea{padding:10px;border:1px solid #c7cfda;border-radius:6px;max-width:100%;background:white;color:#202b3a}#nq57-app-mockup textarea{min-height:80px;width:100%;resize:vertical}#nq57-app-mockup :disabled{background:#f1f3f6;color:#626d7c;cursor:not-allowed}#nq57-app-mockup .cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}#nq57-app-mockup .card{margin:0;border-top:3px solid #9b2436}#nq57-app-mockup .muted{color:#647183;font-size:13px}#nq57-app-mockup .matrix{border-collapse:collapse;width:100%;font-size:13px}#nq57-app-mockup .matrix th,#nq57-app-mockup .matrix td{border:1px solid #e2e7ef;padding:10px;text-align:left;vertical-align:top;min-width:140px}#nq57-app-mockup .matrix th{background:#fff5ee}#nq57-app-mockup .matrix td:first-child{min-width:230px}#nq57-app-mockup .matrix input,#nq57-app-mockup .matrix textarea,#nq57-app-mockup .matrix select{width:100%}#nq57-app-mockup .record-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}#nq57-app-mockup .help{border:1px solid #d6dce4;background:#fff;border-radius:50%;width:25px;height:25px;margin-left:8px;cursor:pointer;color:#9b2436}#nq57-app-mockup .savebar{position:sticky;bottom:0;background:#fff8f1;border:1px solid #e2e7ef;padding:12px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-radius:8px}#nq57-app-mockup #message{position:sticky;top:8px;z-index:20;padding:14px;border:1px solid #c99a35;background:#fff4dc;border-radius:8px;white-space:pre-wrap}#nq57-app-mockup dialog{max-width:min(760px,90vw);max-height:80vh;border:1px solid #e2e7ef;border-radius:12px;padding:24px;color:#202b3a}#nq57-app-mockup dialog::backdrop{background:#202b3a80}#nq57-app-mockup dialog p{white-space:pre-wrap}#nq57-app-mockup button:focus-visible,#nq57-app-mockup input:focus-visible,#nq57-app-mockup select:focus-visible{outline:3px solid #c99a35;outline-offset:2px}#nq57-app-mockup pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}#nq57-app-mockup .badge{padding:4px 9px;border-radius:6px;background:#e8f5ee;font-size:12px}#nq57-app-mockup .record-head{display:flex;align-items:center;justify-content:space-between;gap:12px}@media(max-width:620px){#nq57-app-mockup .workspace{padding:14px}#nq57-app-mockup .panel{padding:14px}#nq57-app-mockup h1{font-size:22px}}