:root{--dv-bg:#05070a;--dv-panel:#0b1017;--dv-panel2:#101824;--dv-line:rgba(255,255,255,.12);--dv-text:#f5f7f9;--dv-muted:#8f9baa;--dv-accent:#72f0b6;--dv-blue:#78a9ff;--dv-warn:#ffc56b}
.visualizer-page{background:radial-gradient(circle at 70% 5%,rgba(120,169,255,.16),transparent 32%),radial-gradient(circle at 15% 22%,rgba(114,240,182,.11),transparent 28%),var(--dv-bg);min-height:100vh;color:var(--dv-text)}
.dv-shell{width:min(1440px,calc(100% - 32px));margin:0 auto;padding:38px 0 90px}.dv-hero{min-height:64vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:34px;align-items:center;padding:54px 0 42px}.dv-overline{margin:0 0 14px;font-size:10px;font-weight:950;letter-spacing:.22em;color:var(--dv-accent);text-transform:uppercase}.dv-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(58px,8vw,126px);line-height:.84;letter-spacing:-.055em;margin:0;font-weight:500}.dv-hero h1 span{display:block;color:#687380}.dv-lede{font-size:18px;line-height:1.7;color:#a9b4c1;max-width:760px;margin:28px 0 0}.dv-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.dv-badge{border:1px solid var(--dv-line);padding:8px 10px;font-size:8px;font-weight:900;letter-spacing:.12em;color:#cbd4df}.dv-badge.live{border-color:rgba(114,240,182,.38);color:var(--dv-accent)}
.dv-preview{position:relative;min-height:520px;border:1px solid var(--dv-line);background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01)),var(--dv-panel);overflow:hidden}.dv-preview:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,black,transparent 78%)}.dv-preview-core{position:absolute;inset:62px 36px 100px;display:grid;place-items:center}.dv-ring{position:absolute;border:1px solid rgba(114,240,182,.22);border-radius:50%;animation:dvspin 22s linear infinite}.dv-ring.r1{width:130px;height:130px}.dv-ring.r2{width:240px;height:240px;border-color:rgba(120,169,255,.18);animation-direction:reverse}.dv-ring.r3{width:350px;height:350px;border-style:dashed}.dv-human{position:relative;z-index:2;width:122px;height:260px;border:1px solid rgba(255,255,255,.18);border-radius:64px 64px 30px 30px;background:radial-gradient(circle at 50% 18%,rgba(114,240,182,.22),transparent 17%),linear-gradient(180deg,rgba(120,169,255,.12),rgba(114,240,182,.06));box-shadow:0 0 90px rgba(114,240,182,.08)}.dv-human:before{content:"";position:absolute;left:50%;top:-48px;transform:translateX(-50%);width:78px;height:78px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#0f1721}.dv-preview-caption{position:absolute;left:22px;right:22px;bottom:22px;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--dv-line);padding-top:16px;font-size:8px;font-weight:900;letter-spacing:.13em;color:var(--dv-muted)}
.dv-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:18px;align-items:start}.dv-panel{border:1px solid var(--dv-line);background:rgba(11,16,23,.92);padding:24px}.dv-panel h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:34px;letter-spacing:-.03em;margin:0 0 8px}.dv-panel>p{color:var(--dv-muted);font-size:13px;line-height:1.65;margin:0 0 22px}.dv-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dv-choice{cursor:pointer;border:1px solid var(--dv-line);background:#0b1119;color:var(--dv-text);padding:18px;text-align:left;min-height:140px}.dv-choice:hover,.dv-choice.selected{border-color:var(--dv-accent);box-shadow:inset 0 0 0 1px rgba(114,240,182,.18)}.dv-choice strong{display:block;font-size:15px;margin-bottom:7px}.dv-choice span{font-size:12px;color:var(--dv-muted);line-height:1.5}.dv-field{display:grid;gap:7px;margin:0 0 15px}.dv-field label{font-size:9px;font-weight:900;letter-spacing:.13em;color:#c6d0dc;text-transform:uppercase}.dv-field input,.dv-field select,.dv-field textarea{width:100%;border:1px solid var(--dv-line);background:#080d13;color:var(--dv-text);padding:13px 14px;font:inherit;font-size:14px;outline:none}.dv-field input:focus,.dv-field select:focus,.dv-field textarea:focus{border-color:var(--dv-accent)}.dv-field textarea{min-height:100px;resize:vertical}.dv-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dv-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.dv-btn{border:1px solid rgba(255,255,255,.2);background:transparent;color:var(--dv-text);padding:13px 16px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none}.dv-btn.primary{background:var(--dv-accent);border-color:var(--dv-accent);color:#06100c}.dv-btn:disabled{opacity:.45;cursor:not-allowed}.dv-status{border:1px solid var(--dv-line);background:#070b10;padding:16px;margin-bottom:14px}.dv-status-top{display:flex;justify-content:space-between;gap:12px;align-items:center}.dv-status strong{font-size:10px;letter-spacing:.13em}.dv-status code{font-size:9px;color:var(--dv-muted)}.dv-progress{height:3px;background:rgba(255,255,255,.06);margin-top:13px;overflow:hidden}.dv-progress i{display:block;height:100%;width:var(--p,8%);background:linear-gradient(90deg,var(--dv-accent),var(--dv-blue));transition:width .35s ease}.dv-console{min-height:180px;background:#05080c;border:1px solid var(--dv-line);padding:16px;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace;color:#9eabb9;white-space:pre-wrap;overflow:auto}.dv-result{display:none;margin-top:18px}.dv-result.ready{display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.55fr);gap:16px}.dv-result img{width:100%;display:block;border:1px solid var(--dv-line);background:#05080c}.dv-result-copy{border:1px solid var(--dv-line);padding:18px;background:#080d13}.dv-result-copy h3{font-family:Georgia,serif;font-size:30px;font-weight:500;margin:0 0 12px}.dv-result-copy p{font-size:12px;color:var(--dv-muted);line-height:1.7}.dv-note{font-size:11px;color:var(--dv-muted);margin-top:14px}.dv-alert{border:1px solid rgba(255,197,107,.32);color:#ffd899;background:rgba(255,197,107,.05);padding:12px 14px;font-size:12px;line-height:1.5;display:none}.dv-alert.show{display:block}.dv-steps{display:grid;gap:8px;margin-top:16px}.dv-steps div{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;color:var(--dv-muted);font-size:11px}.dv-steps span{display:grid;place-items:center;width:24px;height:24px;border:1px solid var(--dv-line);font-size:8px;font-weight:900}.dv-steps div.done{color:var(--dv-text)}.dv-steps div.done span{background:var(--dv-accent);color:#06100c;border-color:var(--dv-accent)}
.deen-visualizer-promo{position:relative;z-index:8;border-bottom:1px solid rgba(114,240,182,.22);background:linear-gradient(90deg,rgba(114,240,182,.14),rgba(120,169,255,.08) 55%,rgba(0,0,0,.08));padding:12px max(18px,calc((100vw - 1320px)/2));display:flex;align-items:center;justify-content:space-between;gap:18px}.deen-visualizer-promo strong{font-size:10px;letter-spacing:.14em}.deen-visualizer-promo span{font-size:10px;color:#b8c2cd}.deen-visualizer-promo a{white-space:nowrap;text-decoration:none;background:var(--dv-accent);color:#06100c;padding:9px 12px;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
@keyframes dvspin{to{transform:rotate(360deg)}}
@media(max-width:900px){.dv-hero,.dv-grid{grid-template-columns:1fr}.dv-hero{padding-top:28px}.dv-preview{min-height:430px}.dv-row,.dv-choice-grid{grid-template-columns:1fr}.dv-result.ready{grid-template-columns:1fr}.deen-visualizer-promo{align-items:flex-start;flex-direction:column}.deen-visualizer-promo a{width:100%;text-align:center}.dv-shell{width:min(100% - 20px,1440px)}}
@media(prefers-reduced-motion:reduce){.dv-ring{animation:none}}