.dv-demo{--dv-canvas:#0c0c13;--dv-card:#12121a;--dv-card-2:#1a1a24;--dv-hover:#22222f;--dv-border:#ffffff14;--dv-border-strong:#ffffff24;--dv-text:#eeeef0;--dv-text-2:#9898a6;--dv-text-3:#65657a;--dv-accent:#7d64f2;--dv-accent-light:#9b82f5;--dv-accent-subtle:#7d64f224;--dv-added:#34d399;--dv-deleted:#f87171;--dv-renamed:#60a5fa;--dv-modified:#fbbf24;--dv-live:#34d399;--dv-r1:6px;--dv-r2:10px;--dv-r3:14px;--dv-shadow:0 24px 60px #00000080;--dv-font:var(--font-body,"Geologica", system-ui, sans-serif);--dv-font-display:var(--font-display,"Ubuntu", system-ui, sans-serif);--dv-font-mono:var(--font-mono,"Geist Mono", monospace);color:var(--dv-text);font-family:var(--dv-font);container:dv-demo/inline-size}.dv-demo *,.dv-demo :before,.dv-demo :after{box-sizing:border-box}.dv-demo,.dv-demo *{scrollbar-width:thin;scrollbar-color:var(--dv-accent) transparent}.dv-demo::-webkit-scrollbar,.dv-demo ::-webkit-scrollbar{width:10px;height:10px}.dv-demo::-webkit-scrollbar-track,.dv-demo ::-webkit-scrollbar-track{background:0 0}.dv-demo::-webkit-scrollbar-thumb,.dv-demo ::-webkit-scrollbar-thumb{background:var(--dv-accent);background-clip:padding-box;border:2px solid #0000;border-radius:999px}.dv-demo::-webkit-scrollbar-thumb:hover,.dv-demo ::-webkit-scrollbar-thumb:hover{background:var(--dv-accent-light);background-clip:padding-box}.dv-demo :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.dv-demo :where(input){font:inherit;color:inherit}.dv-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dv-demo{width:100%;height:auto;min-height:560px;display:block}.dv-window{background:var(--dv-canvas);border:1px solid var(--dv-border);border-radius:var(--dv-r3);height:auto;min-height:560px;box-shadow:var(--dv-shadow);flex-direction:column;font-size:14px;display:flex;position:relative;overflow:hidden}.dv-topbar{border-bottom:1px solid var(--dv-border);background:linear-gradient(#ffffff05,#0000);flex:none;align-items:center;gap:16px;height:52px;padding:0 14px;display:flex}.dv-topbar__brand{align-items:center;gap:9px;display:flex}.dv-logo{background:url(/assets/logo.svg) center/contain no-repeat, linear-gradient(135deg, var(--dv-accent), var(--dv-accent-light));border-radius:6px;width:22px;height:22px}.dv-topbar__title{font-family:var(--dv-font-display);letter-spacing:.2px;font-weight:600}.dv-topbar__project{border-radius:var(--dv-r2);background:var(--dv-card);border:1px solid var(--dv-border);color:var(--dv-text-2);align-items:center;gap:8px;min-width:0;padding:5px 10px;font-size:12.5px;display:flex}.dv-topbar__project-name{color:var(--dv-text);font-weight:500}.dv-topbar__branch{color:var(--dv-text-3);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dv-topbar__actions{align-items:center;gap:8px;margin-left:auto;display:flex}.dv-cmd-pill{border-radius:var(--dv-r2);background:var(--dv-card);border:1px solid var(--dv-border);height:34px;color:var(--dv-text-3);align-items:center;gap:8px;padding:0 10px 0 12px;transition:border-color .15s,background .15s;display:flex}.dv-cmd-pill:hover{border-color:var(--dv-border-strong);background:var(--dv-card-2)}.dv-cmd-pill span:not(.dv-cmd-pill__keys){font-size:12.5px}.dv-cmd-pill__keys{gap:3px;display:flex}kbd{font-family:var(--dv-font-mono);background:var(--dv-card-2);border:1px solid var(--dv-border-strong);color:var(--dv-text-2);border-radius:5px;padding:3px 5px;font-size:11px;line-height:1}.dv-icon-btn{border-radius:var(--dv-r2);height:34px;color:var(--dv-text-2);border:1px solid #0000;align-items:center;gap:6px;padding:0 10px;transition:background .15s,color .15s;display:inline-flex}.dv-icon-btn:hover{background:var(--dv-hover);color:var(--dv-text)}.dv-icon-btn--muted{color:var(--dv-text-3)}.dv-watch__dot{background:var(--dv-text-3);border-radius:50%;width:8px;height:8px}.dv-watch__label{font-size:12px}.dv-watch.is-live{color:var(--dv-live)}.dv-watch.is-live .dv-watch__dot{background:var(--dv-live);animation:2s infinite dv-pulse;box-shadow:0 0 #34d39999}@keyframes dv-pulse{0%{box-shadow:0 0 #34d39980}70%{box-shadow:0 0 0 7px #34d39900}to{box-shadow:0 0 #34d39900}}.dv-body{flex:1;min-height:0;display:flex}.dv-sidebar{border-right:1px solid var(--dv-border);background:var(--dv-card);flex-direction:column;flex:none;width:300px;min-height:0;display:flex}.dv-sidebar__header{border-bottom:1px solid var(--dv-border);flex-direction:column;gap:12px;padding:14px;display:flex}.dv-sidebar__repo{color:var(--dv-text-2);align-items:center;gap:10px;display:flex}.dv-sidebar__repo-text{flex-direction:column;min-width:0;display:flex}.dv-sidebar__repo-name{color:var(--dv-text);font-weight:600}.dv-sidebar__repo-branch{color:var(--dv-text-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.dv-sidebar__search{border-radius:var(--dv-r2);background:var(--dv-canvas);border:1px solid var(--dv-border);height:34px;color:var(--dv-text-3);align-items:center;gap:8px;padding:0 10px;display:flex}.dv-sidebar__input{background:0 0;border:none;outline:none;width:100%;font-size:13px}.dv-sidebar__section{letter-spacing:.4px;text-transform:uppercase;color:var(--dv-text-3);justify-content:space-between;align-items:center;padding:10px 14px 6px;font-size:11px;display:flex}.dv-sidebar__counts{gap:8px;display:flex}.dv-sidebar__counts em{font-style:normal}.dv-filelist{flex:1;min-height:0;margin:0;padding:4px 8px 12px;list-style:none;overflow-y:visible}.dv-file{text-align:left;border-radius:var(--dv-r2);align-items:center;gap:10px;width:100%;padding:9px 10px;transition:background .12s;display:flex}.dv-file:hover{background:var(--dv-hover)}.dv-file.is-selected{background:var(--dv-card-2);box-shadow:inset 0 0 0 1px var(--dv-border-strong)}.dv-file.is-updated{animation:2.2s ease-out dv-flash}@keyframes dv-flash{0%{background:var(--dv-accent-subtle)}to{background:0 0}}.dv-file__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.dv-file__name{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.dv-file__folder{color:var(--dv-text-3);text-align:left;text-overflow:ellipsis;white-space:nowrap;direction:rtl;font-size:11.5px;overflow:hidden}.dv-file__status{font-size:11.5px;font-weight:600;font-family:var(--dv-font-mono);flex:none}.is-added{color:var(--dv-added)}.is-deleted{color:var(--dv-deleted)}.is-renamed{color:var(--dv-renamed)}.is-modified{color:var(--dv-modified)}.dv-filelist__empty{color:var(--dv-text-3);text-align:center;padding:24px 12px;font-size:13px}.dv-viewer{flex-direction:column;flex:1;gap:14px;min-width:0;padding:18px;display:flex}.dv-viewer__title{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.dv-viewer__path{font-family:var(--dv-font-mono);color:var(--dv-text-2);font-size:12.5px}.dv-viewer__note{color:var(--dv-text-3);font-size:11.5px}.dv-viewer__stage{border-radius:var(--dv-r2);border:1px solid var(--dv-border);background:repeating-conic-gradient(#1b1b24 0% 25%,#15151d 0% 50%) 50%/22px 22px;flex:1;min-height:0;position:relative;overflow:hidden}.dv-stage{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dv-shot{object-fit:contain;user-select:none;-webkit-user-drag:none;max-width:100%;max-height:100%;display:block}.dv-layer{justify-content:center;align-items:center;transition:opacity .12s;display:flex;position:absolute;inset:0}.dv-badge{border-radius:var(--dv-r1);border:1px solid var(--dv-border-strong);color:var(--dv-text);backdrop-filter:blur(6px);background:#0c0c13d1;padding:4px 9px;font-size:11.5px;font-weight:600;position:absolute;top:12px;left:12px}.dv-split{gap:0}.dv-split__half{flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.dv-split__half+.dv-split__half{border-left:1px solid var(--dv-border-strong)}.dv-union__top{mix-blend-mode:difference}.dv-swipe{touch-action:none;cursor:ew-resize}.dv-swipe__before{overflow:hidden}.dv-swipe__handle{background:var(--dv-accent-light);pointer-events:none;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.dv-swipe__grip{background:var(--dv-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #0006}.dv-mode-bar{flex:none;justify-content:center;align-items:center;gap:12px;display:flex}.dv-mode-bar__card{border-radius:var(--dv-r2);background:var(--dv-card);border:1px solid var(--dv-border);gap:4px;padding:4px;display:flex}.dv-mode{border-radius:var(--dv-r1);letter-spacing:.4px;color:var(--dv-text-2);padding:6px 12px;font-size:11.5px;font-weight:600;transition:background .12s,color .12s}.dv-mode:hover{color:var(--dv-text);background:var(--dv-hover)}.dv-mode.is-active{background:var(--dv-accent);color:#fff}.dv-ab-toggle{background:var(--dv-card-2);border:1px solid var(--dv-border-strong);width:34px;height:34px;color:var(--dv-text);font-weight:700;font-family:var(--dv-font-mono);border-radius:50%}.dv-ab-toggle:hover{background:var(--dv-hover)}.dv-empty{color:var(--dv-text-3);margin:auto}.dv-toast{border-radius:var(--dv-r2);background:var(--dv-card-2);border:1px solid var(--dv-border-strong);color:var(--dv-text);box-shadow:var(--dv-shadow);z-index:40;padding:9px 16px;font-size:13px;animation:.2s dv-toast-in;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}@keyframes dv-toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.dv-mark{background:var(--dv-accent-subtle);color:var(--dv-accent-light);border-radius:3px}@media (prefers-reduced-motion:reduce){.dv-demo *{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.dv-modal-backdrop{z-index:50;backdrop-filter:blur(3px);background:#06060a8c;justify-content:center;align-items:flex-start;padding-top:72px;display:flex;position:absolute;inset:0}.dv-modal{background:var(--dv-card);border:1px solid var(--dv-border-strong);border-radius:var(--dv-r3);width:520px;max-width:calc(100% - 32px);max-height:calc(100% - 96px);box-shadow:var(--dv-shadow);flex-direction:column;animation:.14s dv-modal-in;display:flex;overflow:hidden}@keyframes dv-modal-in{0%{opacity:0;transform:translateY(-6px)}}.dv-cmd{flex-direction:column;min-height:0;display:flex}.dv-cmd__search{border-bottom:1px solid var(--dv-border);color:var(--dv-text-3);align-items:center;gap:10px;padding:14px 16px;display:flex}.dv-cmd__input{background:0 0;border:none;outline:none;width:100%;font-size:15px}.dv-cmd__list{margin:0;padding:6px;list-style:none;overflow-y:auto}.dv-cmd__list ul{margin:0;padding:0;list-style:none}.dv-cmd__section{letter-spacing:.6px;text-transform:uppercase;color:var(--dv-text-3);padding:10px 10px 4px;font-size:10.5px}.dv-cmd__item{border-radius:var(--dv-r2);cursor:pointer;align-items:center;gap:11px;padding:9px 10px;display:flex}.dv-cmd__item.is-active{background:var(--dv-accent-subtle)}.dv-cmd__item.is-disabled{opacity:.45;cursor:default}.dv-cmd__icon{color:var(--dv-text-2);display:flex}.dv-cmd__item.is-active .dv-cmd__icon{color:var(--dv-accent-light)}.dv-cmd__label{flex:1;min-width:0}.dv-cmd__meta{color:var(--dv-text-3);text-transform:capitalize;font-size:11.5px}.dv-cmd__keys{gap:3px;display:flex}.dv-cmd__empty{text-align:center;color:var(--dv-text-3);padding:24px}.dv-shortcuts{padding:20px 22px 24px;overflow-y:auto}.dv-shortcuts__title{font-family:var(--dv-font-display);margin:0 0 16px;font-size:17px}.dv-shortcuts__group{margin-bottom:18px}.dv-shortcuts__group-title{letter-spacing:.6px;color:var(--dv-text-3);margin-bottom:8px;font-size:10.5px}.dv-shortcuts__rows{border:1px solid var(--dv-border);border-radius:var(--dv-r2);overflow:hidden}.dv-shortcuts__row{justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.dv-shortcuts__row+.dv-shortcuts__row{border-top:1px solid var(--dv-border)}.dv-shortcuts__keys{align-items:center;gap:6px;display:flex}.dv-shortcuts__or{color:var(--dv-text-3);margin:0 2px;font-size:11px}.dv-tour-pill{z-index:30;background:var(--dv-accent);color:#fff;border-radius:999px;align-items:center;gap:7px;padding:9px 15px;font-size:13px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;bottom:18px;right:18px;box-shadow:0 8px 24px #7d64f266}.dv-tour-pill:hover{transform:translateY(-1px);box-shadow:0 12px 30px #7d64f280}.dv-tour{z-index:60;position:absolute;inset:0}.dv-tour__scrim{background:#06060a8c;position:absolute;inset:0}.dv-tour__spotlight{border-radius:var(--dv-r2);outline:2px solid var(--dv-accent-light);outline-offset:0;pointer-events:none;transition:all .2s;position:absolute;box-shadow:0 0 0 9999px #06060a9e}.dv-tour__callout{background:var(--dv-card);border:1px solid var(--dv-border-strong);border-radius:var(--dv-r3);width:300px;max-width:calc(100% - 32px);box-shadow:var(--dv-shadow);padding:16px 18px;position:absolute}.dv-tour__callout:not([style*=top]){top:50%;left:50%;transform:translate(-50%,-50%)}.dv-tour__step{letter-spacing:.4px;text-transform:uppercase;color:var(--dv-accent-light);margin-bottom:6px;font-size:11px}.dv-tour__title{font-family:var(--dv-font-display);margin:0 0 6px;font-size:16px}.dv-tour__body{color:var(--dv-text-2);margin:0 0 16px;font-size:13px;line-height:1.5}.dv-tour__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.dv-tour__skip{color:var(--dv-text-3);font-size:12.5px}.dv-tour__skip:hover{color:var(--dv-text)}.dv-tour__nav{gap:8px;display:flex}.dv-btn{border-radius:var(--dv-r2);background:var(--dv-card-2);border:1px solid var(--dv-border-strong);color:var(--dv-text);padding:7px 14px;font-size:13px;font-weight:600}.dv-btn:hover{background:var(--dv-hover)}.dv-btn--primary{background:var(--dv-accent);color:#fff;border-color:#0000}.dv-btn--primary:hover{background:var(--dv-accent-light)}@container dv-demo (width<=759.98px){.dv-topbar__project,.dv-cmd-pill span:not(.dv-cmd-pill__keys){display:none}.dv-cmd-pill{padding:0 10px}.dv-watch__label{display:none}.dv-body{flex-direction:column}.dv-sidebar{border-right:none;border-bottom:1px solid var(--dv-border);width:100%;max-height:180px}.dv-sidebar__header{padding:10px 12px}.dv-filelist{gap:8px;padding:8px 10px;display:flex;overflow:auto hidden}.dv-file{flex:none;width:auto;min-width:150px}.dv-mode-bar__card{flex-wrap:wrap;justify-content:center}.dv-tour__callout.is-sheet{width:auto;bottom:16px;right:16px;top:auto!important;left:16px!important;transform:none!important}}