:root{
  --bg:#07101d;--bg2:#0b1627;--panel:#0d192b;--panel2:#101f34;--line:#1d2b42;
  --text:#eef5ff;--muted:#8190a9;--accent:#6d72ff;--accent2:#3ab8ff;--danger:#ff667d;
  --green:#3ad79d;--shadow:0 24px 80px rgba(0,0,0,.35)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
button,input{font:inherit}
button{color:inherit}
.hidden{display:none!important}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:
  radial-gradient(circle at 20% 10%,rgba(109,114,255,.2),transparent 32rem),
  radial-gradient(circle at 90% 90%,rgba(58,184,255,.14),transparent 30rem),var(--bg)}
.auth-card{width:min(440px,100%);background:rgba(13,25,43,.9);border:1px solid var(--line);border-radius:24px;padding:30px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}
.brand{display:flex;gap:12px;align-items:center}
.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-weight:800;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 10px 30px rgba(109,114,255,.25)}
.brand strong{display:block;font-size:18px}.brand span{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.tabs{display:grid;grid-template-columns:1fr 1fr;background:#091322;border:1px solid var(--line);padding:4px;border-radius:12px;margin:28px 0 22px}
.tab{border:0;background:transparent;padding:10px;border-radius:9px;color:var(--muted);cursor:pointer}.tab.active{background:var(--panel2);color:var(--text)}
.auth-form{display:grid;gap:15px}.auth-form label{display:grid;gap:7px;color:#c8d3e5;font-size:13px}
input{width:100%;background:#091322;border:1px solid var(--line);color:var(--text);border-radius:11px;padding:12px 13px;outline:none}
input:focus{border-color:#5964e8;box-shadow:0 0 0 3px rgba(109,114,255,.1)}
.btn{border:0;border-radius:11px;padding:11px 15px;cursor:pointer;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:7px}
.btn.primary{background:linear-gradient(135deg,var(--accent),#575de8);color:#fff;box-shadow:0 10px 28px rgba(109,114,255,.2)}
.btn.ghost{background:#101d30;border:1px solid var(--line);color:#d9e4f6}
.auth-note{color:var(--muted);font-size:11px;line-height:1.6;margin:19px 0 0}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}
.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:22px 17px;background:#081321;border-right:1px solid var(--line);display:flex;flex-direction:column}
.side-brand{padding:5px 5px 22px}.sidebar nav{display:grid;gap:7px}
.nav-item{border:0;background:#111f33;padding:12px 13px;text-align:left;border-radius:11px;color:#b9c7da;cursor:pointer}
.nav-item.active{color:white;background:linear-gradient(90deg,rgba(109,114,255,.19),rgba(58,184,255,.08));border:1px solid rgba(109,114,255,.25)}
.nav-item span{margin-left:8px}
.storage-card{margin-top:auto;border:1px solid var(--line);background:#0b1829;border-radius:14px;padding:14px}
.storage-head{display:flex;justify-content:space-between;font-size:12px;color:#c4d0e1}.progress{height:7px;background:#17243a;border-radius:999px;overflow:hidden;margin:11px 0 8px}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:999px;transition:.25s}
.storage-card small{color:var(--muted);font-size:10px}
.sidebar-bottom{display:flex;align-items:center;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.user-pill{display:flex;align-items:center;gap:9px;min-width:0;flex:1}.avatar{width:35px;height:35px;border-radius:11px;background:#172942;display:grid;place-items:center;font-weight:700}.user-pill strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.user-pill span{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:#101d30;cursor:pointer}
.content{grid-column:2;padding:38px 42px 60px;min-width:0;max-width:1500px;width:100%;margin:0 auto}
.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.eyebrow{color:#6d7f9c;text-transform:uppercase;font-size:10px;letter-spacing:1.7px;font-weight:700}.topbar h1{margin:5px 0 0;font-size:34px;letter-spacing:-1.3px}.toolbar{display:flex;gap:9px}
.crumb-row{display:flex;align-items:center;gap:9px;margin:27px 0 16px}.crumb-home{width:31px;height:31px;border-radius:9px;border:1px solid var(--line);background:#0d1b2e;cursor:pointer}.breadcrumbs{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;overflow:auto}.crumb{border:0;background:transparent;color:#aebbd0;cursor:pointer;padding:5px}.crumb::after{content:"/";color:#41516a;margin-left:10px}.crumb:last-child::after{display:none}
.dropzone{border:1px dashed #2c405e;border-radius:16px;background:linear-gradient(135deg,rgba(109,114,255,.055),rgba(58,184,255,.025));padding:20px;display:flex;align-items:center;gap:15px;color:#cbd6e7;margin-bottom:16px;transition:.2s}
.dropzone.drag{border-color:#7079ff;background:rgba(109,114,255,.11)}.drop-icon{width:42px;height:42px;border-radius:12px;background:#13243b;display:grid;place-items:center;color:#8f9aff;font-size:21px}.dropzone strong{display:block;font-size:13px}.dropzone span{display:block;color:var(--muted);font-size:11px;margin-top:4px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 18px 55px rgba(0,0,0,.18)}.panel-head{height:52px;padding:0 15px 0 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}
.file-list{display:grid}.file-row{display:grid;grid-template-columns:minmax(220px,1fr) 120px 150px 90px;align-items:center;gap:15px;padding:13px 18px;border-bottom:1px solid rgba(29,43,66,.72);min-width:0}.file-row:last-child{border-bottom:0}.file-row:hover{background:#101e31}.file-main{display:flex;align-items:center;gap:12px;min-width:0}.file-icon{width:38px;height:38px;border-radius:10px;background:#13253d;display:grid;place-items:center;flex:0 0 auto}.file-title{border:0;background:none;color:#e8f0fb;text-align:left;cursor:pointer;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-title:hover{color:#95bfff}.file-size,.file-date{color:var(--muted);font-size:11px}.file-actions{display:flex;justify-content:flex-end;gap:6px}.mini{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:#0d1b2e;cursor:pointer}.mini.danger:hover{border-color:rgba(255,102,125,.5);color:#ff8093}
.empty{padding:70px 20px;text-align:center}.empty-icon{font-size:38px;margin-bottom:13px}.empty strong{display:block}.empty span{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.upload-box{position:fixed;right:24px;bottom:24px;width:min(360px,calc(100vw - 48px));background:#0e1b2d;border:1px solid var(--line);border-radius:15px;padding:15px;box-shadow:var(--shadow);z-index:30}.upload-meta{display:flex;justify-content:space-between;gap:14px;font-size:11px}.upload-meta strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-progress{margin-bottom:0}
.toast{position:fixed;top:18px;left:50%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;padding:11px 15px;background:#122039;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);font-size:12px;z-index:100;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{border-color:rgba(255,102,125,.5);color:#ffd1d8}
dialog{border:0;background:transparent}dialog::backdrop{background:rgba(0,0,0,.65);backdrop-filter:blur(4px)}.dialog-card{width:min(380px,90vw);background:#0e1a2b;border:1px solid var(--line);border-radius:17px;padding:20px;color:var(--text)}.dialog-card h3{margin:0 0 16px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}
@media(max-width:800px){
  .app-shell{display:block}.sidebar{position:static;width:auto;height:auto;display:block;padding:14px 15px}.side-brand{padding:0}.sidebar nav,.storage-card{display:none}.sidebar-bottom{position:absolute;right:12px;top:6px;border:0;margin:0;padding:0}.user-pill{display:none}.content{padding:25px 15px 50px}.topbar{align-items:flex-start;flex-direction:column}.toolbar{width:100%}.toolbar .btn{flex:1}.dropzone{margin-top:4px}.file-row{grid-template-columns:minmax(0,1fr) 75px}.file-date{display:none}.file-size{text-align:right}.file-actions{grid-column:1/-1;justify-content:flex-end;margin-top:-5px}.panel{border-radius:14px}
}

/* NIKITA_UI_V2_BEGIN */
:root{--radius:3px!important}
.auth-card,.brand-mark,.tabs,.tab,input,.btn,.nav-item,.storage-card,.progress,.avatar,.icon-btn,
.crumb-home,.dropzone,.drop-icon,.panel,.mini,.upload-box,.toast,.dialog-card,
.preview-card,.preview-body img,.preview-body video{border-radius:3px!important}

.app-shell{grid-template-columns:220px 1fr!important}
.sidebar{width:220px!important;padding:10px 5px!important}
.content{
  max-width:none!important;
  width:100%!important;
  margin:0!important;
  padding:10px 5px 5px!important;
}
.topbar{margin-bottom:10px!important}
.topbar h1{font-size:26px!important}
.crumb-row{margin:10px 0!important}
.dropzone{padding:12px!important;margin-bottom:10px!important}
.panel{box-shadow:0 8px 26px rgba(0,0,0,.16)!important}
.panel-head{height:42px!important;padding:0 10px!important}
.file-row{
  padding:9px 10px!important;
  gap:10px!important;
  grid-template-columns:minmax(220px,1fr) 100px 145px 125px!important;
}
.file-icon{width:34px!important;height:34px!important}
.file-actions{gap:5px!important}
.mini{width:30px!important;height:30px!important}
.toolbar{gap:5px!important}
.btn{padding:9px 12px!important}

.preview-overlay{
  position:fixed;inset:0;z-index:9999;
  display:none;align-items:center;justify-content:center;
  padding:10px 5px;
  background:rgba(2,8,18,.84);
  backdrop-filter:blur(5px);
}
.preview-overlay.show{display:flex}
.preview-card{
  width:min(1200px,100%);
  height:min(92vh,100%);
  display:flex;flex-direction:column;
  overflow:hidden;
  background:#0b1728;
  border:1px solid #1a2a43;
  border-radius:3px!important;
  box-shadow:0 18px 60px rgba(0,0,0,.45);
}
.preview-head{
  min-height:42px;
  display:flex;align-items:center;justify-content:space-between;
  gap:10px;padding:5px 8px;
  border-bottom:1px solid #1a2a43;
}
.preview-title{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:13px;font-weight:600;
}
.preview-actions{display:flex;gap:5px}
.preview-body{
  flex:1;min-height:0;
  display:grid;place-items:center;
  overflow:auto;padding:5px;
  background:#07101d;
}
.preview-body img,.preview-body video{
  max-width:100%;max-height:100%;
  object-fit:contain;border-radius:3px!important;
}
.preview-hint{color:#93a2ba;font-size:13px}

@media(max-width:800px){
  .sidebar{width:auto!important;padding:10px 5px!important}
  .content{padding:10px 5px 5px!important}
  .file-row{grid-template-columns:minmax(0,1fr) 80px!important}
}
/* NIKITA_UI_V2_END */
/* NIKITA_SITE_ICON_BEGIN */
.brand-mark{
  padding:0!important;
  overflow:hidden!important;
  background:#081323!important;
  border:1px solid rgba(115,132,255,.35)!important;
  box-shadow:0 6px 18px rgba(36,91,255,.20)!important;
}
.brand-mark img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  object-fit:cover!important;
  border-radius:3px!important;
}
/* NIKITA_SITE_ICON_END */

/* NIKITA_LIVE_UI_BEGIN */
:root{
  --live-cyan:69,184,255;
  --live-violet:109,114,255;
}

body::before,
body::after{
  content:"";
  position:fixed;
  width:40vw;
  height:40vw;
  min-width:350px;
  min-height:350px;
  border-radius:50%;
  filter:blur(100px);
  pointer-events:none;
  z-index:0;
  opacity:.13;
}

body::before{
  left:-15vw;
  top:-15vw;
  background:rgb(var(--live-violet));
  animation:nOrb1 18s ease-in-out infinite alternate;
}

body::after{
  right:-15vw;
  bottom:-15vw;
  background:rgb(var(--live-cyan));
  animation:nOrb2 22s ease-in-out infinite alternate;
}

@keyframes nOrb1{
  to{transform:translate(12vw,8vh) scale(1.18)}
}

@keyframes nOrb2{
  to{transform:translate(-10vw,-7vh) scale(.9)}
}

.auth-shell,
.app-shell{
  position:relative;
  z-index:1;
}

.auth-card,
.sidebar,
.panel,
.storage-card,
.dropzone{
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.brand-mark{
  position:relative;
  overflow:visible!important;
}

.brand-mark::after{
  content:"";
  position:absolute;
  inset:-3px;
  z-index:-1;
  border-radius:3px;
  background:linear-gradient(
    120deg,
    rgba(var(--live-cyan),.7),
    rgba(var(--live-violet),.7)
  );
  filter:blur(7px);
  opacity:.45;
  animation:nGlow 4s ease-in-out infinite alternate;
}

@keyframes nGlow{
  from{opacity:.20;transform:scale(.96)}
  to{opacity:.60;transform:scale(1.08)}
}

.btn,
.mini,
.icon-btn,
.nav-item,
.crumb-home{
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease,
    background .16s ease!important;
}

.btn:hover,
.mini:hover,
.icon-btn:hover,
.crumb-home:hover{
  transform:translateY(-1px);
  border-color:rgba(var(--live-cyan),.45)!important;
  box-shadow:0 8px 20px rgba(0,0,0,.22);
}

.btn:active,
.mini:active,
.icon-btn:active{
  transform:scale(.97);
}

.btn.primary{
  background-size:200% 200%!important;
  animation:nButton 6s ease infinite;
}

@keyframes nButton{
  0%,100%{background-position:0 50%}
  50%{background-position:100% 50%}
}

.nav-item:hover{
  transform:translateX(2px);
}

.nav-item.active{
  box-shadow:
    inset 2px 0 0 rgb(var(--live-cyan)),
    0 8px 22px rgba(0,0,0,.14);
}

.topbar h1{
  background:linear-gradient(
    100deg,
    #fff 15%,
    #aabaff 50%,
    #6ed5ff 85%
  );
  background-size:180% auto;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:nTitle 7s ease infinite;
}

@keyframes nTitle{
  0%,100%{background-position:0 50%}
  50%{background-position:100% 50%}
}

.dropzone{
  position:relative;
  overflow:hidden;
}

.dropzone::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(
    110deg,
    transparent 25%,
    rgba(var(--live-cyan),.09) 45%,
    rgba(var(--live-violet),.11) 55%,
    transparent 75%
  );
  transform:translateX(-120%);
  animation:nSweep 7s ease-in-out infinite;
}

@keyframes nSweep{
  0%,55%{transform:translateX(-120%)}
  80%,100%{transform:translateX(120%)}
}

.drop-icon{
  animation:nUpload 2.5s ease-in-out infinite;
}

@keyframes nUpload{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-3px)}
}

.file-row{
  position:relative;
  transition:
    transform .14s ease,
    background .14s ease!important;
}

.file-row:hover{
  transform:translateX(2px);
  background:linear-gradient(
    90deg,
    rgba(var(--live-violet),.07),
    rgba(var(--live-cyan),.025)
  )!important;
}

.file-row::before{
  content:"";
  position:absolute;
  left:0;
  top:15%;
  bottom:15%;
  width:2px;
  background:linear-gradient(
    to bottom,
    transparent,
    rgb(var(--live-cyan)),
    rgb(var(--live-violet)),
    transparent
  );
  transform:scaleY(0);
  transition:transform .15s ease;
}

.file-row:hover::before{
  transform:scaleY(1);
}

.file-icon{
  transition:transform .15s ease!important;
}

.file-row:hover .file-icon{
  transform:scale(1.07);
}

.file-row.nikita-enter{
  animation:nRow .28s both;
}

@keyframes nRow{
  from{opacity:0;transform:translateY(5px)}
  to{opacity:1;transform:translateY(0)}
}

.progress i{
  position:relative;
  overflow:hidden;
}

.progress i::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.30),
    transparent
  );
  transform:translateX(-100%);
  animation:nProgress 2s linear infinite;
}

@keyframes nProgress{
  to{transform:translateX(100%)}
}

#nikitaGlow{
  position:fixed;
  width:260px;
  height:260px;
  left:0;
  top:0;
  border-radius:50%;
  pointer-events:none;
  z-index:0;
  filter:blur(45px);
  opacity:.09;
  background:radial-gradient(
    circle,
    rgb(var(--live-cyan)),
    rgba(var(--live-violet),.55) 40%,
    transparent 72%
  );
  transform:translate(-1000px,-1000px);
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation:none!important;
    transition:none!important;
  }
  #nikitaGlow{display:none!important}
}

@media(max-width:800px){
  #nikitaGlow{display:none}
  body::before,body::after{opacity:.08}
}
/* NIKITA_LIVE_UI_END */

/* NIKITA_SEARCH_FILTER_BEGIN */

#nikitaSearchBar{
  display:grid;
  grid-template-columns:minmax(0,1fr) 145px;
  gap:5px;
  margin:0 0 5px 0;
}

.nikita-search-wrap{
  position:relative;
  min-width:0;
}

.nikita-search-icon{
  position:absolute;
  left:10px;
  top:50%;
  transform:translateY(-50%);
  color:#71839e;
  font-size:15px;
  pointer-events:none;
}

#nikitaSearch{
  width:100%;
  height:36px;
  padding:0 10px 0 32px;
  border:1px solid #1a2a43;
  border-radius:3px;
  background:#0b1728;
  color:#eef4ff;
  outline:none;
}

#nikitaSearch:focus{
  border-color:#596cff;
  box-shadow:0 0 0 2px rgba(89,108,255,.12);
}

#nikitaFilter{
  width:100%;
  height:36px;
  padding:0 9px;
  border:1px solid #1a2a43;
  border-radius:3px;
  background:#0b1728;
  color:#dce6f6;
  outline:none;
  cursor:pointer;
}

/* более узкие строки */
.file-row{
  min-height:42px!important;
  padding:5px 8px!important;
  gap:6px!important;
  grid-template-columns:minmax(180px,1fr) 80px 125px 100px!important;
}

.file-main{
  gap:7px!important;
}

.file-icon{
  width:28px!important;
  height:28px!important;
  min-width:28px!important;
  font-size:13px!important;
}

.file-title{
  font-size:13px!important;
}

.file-size,
.file-date{
  font-size:10px!important;
}

.file-actions{
  gap:3px!important;
}

.file-actions .mini{
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  padding:0!important;
}

.panel-head{
  min-height:34px!important;
  height:34px!important;
  padding:0 8px!important;
}

@media(max-width:800px){

  #nikitaSearchBar{
    grid-template-columns:minmax(0,1fr) 112px;
    gap:5px;
  }

  #nikitaSearch,
  #nikitaFilter{
    height:35px;
    font-size:12px;
  }

  .file-row{
    min-height:40px!important;
    padding:5px!important;
    grid-template-columns:minmax(0,1fr) auto auto!important;
    gap:5px!important;
  }

  .file-main{
    min-width:0!important;
  }

  .file-title{
    font-size:12px!important;
  }

  .file-date{
    display:none!important;
  }

  .file-size{
    white-space:nowrap!important;
    font-size:9px!important;
  }

  .file-actions{
    grid-column:auto!important;
    justify-content:flex-end!important;
    gap:2px!important;
  }

  .file-actions .mini{
    width:26px!important;
    min-width:26px!important;
    height:26px!important;
  }

  .file-icon{
    width:27px!important;
    height:27px!important;
    min-width:27px!important;
  }
}

/* NIKITA_SEARCH_FILTER_END */

/* NIKITA_SAFE_ROWS_BEGIN */

.file-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:6px!important;

    min-height:42px!important;
    padding:5px 7px!important;
}

.file-main{
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    gap:7px!important;
}

.file-title{
    min-width:0!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
}

.file-actions{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
}

/* скрываем размер/дату на телефоне */
@media(max-width:800px){

    .file-size,
    .file-date{
        display:none!important;
    }

    .file-row{
        min-height:40px!important;
        padding:5px!important;
    }
}

/* единственная кнопка */
.nikita-only-delete{
    display:flex!important;

    width:30px!important;
    min-width:30px!important;
    height:30px!important;

    align-items:center!important;
    justify-content:center!important;

    padding:0!important;

    border-radius:3px!important;

    background:#0d1b2e!important;

    border:1px solid #1a2a43!important;

    color:#e7edf8!important;

    font-size:17px!important;
}

.nikita-only-delete:hover,
.nikita-only-delete:active{
    color:#ff8191!important;

    border-color:rgba(255,80,100,.45)!important;

    background:rgba(255,80,100,.10)!important;
}

/* удерживаемый объект */
.file-row.nikita-moving{

    position:relative!important;

    z-index:100!important;

    background:#12223a!important;

    outline:1px solid #6772ff!important;

    box-shadow:
        0 14px 36px rgba(0,0,0,.35)!important;

    transform:scale(1.01)!important;
}

/* место куда двигаем */
.file-row.nikita-drop{

    outline:
        1px dashed rgba(100,180,255,.8)!important;

    background:
        rgba(70,130,255,.07)!important;
}

/* NIKITA_SAFE_ROWS_END */

/* NIKITA_NO_SELECT_BEGIN */

html,
body,
.app-shell,
.auth-shell,
.sidebar,
.content,
.panel,
.file-list,
.file-row,
.file-main,
.file-title,
.file-icon,
.file-size,
.file-date,
.file-actions,
.dropzone,
.topbar,
.toolbar,
.nav-item,
.brand,
.storage-card,
.crumb-row,
.breadcrumbs,
button,
a,
span,
div,
p,
h1,
h2,
h3,
small,
strong{
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
  -webkit-tap-highlight-color:transparent!important;
}

/* Поля ввода должны оставаться редактируемыми */
input,
textarea{
  -webkit-user-select:text!important;
  user-select:text!important;
  -webkit-touch-callout:default!important;
}

/* картинки/видео тоже нельзя утаскивать */
img,
video{
  -webkit-user-drag:none!important;
  user-drag:none!important;
  -webkit-user-select:none!important;
  user-select:none!important;
  -webkit-touch-callout:none!important;
}

/* NIKITA_NO_SELECT_END */

/* NIKITA_CLICK_PREVIEW_BEGIN */

#nikitaFilePreview{
    position:fixed;
    inset:0;

    display:none;
    align-items:center;
    justify-content:center;

    padding:5px;

    z-index:99999;

    background:rgba(2,8,18,.91);

    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
}

#nikitaFilePreview.show{
    display:flex;
}

.nikita-preview-card{
    width:100%;
    height:100%;

    max-width:1400px;
    max-height:96vh;

    display:flex;
    flex-direction:column;

    border-radius:3px;

    overflow:hidden;

    background:#07111f;

    border:1px solid #1a2a43;

    box-shadow:
        0 20px 70px rgba(0,0,0,.55);
}

.nikita-preview-head{
    min-height:44px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:8px;

    padding:5px 7px;

    border-bottom:1px solid #1a2a43;

    background:#0b1728;
}

.nikita-preview-name{
    min-width:0;

    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;

    font-size:12px;

    color:#eef4ff;
}

.nikita-preview-buttons{
    display:flex;
    gap:4px;
}

.nikita-preview-buttons button{
    width:34px;
    height:34px;

    padding:0;

    border-radius:3px;

    border:1px solid #1a2a43;

    background:#101d30;

    color:#eef4ff;

    font-size:18px;
}

.nikita-preview-body{
    flex:1;

    min-height:0;

    display:flex;
    align-items:center;
    justify-content:center;

    overflow:auto;

    padding:5px;

    background:#040b15;
}

.nikita-preview-media{
    display:block;

    max-width:100%;
    max-height:100%;

    border-radius:3px;

    object-fit:contain;
}

video.nikita-preview-media{
    width:auto;
    height:auto;
}

audio.nikita-preview-media{
    width:min(600px,95%);
}

iframe.nikita-preview-media{
    width:100%;
    height:100%;

    border:0;

    background:white;
}

.nikita-preview-text{
    width:100%;
    height:100%;

    margin:0;
    padding:10px;

    overflow:auto;

    white-space:pre-wrap;
    word-break:break-word;

    font-family:monospace;
    font-size:12px;

    color:#dfe9f8;

    background:#07111f;

    user-select:text!important;
    -webkit-user-select:text!important;
}

.nikita-preview-loading,
.nikita-no-preview{
    color:#9aa9bd;

    text-align:center;

    line-height:1.6;
}

.nikita-no-preview small{
    color:#6f8099;
}

@media(max-width:800px){

    #nikitaFilePreview{
        padding:0;
    }

    .nikita-preview-card{
        max-height:100%;
        border:0;
    }

}

/* NIKITA_CLICK_PREVIEW_END */