.vec-wrap{grid-template-columns:1.1fr .9fr;gap:18px;max-width:1100px;margin:0 auto;padding:24px;display:grid}.vec-header{background:linear-gradient(#111827cc,#0f172a8c);border:1px solid #23304acc;border-radius:18px;grid-column:1/-1;justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 16px;display:flex;box-shadow:0 10px 30px #00000059}.vec-header h1{letter-spacing:.2px;color:#e5e7eb;margin:0 0 4px;font-size:22px}.vec-subtitle{color:#9ca3af;margin:0;font-size:14px;line-height:1.4}.vec-pillars{text-align:right;color:#9ca3af;max-width:420px;font-size:12px}.vec-pillars strong{color:#e5e7eb;font-weight:600}.vec-card-stage{background:linear-gradient(#111827e6,#0f172ab3);border:1px solid #23304acc;border-radius:18px;flex-direction:column;gap:14px;min-height:520px;padding:16px;display:flex;box-shadow:0 10px 30px #00000059}.vec-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.vec-left-controls,.vec-right-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vec-chip{color:#9ca3af;background:#0f172a80;border:1px solid #23304acc;border-radius:999px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:inline-flex}.vec-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.vec-dot.teal{background:#14b8a6}.vec-dot.blue{background:#60a5fa}.vec-dot.amber{background:#fbbf24}.vec-dot.purple{background:#a78bfa}.vec-select{color:#e5e7eb;background:#0f172a8c;border:1px solid #23304acc;border-radius:12px;padding:10px 12px;font-size:13px}.vec-btn{color:#e5e7eb;cursor:pointer;background:#ffffff0a;border:1px solid #23304acc;border-radius:12px;padding:10px 12px;font-size:13px;font-weight:600;transition:transform 60ms,background .15s,border-color .15s}.vec-btn:hover{background:#ffffff0f;border-color:#304264}.vec-btn:active{transform:translateY(1px)}.vec-btn.primary{background:#ffffff17;border-color:#ffffff24}.vec-btn.danger{background:#fb718514;border-color:#fb718559}.vec-btn:disabled{opacity:.45;cursor:not-allowed}.vec-big-card{background:linear-gradient(#111827f2,#0f172ad9);border:1px solid #23304acc;border-radius:22px;flex-direction:column;flex:1;gap:12px;margin-top:6px;padding:18px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000059}.vec-big-card:before{content:"";pointer-events:none;background:radial-gradient(800px 250px at 20% 0,#ffffff1a,#0000 55%);border-radius:22px;position:absolute;inset:-2px}.vec-badge-row{z-index:1;flex-wrap:wrap;align-items:center;gap:10px;display:flex}.vec-badge{color:#9ca3af;background:#ffffff08;border:1px solid #23304acc;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;display:inline-flex}.vec-badge strong{color:#e5e7eb;font-weight:700}.vec-prompt{z-index:1;letter-spacing:.2px;color:#e5e7eb;margin:2px 0 0;font-size:30px;line-height:1.15}.vec-micro{z-index:1;color:#9ca3af;max-width:70ch;margin:0;font-size:13px;line-height:1.4}.vec-helper-row{z-index:1;border-top:1px solid #23304a99;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:10px;display:flex}.vec-timer{color:#9ca3af;align-items:center;gap:10px;font-size:13px;display:flex}.vec-timer strong{color:#e5e7eb}.vec-progress{background:#ffffff0f;border:1px solid #23304ab3;border-radius:999px;width:220px;height:10px;overflow:hidden}.vec-bar{background:#ffffff59;width:0%;height:100%;transition:width .15s linear}.vec-side{background:linear-gradient(#111827d9,#0f172aa6);border:1px solid #23304acc;border-radius:18px;flex-direction:column;gap:14px;min-height:520px;padding:16px;display:flex;box-shadow:0 10px 30px #00000059}.vec-panel-title{justify-content:space-between;align-items:center;gap:10px;display:flex}.vec-panel-title h2{letter-spacing:.2px;color:#e5e7eb;margin:0;font-size:14px}.vec-panel-title p{color:#9ca3af;margin:0;font-size:12px}.vec-history{background:#0f172a59;border:1px solid #23304abf;border-radius:16px;flex:1;overflow:hidden auto}.vec-history-item{cursor:pointer;border-top:1px solid #23304a8c;gap:10px;padding:12px;display:flex}.vec-history-item:first-child{border-top:none}.vec-history-item:hover{background:#ffffff08}.vec-h-dot{border-radius:999px;flex-shrink:0;width:12px;height:12px;margin-top:3px}.vec-h-main{flex-direction:column;gap:4px;min-width:0;display:flex}.vec-h-meta{color:#9ca3af;flex-wrap:wrap;gap:8px;font-size:11px;display:flex}.vec-h-prompt{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;max-width:420px;font-size:13px;line-height:1.25;overflow:hidden}.vec-stack-guide{color:#9ca3af;background:#0f172a59;border:1px solid #23304abf;border-radius:16px;padding:12px;font-size:12px;line-height:1.45}.vec-stack-guide strong{color:#e5e7eb}.vec-key{color:#e5e7eb;background:#ffffff08;border:1px solid #23304acc;border-radius:999px;margin:0 2px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.vec-footer-note{color:#9ca3af;border-top:1px solid #23304a99;margin-top:auto;padding-top:10px;font-size:12px;line-height:1.4}.vec-footer-note strong{color:#e5e7eb}.vec-back-link{color:#9ca3af;grid-column:1/-1;align-items:center;gap:8px;margin-bottom:8px;font-size:14px;text-decoration:none;transition:color .15s;display:inline-flex}.vec-back-link:hover{color:#e5e7eb}@media (max-width:960px){.vec-wrap{grid-template-columns:1fr;padding:16px}.vec-header{flex-direction:column;align-items:flex-start}.vec-pillars{text-align:left}.vec-h-prompt{max-width:70vw}.vec-progress{width:140px}.vec-prompt{font-size:24px}.vec-controls{flex-direction:column;align-items:stretch}.vec-left-controls,.vec-right-controls{justify-content:center}}@media (max-width:480px){.vec-prompt{font-size:20px}.vec-chip{padding:6px 8px;font-size:11px}.vec-btn{padding:8px 10px;font-size:12px}}