/* WorldDive visual layer — does not replace original Vibro.X layout, animations or themes. */
.wd-video-surface{position:relative;isolation:isolate;border-radius:13px;overflow:hidden;background:#05060c}
.wd-video-surface>.video-player{width:100%;display:block}
.wd-signature{position:absolute;right:17px;top:16px;padding:7px 12px;border-radius:99px;color:#fff;font:700 12px/1.1 Inter,system-ui,sans-serif;letter-spacing:.4px;background:linear-gradient(110deg,#0a0712b8,#1a081ac9);border:1px solid #ff567050;box-shadow:0 4px 22px #0007;z-index:5;pointer-events:none;text-shadow:0 1px 3px #000}
.wd-signature[hidden]{display:none}
.wd-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 0 11px;border-bottom:1px solid #ffffff13;margin-bottom:8px}
.wd-toolbar-title{font:bold 11px Inter,system-ui,sans-serif;letter-spacing:1.5px;color:#ed6b91;margin-right:7px}
.wd-button{border:1px solid #ffffff34;border-radius:10px;background:linear-gradient(125deg,#ffffff1e,#ffffff08);color:#faf5f7;cursor:pointer;font:600 12px Inter,system-ui,sans-serif;padding:9px 12px;white-space:nowrap;transition:border-color .15s,background .15s,transform .15s}
.wd-button:hover{border-color:#ff4269;background:#eb37592d;transform:translateY(-1px)}
.wd-button:focus-visible{outline:2px solid #ff9bae;outline-offset:2px}
.wd-button:disabled{opacity:.5;cursor:wait}
.wd-button[hidden]{display:none}
.wd-primary{background:linear-gradient(115deg,#c51346,#ee4e72);border-color:#ff638a;color:#fff;box-shadow:0 6px 18px #c113453b}
.wd-primary:hover{background:linear-gradient(115deg,#e02555,#fb628a)}
.wd-free-label{font:700 10px Inter,system-ui,sans-serif;letter-spacing:.7px;color:#d7b3c0;margin-left:auto}
.wd-hotspot-layer{position:absolute;inset:0;pointer-events:none;z-index:4}
.wd-hotspot{position:absolute;transform:translate(-50%,-50%);border-radius:100%;width:33px;height:33px;border:2px solid #fff;background:#d60e44e8;box-shadow:0 0 0 6px #ee3e6644,0 3px 18px #000b;color:#fff;cursor:pointer;pointer-events:auto;font-size:21px;font-weight:600;line-height:24px}
.wd-hotspot:hover{background:#fb426e;box-shadow:0 0 0 9px #ee3e6666}
.wd-hotspot-list{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:4px 0 12px}
.wd-spot-label{font-size:10px;letter-spacing:1.5px;font-weight:700;color:#ff82a0;margin-right:5px}
.wd-spot-chip{border-radius:30px;padding:6px 11px;background:#941b3d31;border:1px solid #d2456970;color:#fff;font:500 11px Inter,system-ui,sans-serif;cursor:pointer}
.wd-spot-chip:hover{background:#c53b5a60}
.wd-stage{position:fixed;z-index:999999;inset:0;display:flex;overflow:hidden;flex-direction:column;color:#fff;background:linear-gradient(180deg,#3d658a 0%,#99bccf 42%,#c6d3b5 55%,#33413d 100%);font-family:Inter,system-ui,sans-serif;isolation:isolate}
.wd-stage[hidden],.wd-joystick[hidden],.wd-crosshair[hidden]{display:none!important}
.wd-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;outline:none;z-index:1;cursor:grab}
.wd-canvas:active{cursor:grabbing}
.wd-vignette{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#020713bd 0%,transparent 17%,transparent 72%,#05020bc7 100%),radial-gradient(ellipse at center,transparent 45%,#10101c55 100%)}
.wd-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:19px clamp(14px,3vw,42px)}
.wd-head-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:900;letter-spacing:1px;text-shadow:0 2px 16px #000b}
.wd-head-brand small{font-size:10px;letter-spacing:3px;color:#ffc6d5;display:block;margin-top:2px}
.wd-red{color:#ff406b}.wd-symbol{font-size:33px;color:#ff4169;line-height:1}
.wd-head-actions{display:flex;align-items:center;gap:10px}
.wd-label,.wd-eyebrow{font-size:10px;font-weight:800;letter-spacing:1.4px;color:#ffb6cb;background:#130a19a8;border:1px solid #ff698a43;border-radius:999px;padding:8px 12px}
.wd-crosshair{z-index:3;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:22px;font-weight:200;color:#fff9;pointer-events:none;text-shadow:0 2px 10px #000}
.wd-bottom{z-index:3;position:relative;margin:auto clamp(14px,3vw,42px) 27px;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;pointer-events:none}
.wd-title{max-width:620px}.wd-eyebrow{display:inline-block}.wd-title h2{font-size:clamp(23px,3vw,36px);line-height:1.14;margin:13px 0 7px;text-shadow:0 2px 22px #000a}
.wd-title p{font-size:12px;max-width:480px;line-height:1.5;color:#f0dce5;text-shadow:0 1px 8px #000}
.wd-control-hint{font-size:11px;line-height:1.7;background:#06060bc2;border:1px solid #ffffff32;border-radius:14px;padding:12px 16px;color:#e8d6dc;max-width:380px}
.wd-joystick{position:absolute;z-index:8;bottom:125px;left:22px;display:none;gap:2px;flex-direction:column;align-items:center}
.wd-joystick div{display:flex;gap:5px}.wd-joystick button{background:#141223ac;color:#fff;border:1px solid #ffffff60;width:46px;height:46px;border-radius:10px;touch-action:none}
body.wd-exploring{overflow:hidden!important}
.wd-studio{border:1px solid #df446b72;max-width:min(670px,94vw);width:100%;padding:0;border-radius:20px;background:#12101e;color:#f9f3f6;box-shadow:0 20px 100px #000c;font-family:Inter,system-ui,sans-serif}
.wd-studio::backdrop{background:#05040ade;backdrop-filter:blur(5px)}
.wd-studio-frame{padding:25px;max-height:min(88vh,850px);overflow:auto}
.wd-studio header{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid #ffffff20;padding-bottom:13px;margin-bottom:20px}
.wd-studio header h2{margin:5px 0;font-size:25px}.wd-studio header p,.wd-studio-spots>p{font-size:12px;line-height:1.5;color:#c8bcc7}.wd-studio header small{font-size:10px;color:#ff6e98;letter-spacing:1px;font-weight:800}
.wd-studio-x{background:#ffffff16;color:#fff;border:1px solid #ffffff2c;width:35px;height:35px;border-radius:50%;font-size:24px;cursor:pointer}
.wd-studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:13px}
.wd-studio label{font-size:12px;color:#f9f3f6;display:flex;flex-direction:column;gap:6px}
.wd-studio input:not([type=checkbox]),.wd-studio textarea,.wd-studio select{background:#070914;border:1px solid #ffffff34;color:#fff;font:12px Inter,system-ui,sans-serif;border-radius:9px;padding:11px;width:100%;box-sizing:border-box}
.wd-studio input:focus-visible,.wd-studio textarea:focus-visible,.wd-studio select:focus-visible{outline:2px solid #ff4f78}
.wd-studio label.wd-switch{flex-direction:row;align-items:center;gap:9px;padding:8px;border:1px solid #ffffff12;border-radius:10px}
.wd-studio input[type=checkbox]{accent-color:#ec3766;width:18px;height:18px}
.wd-studio-spots{border-top:1px solid #ffffff25;margin-top:18px;padding-top:11px}
.wd-studio-spots h3{font-size:15px;display:flex;justify-content:space-between}.wd-studio-spots h3 span{color:#f76c93;font-size:12px}
.wd-studio textarea{height:64px;resize:vertical}.wd-studio-spots>.wd-button{margin-top:9px}
.wd-editor-spot{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #ffffff18;padding:7px 0;font-size:12px}
.wd-editor-spot .wd-button{padding:5px 8px}
.wd-studio footer{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;border-top:1px solid #ffffff20;padding-top:16px}
#wdStudioError{color:#ffa1b8;font-size:12px}
@media(max-width:760px){.wd-free-label{width:100%;margin:4px 0}.wd-label{display:none}.wd-bottom{flex-direction:column;align-items:flex-start;margin-bottom:22px}.wd-control-hint{max-width:100%}.wd-joystick:not([hidden]){display:flex}.wd-head{padding:12px}.wd-head-brand{font-size:13px}.wd-head-brand small{font-size:9px}.wd-button{font-size:11px;padding:8px}.wd-studio-grid{grid-template-columns:1fr}.wd-studio-frame{padding:15px}.wd-signature{font-size:10px;top:9px;right:8px}}
@media(prefers-reduced-motion:reduce){.wd-button{transition:none}}

.wd-source-frame{position:absolute;right:clamp(15px,3vw,42px);top:92px;z-index:4;width:clamp(124px,16vw,220px);border:1px solid #ff729477;background:#100d19d9;color:#fff;padding:7px;border-radius:14px;box-shadow:0 12px 32px #0009;cursor:pointer;text-align:left;overflow:hidden}
.wd-source-frame[hidden]{display:none!important}
.wd-source-frame img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;border-radius:7px}
.wd-source-frame span{display:block;font:800 9px Inter,system-ui,sans-serif;letter-spacing:.4px;margin:8px 0 2px;color:#ffacc3}
.wd-source-frame:hover{border-color:#ff7294}
@media(max-width:760px){.wd-source-frame{width:110px;top:77px;right:13px}.wd-source-frame span{font-size:8px}}

/* SourceVision uses the video's own frame palette instead of the old meadow sky. */
.wd-stage.wd-source-mode{background:radial-gradient(ellipse at 50% 40%,var(--wd-source-color,#240c19),#09050b 68%,#020204 100%)}
.wd-source-status{position:absolute;z-index:6;left:50%;top:50%;transform:translate(-50%,-50%);background:#09060ce9;border:1px solid #ee456a7a;border-radius:18px;padding:18px 24px;color:#fce3eb;max-width:min(90vw,420px);text-align:center;font:600 13px system-ui;box-shadow:0 20px 65px #0009}
.wd-source-status[hidden]{display:none!important}
.wd-stage.wd-source-mode .wd-control-hint{border-color:#ff557966;background:#120810e0}