/* rec2434361431 — сгенерировано generator.py из model-2434361431.json */
:root{--bg:#FFFFFF;--bg-2:#F5F6F8;--bg-3:#EEF0F4;--ink:#16181D;--ink-soft:#5C6066;--ink-faint:#9AA0A8;--line:#E6E7EB;--line-strong:#D7D9DF;--accent:#0A84FF;--wave-gradient:linear-gradient(90deg, #2E7BFF 0%, #21C7E6 28%, #3BE0B0 52%, #8E9BFF 78%, #C77DFF 100%);--radius:16px;--card-shadow:0 1px 2px rgba(20,24,34,0.04), 0 6px 16px -10px rgba(20,24,34,0.12);--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*{margin:0;padding:0;box-sizing:border-box}*::before{margin:0;padding:0;box-sizing:border-box}*::after{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{height:100%;font-family:var(--font);background:var(--bg-2);color:var(--ink);-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;overflow:hidden}.topbar{height:5px;background:var(--wave-gradient);flex-shrink:0}.head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:var(--bg);border-bottom:1px solid var(--line);flex-shrink:0}.head-left{display:flex;align-items:center;gap:12px;min-width:0}.h-title{font-size:17px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}.h-title span{background:var(--wave-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:100px;padding:5px 14px 5px 10px;font-size:12px;font-weight:600;color:var(--ink-soft);white-space:nowrap}.badge-dot{width:8px;height:8px;border-radius:50%;background:#E0342B;box-shadow:0 0 0 3px rgba(224,52,43,0.18);animation:pulse 1.4s infinite}.h-mode{font-size:13px;font-weight:500;color:var(--ink-faint);white-space:nowrap}.h-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.ctrl-btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--font);font-size:13px;font-weight:600;color:var(--ink-soft);background:var(--bg);border:1px solid var(--line-strong);border-radius:100px;padding:8px 14px;cursor:pointer;text-decoration:none;transition:border-color .15s, color .15s}.ctrl-btn:hover{border-color:var(--ink-faint);color:var(--ink)}.ctrl-btn svg{width:15px;height:15px}.stage{flex:1;min-height:0;display:grid;grid-template-columns:440px minmax(0, 1fr);gap:16px;padding:16px 20px}.side{display:flex;flex-direction:column;gap:16px;min-height:0}.panel{background:var(--bg);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:var(--radius);overflow:hidden}.panel-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:var(--ink-faint);padding:12px 16px 0}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--bg-3);margin-top:8px}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.info{padding:14px 16px 16px}.info-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:6px 0}.info-row + .info-row{border-top:1px solid var(--line)}.info-k{font-size:13px;color:var(--ink-faint)}.info-v{font-size:14px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.chat-panel{display:flex;flex-direction:column;min-height:0}.chat-head{display:flex;align-items:center;gap:8px;padding:14px 18px;border-bottom:1px solid var(--line);font-size:15px;font-weight:700;color:var(--ink);flex-shrink:0}.chat-head .dot{width:8px;height:8px;border-radius:50%;background:#3BE0B0;box-shadow:0 0 0 3px rgba(59,224,176,0.22)}.chat-body{position:relative;flex:1;min-height:0;background:var(--bg-2)}.chat-body iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@keyframes pulse{0%,100% { box-shadow: 0 0 0 3px rgba(224,52,43,0.18); }
      50% { box-shadow: 0 0 0 6px rgba(224,52,43,0.05); }}@media (max-width: 900px){.stage{grid-template-columns:1fr;grid-template-rows:auto minmax(360px, 1fr)}.side{flex-direction:row}.side .panel:first-child{flex:1}.side .panel:last-child{display:none}}@media (max-width: 640px){.head{padding:10px 14px;flex-wrap:wrap}.h-mode{display:none}.ctrl-btn span{display:none}.side{flex-direction:column}}