:root{color-scheme:dark;--bg:#07101f;--surface:#0d1728;--line:rgba(148,163,184,.18);--text:#f6f8fc;--muted:#9aa8bb;--blue:#4f86ff;--cyan:#4ad8ff}*{box-sizing:border-box}body{margin:0;background:linear-gradient(#07101f,#040914);color:var(--text);font-family:Inter,system-ui,sans-serif}header,main,footer{width:min(1180px,calc(100% - 32px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none}.brand>b{display:grid;width:42px;height:42px;place-items:center;border:1px solid #4f86ff66;border-radius:12px;color:#9db8ff}.brand span,footer div{display:grid}.brand small,footer small{color:var(--muted);font-size:.72rem}nav{display:flex;gap:24px}nav a{color:var(--muted);text-decoration:none;font-weight:700}.hero,.page,.toolhead{padding:82px 0 40px}.hero{max-width:900px}.label{color:#9cb8ff;text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:850}.hero h1,.page h1,.toolhead h1{margin:0;font-size:clamp(3rem,7vw,6rem);letter-spacing:-.055em}.hero h1 span{display:block;background:linear-gradient(90deg,#a8c0ff,var(--cyan));background-clip:text;color:transparent}.hero p,.page p,.toolhead p{max-width:760px;color:var(--muted);line-height:1.7}.btn,button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:0 15px;border:1px solid #94a3b84a;border-radius:10px;background:#0c1728;color:#dce5ef;font-weight:750;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,var(--blue),#3264d8);color:white}.section{padding:30px 0 100px}.section h2{font-size:2.5rem}.cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.card{display:grid;grid-template-columns:56px 1fr;gap:16px;padding:22px;border:1px solid var(--line);border-radius:17px;background:#0b1423;text-decoration:none}.card i{display:grid;width:52px;height:52px;place-items:center;border-radius:13px;background:#4f86ff22;color:#9db8ff;font-size:.72rem;font-style:normal;font-weight:900}.card p{color:var(--muted);line-height:1.55}.card em{color:#9db8ff;font-style:normal;font-weight:800}.info{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.info article,.workspace>article,.workspace>aside{padding:20px;border:1px solid var(--line);border-radius:17px;background:#0b1423}.workspace{display:grid;gap:16px;padding-bottom:90px}.two{grid-template-columns:1fr 1fr}.sig{grid-template-columns:380px 1fr}.full{grid-column:1/-1}textarea,input,select{width:100%;border:1px solid var(--line);border-radius:9px;background:#050a13;color:#e2e8f0;padding:11px;outline:none}textarea{min-height:360px;resize:vertical;font-family:Consolas,monospace;line-height:1.55}.row{display:flex;gap:9px;flex-wrap:wrap;margin-top:13px}.status{margin-top:13px;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--muted)}label{display:grid;gap:7px;margin-bottom:12px;font-size:.8rem;font-weight:700}.controls{display:grid;grid-template-columns:1fr 1fr;gap:11px}.canvasbox{padding:18px;background:repeating-conic-gradient(#eef2f6 0 25%,#dfe5eb 0 50%) 50%/24px 24px;overflow:auto}.canvasbox canvas{max-width:100%;height:auto;cursor:crosshair}.drop{display:grid;place-items:center;min-height:210px;border:1px dashed #75a4ff70;border-radius:14px;text-align:center;cursor:pointer}.drop small,.preset-button small{display:block;color:var(--muted)}.presets{display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview{display:grid;place-items:center;min-height:180px;margin-top:13px;border:1px solid var(--line);border-radius:12px;background:#050a13}.preview.result{min-height:380px}.preview img{max-width:100%;max-height:520px}.issues{display:grid;gap:9px}.issue{padding:12px;border:1px solid #fbbf2440;border-radius:9px}.issue p{margin:5px 0 0;color:var(--muted);font-size:.8rem}.bbpreview{min-height:320px;padding:20px;background:#f5f7fb;color:#111827;border-radius:10px}.bbpreview img{max-width:100%}footer{display:flex;justify-content:space-between;padding:28px 0;border-top:1px solid var(--line);color:#718096;font-size:.77rem}@media(max-width:900px){.cards,.two,.sig,.info{grid-template-columns:1fr}.full{grid-column:auto}}@media(max-width:600px){header,main,footer{width:calc(100% - 20px)}.controls,.presets{grid-template-columns:1fr}.cards{grid-template-columns:1fr}footer{display:grid}}


.inline-check{
  display:flex!important;
  grid-template-columns:auto 1fr;
  align-items:center;
  gap:9px!important;
  min-height:42px;
  margin:0!important;
}
.inline-check input{
  width:auto;
  min-height:auto;
}
.preset-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(max-width:640px){
  .preset-grid{grid-template-columns:1fr}
}


.blur-controls{margin-top:18px}
.checker{background:repeating-conic-gradient(#d9dee7 0 25%,#eef1f5 0 50%) 50%/24px 24px}
.result-preview canvas{max-width:100%;height:auto}
#video-source{width:100%;max-height:300px;margin-bottom:14px;border-radius:12px;background:#000}
.progress-track{height:8px;margin-top:14px;border-radius:999px;background:#07101a;overflow:hidden}
.progress-track>div{width:0;height:100%;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:width .15s linear}


.editor-help{
  margin-top:16px;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:11px;
  background:rgba(79,134,255,.045);
}
.editor-help strong{
  display:block;
  margin-bottom:4px;
  font-size:.82rem;
}
.editor-help p{
  margin:0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.5;
}
.privacy-editor-stage{
  position:relative;
  display:grid;
  place-items:center;
  min-height:360px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:13px;
  background:#050a13;
  user-select:none;
  touch-action:none;
}
.privacy-editor-stage canvas{
  display:block;
  width:100%;
  height:auto;
  max-height:650px;
  object-fit:contain;
}
.blur-selection{
  position:absolute;
  z-index:4;
  min-width:40px;
  min-height:30px;
  border:2px solid #5ba8ff;
  border-radius:7px;
  background:rgba(79,134,255,.10);
  box-shadow:
    0 0 0 1px rgba(0,0,0,.45),
    0 0 24px rgba(79,134,255,.18);
  cursor:move;
  touch-action:none;
}
.selection-label{
  position:absolute;
  top:-27px;
  left:-2px;
  padding:4px 7px;
  border-radius:6px 6px 0 0;
  background:#2f6edc;
  color:white;
  font-size:.66rem;
  font-weight:800;
  white-space:nowrap;
}
.resize-handle{
  position:absolute;
  right:-8px;
  bottom:-8px;
  width:18px;
  min-height:18px;
  height:18px;
  padding:0;
  border:2px solid white;
  border-radius:50%;
  background:#4f86ff;
  box-shadow:0 2px 8px rgba(0,0,0,.4);
  cursor:nwse-resize;
}
.resize-handle:hover{
  transform:none!important;
}


.nav-dropdown{
  position:relative;
  display:flex;
  align-items:center;
}
.nav-main-link{
  padding-right:5px;
}
.nav-dropdown-toggle{
  min-height:auto;
  width:26px;
  height:26px;
  padding:0;
  border:0;
  background:transparent;
  color:var(--muted);
  box-shadow:none;
}
.nav-dropdown-toggle:hover{
  transform:none!important;
  color:white;
}
.nav-dropdown-menu{
  position:absolute;
  top:calc(100% + 14px);
  left:0;
  display:none;
  width:250px;
  padding:8px;
  border:1px solid var(--line);
  border-radius:12px;
  background:#0b1525;
  box-shadow:0 24px 60px rgba(0,0,0,.38);
}
.nav-dropdown.open .nav-dropdown-menu,
.nav-dropdown:hover .nav-dropdown-menu{
  display:grid;
}
.nav-dropdown-menu a{
  padding:10px 11px;
  border-radius:8px;
  color:#d6deea!important;
}
.nav-dropdown-menu a:hover{
  background:rgba(79,134,255,.10);
}
.bug-report-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:16px;
  padding-bottom:100px;
}
.bug-form>label,
.support-sidebar label{
  display:grid;
  gap:7px;
  margin-bottom:14px;
  font-size:.8rem;
  font-weight:720;
}
.report-textarea{
  width:100%;
  min-height:160px;
  padding:13px;
  resize:vertical;
  border:1px solid var(--line);
  border-radius:10px;
  background:#050a13;
  color:#e0e8f3;
  outline:none;
  font:inherit;
  line-height:1.55;
}
.report-textarea.short{
  min-height:105px;
}
.field-note{
  color:var(--dim);
  font-size:.72rem;
  font-weight:500;
}
.automatic-details{
  margin:18px 0;
  padding:15px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(79,134,255,.04);
}
.automatic-details h3{
  margin:0 0 12px;
  font-size:.88rem;
}
.automatic-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.automatic-grid span{
  display:grid;
  gap:3px;
  min-width:0;
}
.automatic-grid strong{
  font-size:.72rem;
}
.automatic-grid small{
  overflow:hidden;
  color:var(--muted);
  font-size:.7rem;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.support-sidebar{
  align-self:start;
  position:sticky;
  top:100px;
}
.support-tip{
  padding:14px 0;
}
.support-tip+.support-tip{
  border-top:1px solid var(--line);
}
.support-tip strong{
  font-size:.84rem;
}
.support-tip p{
  margin:5px 0 0;
  color:var(--muted);
  font-size:.78rem;
  line-height:1.5;
}
.admin-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-bottom:20px;
}
.summary-card{
  display:grid;
  gap:4px;
  padding:18px;
  border:1px solid var(--line);
  border-radius:14px;
  background:rgba(11,20,35,.9);
}
.summary-card strong{
  font-size:1.8rem;
}
.summary-card span{
  color:var(--muted);
  font-size:.78rem;
}
.admin-bug-list{
  display:grid;
  gap:15px;
  padding-bottom:100px;
}
.admin-bug-header{
  display:flex;
  justify-content:space-between;
  gap:20px;
}
.admin-bug-header h2{
  margin:5px 0;
}
.admin-bug-header p{
  margin:0;
  color:var(--muted);
  font-size:.78rem;
}
.ticket-number{
  color:#9db8ff;
  font-size:.72rem;
  font-weight:850;
}
.admin-badges{
  display:flex;
  gap:7px;
  align-items:flex-start;
  flex-wrap:wrap;
}
.badge{
  padding:5px 8px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#0b1525;
  font-size:.68rem;
  font-weight:800;
}
.priority-critical{color:#ff9cac;border-color:rgba(251,113,133,.35)}
.priority-high{color:#f7d675;border-color:rgba(251,191,36,.35)}
.priority-normal{color:#9db8ff}
.priority-low{color:#9ff0ba;border-color:rgba(74,222,128,.3)}
.admin-bug-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin:18px 0;
}
.admin-bug-grid>div{
  padding:13px;
  border:1px solid var(--line);
  border-radius:10px;
  background:#07101d;
}
.admin-bug-grid strong{
  font-size:.76rem;
}
.admin-bug-grid p{
  margin:6px 0 0;
  color:var(--muted);
  font-size:.8rem;
  line-height:1.55;
  white-space:pre-wrap;
}
.screenshot-link{
  display:inline-block;
  margin-bottom:14px;
  color:#9db8ff;
  font-size:.8rem;
  font-weight:800;
}
.technical-details{
  margin:0 0 16px;
}
.technical-details dl{
  display:grid;
  grid-template-columns:150px 1fr;
  gap:7px 12px;
  font-size:.78rem;
}
.technical-details dt{
  color:#dce4ef;
  font-weight:800;
}
.technical-details dd{
  margin:0;
  color:var(--muted);
  overflow-wrap:anywhere;
}
.admin-controls{
  display:grid;
  grid-template-columns:180px 180px 1fr;
  gap:12px;
}
.admin-controls label{
  display:grid;
  gap:7px;
  font-size:.76rem;
  font-weight:760;
}
.admin-notes-label{
  grid-column:3;
}
@media(max-width:930px){
  .bug-report-layout{
    grid-template-columns:1fr;
  }
  .support-sidebar{
    position:static;
  }
  .admin-controls,
  .admin-bug-grid{
    grid-template-columns:1fr;
  }
  .admin-notes-label{
    grid-column:auto;
  }
}
@media(max-width:640px){
  .site-nav{
    gap:12px;
  }
  .automatic-grid,
  .admin-summary{
    grid-template-columns:1fr;
  }
  .admin-bug-header{
    display:grid;
  }
}