.vdn-card{overflow:hidden;padding:0!important}
.vdn-loading{display:flex;min-height:150px;align-items:center;justify-content:center;gap:10px;color:var(--muted);font-size:13px}
.vdn-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:28px 30px;border-bottom:1px solid var(--border)}
.vdn-title{display:flex;align-items:flex-start;gap:14px}
.vdn-mark{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid rgba(95,78,255,.22);border-radius:14px;background:linear-gradient(145deg,rgba(39,201,246,.18),rgba(108,79,255,.16));color:#5848ea}
.vdn-mark svg{width:21px;height:21px}
.vdn-title h3{margin:1px 0 5px;color:var(--text);font-size:17px;letter-spacing:-.025em}
.vdn-title p{max-width:680px;margin:0;color:var(--muted);font-size:12px;line-height:1.55}
.vdn-head-actions{display:flex;align-items:center;gap:9px}
.vdn-badge{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.vdn-badge i{width:7px;height:7px;border-radius:50%;background:#9ca3af}
.vdn-badge.is-active{border-color:rgba(20,184,116,.26);background:rgba(20,184,116,.08);color:#087b4b}.vdn-badge.is-active i{background:#14b874}
.vdn-badge.is-review{border-color:rgba(245,158,11,.27);background:rgba(245,158,11,.08);color:#9a5c00}.vdn-badge.is-review i{background:#f59e0b}
.vdn-body{padding:26px 30px 30px}
.vdn-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.vdn-mode{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr);gap:13px;padding:17px;border:1px solid var(--border);border-radius:16px;background:var(--surface);text-align:left;transition:border-color .18s,box-shadow .18s,transform .18s}
.vdn-mode:hover{transform:translateY(-1px);border-color:rgba(94,77,255,.34);box-shadow:0 12px 28px rgba(23,33,66,.06)}
.vdn-mode.is-on{border-color:#6c58ee;box-shadow:0 0 0 3px rgba(108,88,238,.1)}
.vdn-mode>i{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#f2f1ff;color:#5c49e5;font-style:normal;font-size:18px}
.vdn-mode b{display:block;margin:1px 0 4px;color:var(--text);font-size:13px}.vdn-mode span{display:block;color:var(--muted);font-size:11px;line-height:1.45}
.vdn-create{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:16px}
.vdn-create-intro{display:flex;flex-direction:column;gap:5px}.vdn-create-intro b{color:var(--text);font-size:14px}.vdn-create-intro span{max-width:680px;color:var(--muted);font-size:11px;line-height:1.55}
.vdn-input{width:100%;min-height:42px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font:inherit;font-size:13px;outline:none}.vdn-input:focus{border-color:#6554df;box-shadow:0 0 0 3px rgba(101,84,223,.1)}
.vdn-btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;gap:8px;padding:0 15px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--text);font:inherit;font-size:12px;font-weight:800;cursor:pointer;transition:transform .16s,box-shadow .16s,background .16s}
.vdn-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 20px rgba(23,33,66,.08)}.vdn-btn:focus-visible{outline:3px solid rgba(101,84,223,.18);outline-offset:2px}.vdn-btn:disabled{cursor:not-allowed;opacity:.48}
.vdn-btn.primary{border-color:#5b49de;background:#5b49de;color:#fff}.vdn-btn.danger{border-color:rgba(220,38,38,.2);color:#b91c1c}
.vdn-workspace{display:grid;grid-template-columns:250px minmax(0,1fr);gap:22px}
.vdn-side{display:flex;flex-direction:column;gap:8px}
.vdn-pack{width:100%;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--surface);text-align:left}.vdn-pack.is-on{border-color:#6b56ea;background:#f7f6ff}
.vdn-pack b{display:block;overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.vdn-pack span{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.vdn-panel{min-width:0}
.vdn-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.vdn-panel-head h4{margin:0 0 4px;color:var(--text);font-size:15px}.vdn-panel-head p{margin:0;color:var(--muted);font-size:11px;line-height:1.5}
.vdn-upload{position:relative;display:flex;min-height:112px;align-items:center;justify-content:center;gap:13px;padding:20px;border:1px dashed rgba(93,76,225,.36);border-radius:16px;background:linear-gradient(145deg,rgba(236,246,255,.64),rgba(247,244,255,.72));text-align:left}
.vdn-upload input{position:absolute;inset:0;width:100%;height:100%;cursor:pointer;opacity:0}
.vdn-upload svg{width:25px;height:25px;color:#5d4ce1}.vdn-upload b{display:block;color:var(--text);font-size:12px}.vdn-upload span{display:block;margin-top:3px;color:var(--muted);font-size:10px}
.vdn-link-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:10px}
.vdn-assets{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:12px}
.vdn-asset{position:relative;aspect-ratio:1;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:#edf0f5}.vdn-asset img{width:100%;height:100%;object-fit:cover}.vdn-asset small{position:absolute;right:5px;bottom:5px;padding:3px 6px;border-radius:999px;background:rgba(10,14,24,.76);color:#fff;font-size:8px}
.vdn-progress{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:13px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.vdn-progress p{margin:0;color:var(--muted);font-size:11px}.vdn-progress b{color:var(--text)}
.vdn-network-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:17px}
.vdn-network{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:9px;font-weight:750}.vdn-network.is-premium{border-color:rgba(91,73,222,.2);color:#5947d5}.vdn-network em{font-style:normal;font-size:7px;text-transform:uppercase}
.vdn-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.vdn-preview{overflow:hidden;border:1px solid var(--border);border-radius:14px;background:#f0f2f6}.vdn-preview-media{display:flex;aspect-ratio:4/5;align-items:center;justify-content:center;background:#e9edf3}.vdn-preview-media.is-story{aspect-ratio:9/16}.vdn-preview img{display:block;width:100%;height:100%;object-fit:cover}.vdn-preview .empty{padding:20px;color:var(--muted);font-size:10px;text-align:center}.vdn-preview footer{display:flex;align-items:center;justify-content:space-between;padding:10px 11px;background:var(--surface)}.vdn-preview footer b{font-size:10px}.vdn-preview footer span{color:var(--muted);font-size:9px}
.vdn-review-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:17px}.vdn-review-actions p{max-width:540px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.vdn-review-actions>div{display:flex;gap:8px}
.vdn-error{padding:13px 14px;border:1px solid rgba(220,38,38,.18);border-radius:12px;background:rgba(220,38,38,.05);color:#a61d1d;font-size:11px}
.vdn-off{padding:28px;text-align:center}.vdn-off h4{margin:0 0 6px;font-size:14px}.vdn-off p{margin:0;color:var(--muted);font-size:11px}
.vdn-consumer-slot:empty{display:none}
.vdn-consumer{display:flex;align-items:center;gap:11px;margin:0 0 16px;padding:12px 13px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}
.vdn-consumer.is-active{border-color:rgba(91,73,222,.24);background:linear-gradient(135deg,rgba(39,201,246,.06),rgba(108,79,255,.07))}
.vdn-consumer.is-loading{min-height:56px;color:var(--muted);font-size:11px}
.vdn-consumer-mark{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border-radius:10px;background:#efefff;color:#5947d5;font-size:12px;font-weight:850}
.vdn-consumer>div{min-width:0;flex:1}.vdn-consumer b{display:block;overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.vdn-consumer div>span{display:block;margin-top:3px;color:var(--muted);font-size:9.5px;line-height:1.4}.vdn-consumer>em{color:#5947d5;font-size:9px;font-style:normal;font-weight:850}
body.theme-mono .vdn-btn.primary{background:#111;color:#fff;border-color:#111}
.vdn-modal[hidden]{display:none!important}.vdn-modal{position:fixed;z-index:240;inset:0;display:grid;place-items:center;padding:20px}.vdn-modal-backdrop{position:absolute;inset:0;background:rgba(4,18,50,.56);backdrop-filter:blur(5px)}body.vdn-modal-open{overflow:hidden}
.vdn-dialog{position:relative;width:min(720px,100%);max-height:min(760px,92vh);overflow:hidden;border:1px solid rgba(255,255,255,.7);border-radius:24px;background:#fff;box-shadow:0 36px 110px rgba(4,20,60,.35)}
.vdn-dialog header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 19px;border-bottom:1px solid var(--border)}.vdn-dialog header span{color:#2c7ec8;font:800 9px "Space Mono",monospace;letter-spacing:.12em;text-transform:uppercase}.vdn-dialog header h3{margin:5px 0 6px;color:var(--text);font-size:21px;letter-spacing:-.035em}.vdn-dialog header p{max-width:570px;margin:0;color:var(--muted);font-size:11px;line-height:1.55}
.vdn-dialog-close{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid var(--border);border-radius:11px;background:#fff;color:#6b7484;font-size:22px;line-height:1;cursor:pointer}.vdn-dialog-body{overflow:auto;padding:22px 26px}.vdn-field{display:grid;gap:7px}.vdn-field>span{color:var(--text);font-size:11px;font-weight:800}
.vdn-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.vdn-source-card{position:relative;display:grid;min-height:154px;align-content:center;justify-items:center;gap:6px;padding:18px;border:1px solid var(--border);border-radius:17px;background:#f9fbff;text-align:center;cursor:pointer}.vdn-source-card:hover{border-color:#7ac9e5;background:#f2fbfe}.vdn-source-card>span{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#eef0ff;color:#5b49de;font-size:18px}.vdn-source-card>b{color:var(--text);font-size:12px}.vdn-source-card>small{color:var(--muted);font-size:9.5px;line-height:1.45}.vdn-source-card input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.vdn-source-card input[type=url]{position:relative;margin-top:5px;background:#fff;cursor:text}
.vdn-source-card.is-selected{border-color:#18a675;background:linear-gradient(145deg,#f0fcf7,#f5fbff);box-shadow:0 0 0 3px rgba(24,166,117,.1)}
.vdn-source-card.is-selected>span{background:#e8f8f1;color:#12835d}
.vdn-source-card.is-selected>b{max-width:100%;overflow:hidden;padding:0 8px;text-overflow:ellipsis;white-space:nowrap}
.vdn-source-card.is-selected>small{color:#12835d;font-weight:750}
.vdn-dialog footer{display:flex;justify-content:flex-end;gap:9px;padding:16px 26px;border-top:1px solid var(--border);background:#fafbfe}
.vdn-direction-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:18px 0 12px}.vdn-direction-intro b{color:var(--text);font-size:14px}.vdn-direction-intro span{max-width:540px;color:var(--muted);font-size:10.5px;line-height:1.5;text-align:right}
.vdn-directions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.vdn-direction{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:17px;background:#fff;box-shadow:0 9px 24px rgba(9,43,120,.05);transition:border-color .18s,box-shadow .18s,transform .18s}
.vdn-direction:hover{transform:translateY(-2px);border-color:#9fc8ec;box-shadow:0 16px 34px rgba(9,43,120,.1)}.vdn-direction.is-selected{border-color:#5b49de;box-shadow:0 0 0 3px rgba(91,73,222,.12),0 16px 34px rgba(9,43,120,.1)}
.vdn-direction-select{display:block;width:100%;padding:10px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.vdn-direction-select:disabled{cursor:wait;opacity:.62}.vdn-direction-select:focus-visible{outline:3px solid rgba(101,84,223,.22);outline-offset:-3px}
.vdn-direction-media{display:grid;position:relative;aspect-ratio:4/5;overflow:hidden;place-items:center;border-radius:12px;background:#eef3fa;color:var(--muted);font-size:10px}.vdn-direction-media img{display:block;width:100%;height:100%;object-fit:cover}
.vdn-direction-copy{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:11px 3px 3px}.vdn-direction-copy b{overflow:hidden;color:var(--text);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.vdn-direction-copy small{grid-column:1/-1;color:var(--muted);font-size:9.5px;line-height:1.4}.vdn-direction-copy em{grid-column:2;grid-row:1;color:#5b49de;font-size:9px;font-style:normal;font-weight:850;text-transform:uppercase}
@media(max-width:900px){.vdn-head{flex-direction:column}.vdn-workspace{grid-template-columns:1fr}.vdn-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.vdn-assets{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.vdn-directions{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.vdn-head,.vdn-body{padding:20px}.vdn-intro,.vdn-previews,.vdn-source-grid,.vdn-directions{grid-template-columns:1fr}.vdn-direction-intro{align-items:flex-start;flex-direction:column}.vdn-direction-intro span{text-align:left}.vdn-create,.vdn-link-row{grid-template-columns:1fr}.vdn-review-actions{align-items:stretch;flex-direction:column}.vdn-review-actions>div{width:100%}.vdn-review-actions .vdn-btn{flex:1}.vdn-side{grid-template-columns:1fr}.vdn-consumer{align-items:flex-start;flex-wrap:wrap}.vdn-consumer>div{min-width:calc(100% - 46px)}.vdn-dialog{max-height:94vh}.vdn-dialog header,.vdn-dialog-body,.vdn-dialog footer{padding-left:18px;padding-right:18px}}