.viral-recreation{--vr-bg:#0b1114;--vr-card:#111b20;--vr-line:#29373d;--vr-text:#f2f6f5;--vr-muted:#93a5ad;--vr-green:#9df54b;color:var(--vr-text);background:var(--vr-bg);font:14px/1.65 system-ui,Microsoft YaHei,sans-serif;padding:32px clamp(20px,4vw,70px) 72px;min-height:100%;box-sizing:border-box}.viral-recreation *{box-sizing:border-box}.viral-recreation h1,.viral-recreation h2,.viral-recreation h3,.viral-recreation p{margin:0}.viral-recreation button,.viral-recreation select,.viral-recreation textarea,.viral-recreation a{font:inherit}.vr-header{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:1270px;margin:0 auto 28px}.vr-eyebrow{letter-spacing:3px;color:var(--vr-green);font-size:11px;font-weight:750}.viral-recreation h1{font-size:30px;font-weight:700;letter-spacing:-.5px;margin-top:6px}.vr-header p{color:var(--vr-muted);margin-top:5px}.vr-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:24px;max-width:1270px;margin:auto;align-items:start}.vr-main{display:flex;flex-direction:column;gap:20px;min-width:0}.vr-card{background:linear-gradient(130deg,#142026 0%,#10181c 100%);border:1px solid var(--vr-line);border-radius:18px;padding:24px;min-width:0}.vr-section{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.viral-recreation h2{font-size:18px;font-weight:650;display:flex;align-items:center;gap:12px}.vr-step{background:#213c2b;color:var(--vr-green);border-radius:9px;padding:3px 8px;font-size:12px;font-weight:800}.vr-muted,.vr-file small,.vr-photo-row small,.vr-history small{color:var(--vr-muted);font-size:12px}.vr-label{display:block;color:#bfccd0;font-size:13px;margin-bottom:8px}.viral-recreation select,.viral-recreation textarea{display:block;width:100%;background:#0c1418;border:1px solid #34464e;border-radius:10px;color:var(--vr-text);padding:12px 14px;outline:none;min-height:46px}.viral-recreation select:focus,.viral-recreation textarea:focus{border-color:var(--vr-green);box-shadow:0 0 0 2px #9df54b1f}.viral-recreation textarea{resize:vertical;line-height:1.8}.viral-recreation option{background:#142026;color:#fff}.vr-parameters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.vr-parameters label span{display:block;color:var(--vr-muted);font-size:12px;margin-bottom:7px}.vr-parameters select{font-size:13px;min-height:40px;padding:9px}.vr-note{border-top:1px solid var(--vr-line);margin-top:22px;padding-top:18px;font-size:12px;color:#aebfc5}.vr-note p{margin-top:10px}.vr-tags{display:flex;flex-wrap:wrap;gap:8px}.vr-tags span{color:#c4efac;background:#24412a69;border:1px solid #3d623d66;border-radius:6px;padding:3px 9px;font-size:11px}.viral-recreation button,.viral-recreation a{cursor:pointer;text-decoration:none}.viral-recreation button:disabled,.viral-recreation select:disabled,.viral-recreation textarea:disabled{cursor:not-allowed;opacity:.5}.vr-secondary{border:1px solid #3b4a50;background:#172329;border-radius:8px;padding:9px 14px;color:#e3ebe9;flex-shrink:0}.vr-secondary:hover:enabled{border-color:#83be55}.vr-link{border:0;background:none;padding:5px;color:#b5e79a;font-size:13px;white-space:nowrap}.vr-primary{border:1px solid #a4f66b;background:linear-gradient(110deg,#a8f65b,#74dd38);color:#162510;border-radius:10px;min-height:46px;padding:11px 18px;font-weight:750!important;display:inline-flex;justify-content:center;align-items:center;gap:14px;text-align:center}.vr-primary:hover:enabled{filter:brightness(1.05)}.vr-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;flex-wrap:wrap}.vr-divider{display:flex;align-items:center;gap:14px;color:#80949f;font-size:11px;margin:18px 0}.vr-divider:before,.vr-divider:after{content:"";height:1px;background:#2a393e;flex:1}.vr-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:160px;border:1px dashed #3c5b53;background:#11221d77;border-radius:12px;color:#e5eee7;gap:6px}.vr-drop small{font-size:11px;color:var(--vr-muted)}.vr-upload-symbol{font-size:26px;line-height:1;background:#243f2a;border:1px solid #4b6e39;color:#b4f385;border-radius:11px;padding:8px 13px;margin-bottom:4px}.vr-photo-row{display:flex;gap:22px;align-items:center}.vr-photo-row img,.vr-photo-placeholder{width:112px;height:138px;object-fit:contain;background:#0d1519;border-radius:12px;flex-shrink:0;border:1px solid #31464d}.vr-photo-placeholder{display:flex;align-items:center;justify-content:center;font-size:35px;color:#6e9188;border-style:dashed}.vr-photo-row p{font-size:12px;color:#9dafb5;margin:8px 0 12px}.vr-photo-row small{display:block;margin-top:12px}.vr-photo-row strong{overflow-wrap:anywhere}.vr-material video{width:100%;max-height:290px;object-fit:contain;background:#05090b;border-radius:10px}.vr-file{display:flex;flex-direction:column;min-width:0}.vr-file strong{overflow-wrap:anywhere}.vr-imported{display:flex;flex-direction:column;align-items:center;padding:25px 10px;gap:8px;background:#10231d;border:1px dashed #3b5c46;border-radius:10px;color:#b9e69b}.vr-imported small{color:#93aca0;font-size:11px}.vr-review{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#b4c3c8;margin-bottom:18px}.vr-review input{accent-color:#8ee63f;width:16px;height:16px;margin-top:3px;flex-shrink:0}.vr-submit>.vr-primary,.vr-quote>.vr-primary{width:100%;min-height:50px}.vr-centered{text-align:center;margin-top:12px!important}.vr-alert,.vr-error,.vr-status{border:1px solid #535d33;border-radius:10px;background:#383c1d55;color:#e5dcad;padding:12px 15px;overflow-wrap:anywhere;white-space:pre-wrap}.vr-alert{max-width:1270px;margin:0 auto 22px}.vr-error{border-color:#6b3c3c;background:#50272750;color:#efb4ae;font-size:12px;margin-top:14px!important}.vr-status{color:#c0d5c9;background:#1d3b2b44;border-color:#345843;font-size:12px;margin-top:14px!important}.vr-quote{padding-bottom:14px}.vr-quote>div{display:flex;align-items:center;justify-content:space-between;color:#adbfb4}.vr-quote strong{color:var(--vr-green);font-size:28px}.vr-quote small{font-size:13px}.vr-quote p,.vr-quote details{color:#abbbb7;font-size:12px;margin:12px 0}.vr-quote summary{cursor:pointer}.vr-task{border-top:1px solid var(--vr-line);padding-top:18px;margin-top:14px}.vr-task p{color:#adbdc5;font-size:12px;overflow-wrap:anywhere}.vr-task-id{font-family:ui-monospace,monospace}.vr-result{width:100%;max-height:460px;background:#05090b;border-radius:10px}.vr-aside{display:flex;flex-direction:column;gap:20px;position:sticky;top:20px}.vr-aside h2{font-size:16px}.vr-dot{width:7px;height:7px;border-radius:50%;background:#a6ee63;box-shadow:0 0 10px #91e74a66}.vr-summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:12px 0;border-bottom:1px solid #253238;font-size:12px}.vr-summary-row span{color:var(--vr-muted);white-space:nowrap}.vr-summary-row strong{font-weight:550;text-align:right;overflow-wrap:anywhere}.vr-cost{margin-top:18px;padding:17px;background:#2035227a;border:1px solid #3a5732;border-radius:10px;display:flex;flex-direction:column;gap:4px}.vr-cost span{font-size:12px;color:#b0c6a7}.vr-cost strong{font-size:20px;color:var(--vr-green)}.vr-cost small{color:#8fa986;font-size:11px}.vr-flow{list-style:none;margin:22px 0 0;padding:0}.vr-flow li{display:flex;gap:13px;padding:0 0 25px;position:relative;color:#95a5ac}.vr-flow li:last-child{padding-bottom:0}.vr-flow li:before{content:"";width:1px;position:absolute;left:12px;top:28px;bottom:3px;background:#35464b}.vr-flow li:last-child:before{display:none}.vr-flow li>span{width:26px;height:26px;border-radius:50%;border:1px solid #3b5058;background:#121e23;display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0}.vr-flow li>div{display:flex;flex-direction:column;gap:3px}.vr-flow strong{font-weight:550;color:#d1dedc;font-size:13px}.vr-flow small{font-size:11px}.vr-flow .active>span{border-color:var(--vr-green);color:#c0f69d;background:#2b4b24}.vr-flow .active strong{color:#cef5b6}.vr-aside-tip{color:#829c98;font-size:12px;padding:0 10px;line-height:1.9}.vr-history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.vr-history{border:1px solid #2d4048;background:#0c161b;border-radius:12px;padding:16px;min-width:0}.vr-history h3{font-size:14px;margin:12px 0 5px;overflow-wrap:anywhere}.vr-history small{display:block}.vr-history .vr-row{margin-top:0}.vr-history>.vr-row:last-child{margin-top:12px}.vr-history-symbol{color:#91bc8c;font-size:26px}.vr-status-tag{font-size:11px;background:#22352e;color:#bbd2c4;padding:2px 8px;border-radius:5px}.vr-empty{text-align:center;padding:38px 10px;color:#748d94;font-size:13px}.vr-hidden{display:none}.vr-more{display:block;margin:20px auto 0}.vr-records{scroll-margin-top:24px}@media (min-width:1600px){.vr-card{padding:28px}.vr-layout{grid-template-columns:minmax(0,1fr) 330px;gap:26px}}@media (max-width:1050px){.vr-layout{grid-template-columns:minmax(0,1fr)}.vr-aside{position:static;display:grid;grid-template-columns:1fr 1fr}.vr-aside-tip{grid-column:1/-1}}@media (max-width:600px){.viral-recreation{padding:22px 14px 45px}.viral-recreation h1{font-size:24px}.vr-header{align-items:flex-start;gap:10px}.vr-header>.vr-secondary{padding:7px 10px;font-size:12px}.vr-card{padding:18px;border-radius:14px}.vr-section{align-items:flex-start;gap:8px}.vr-section>.vr-muted{max-width:130px;text-align:right;font-size:10px}.viral-recreation h2{font-size:16px}.vr-parameters{gap:8px}.vr-parameters select{padding:8px 4px;font-size:11px}.vr-photo-row{gap:13px;align-items:flex-start}.vr-photo-row img,.vr-photo-placeholder{width:85px;height:114px}.vr-aside{display:flex}.vr-history-grid{grid-template-columns:1fr}.vr-layout{gap:20px}.vr-primary{font-size:13px!important}.vr-row>.vr-muted{font-size:11px}.vr-file strong{font-size:12px}.vr-task .vr-row{align-items:stretch}.vr-task .vr-row>*{flex:1}.vr-eyebrow{font-size:9px;letter-spacing:2px}.vr-review{font-size:11px}}

.viral-recreation{height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}