.auth .authToggle { color: var(--accent); }
.file { grid-template-columns: 22px minmax(180px, 1fr) 90px 140px minmax(230px, auto); }
.fileActions { display: flex; justify-content: flex-end; gap: 2px; }
.fileActions button { padding: 7px; }
.downloadBtn { text-decoration: none; padding: 7px; }
.pick { width: 16px; accent-color: var(--accent); }
.progress { position: relative; height: 28px; margin: 10px 0; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: #101318; }
.progress div { height: 100%; width: 0; background: linear-gradient(90deg,var(--accent2),var(--accent)); transition: width .15s; }
.progress span { position: absolute; inset: 0; display: grid; place-items: center; color: white; font-size: 12px; text-shadow: 0 1px 2px #000; }
#editorInfo { color: var(--muted); font-size: 12px; margin-left: auto; margin-right: 10px; }
#editContent { tab-size: 2; line-height: 1.5; min-height: 480px; resize: vertical; }
.portBox { margin: 18px 0; padding: 14px; border: 1px solid var(--line); border-radius: 10px; background: #0d1014; }
.portRow { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 10px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--line); }
.portRow span,.muted { color: var(--muted); font-size: 12px; }
.portRow button { margin: 0; padding: 6px 9px; }
@media (max-width: 720px) {
  .file { grid-template-columns: 22px minmax(120px, 1fr) auto; }
  .fileActions { flex-wrap: wrap; }
}