/* FilesStayLocal v6 — independently authored local UI layer */
.v6-tool-layout {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 20px;
  align-items: stretch;
}
.v6-inputs,.v6-results {
  min-width: 0;
  border: 1px solid #dce5f0;
  border-radius: 16px;
  padding: 22px;
  background: #fff;
}
.v6-results {
  background: #f2f7ff;
  border-color: #ccdff7;
  overflow-wrap: anywhere;
}
.v6-panel-title {
  margin: 0 0 18px;
  color: #173f73;
  font-size: 1.15rem;
}
.v6-tool-layout textarea,
.v6-tool-layout input,
.v6-tool-layout select {
  max-width: 100%;
  box-sizing: border-box;
}
.v6-tool-layout pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 100%;
}
.v6-results:has(pre:empty) pre:empty {
  min-height: 100px;
}
.v6-inputs .actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media(max-width:760px) {
  .v6-tool-layout {grid-template-columns:minmax(0,1fr);}
  .v6-inputs,.v6-results {padding:16px;}
}


/* v6 unified results and action spacing */
.v6-tool-layout .v6-inputs,
.v6-tool-layout .v6-results {
  min-width: 0;
  align-self: stretch;
}
.v6-tool-layout .v6-results pre {
  overflow-wrap: anywhere;
  word-break: break-word;
  white-space: pre-wrap;
}
.v6-tool-layout .v6-results [id$="-output"] {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.v6-tool-layout .v6-results [id$="-output"] .btn {
  margin: 0;
}
.v6-tool-layout .v6-related-links {
  grid-column: 1 / -1;
  font-size: .9rem;
}
.v6-tool-layout .v6-panel-title {
  margin-top: 0;
}
@media (max-width: 760px) {
  .v6-tool-layout .v6-related-links {
    grid-column: auto;
  }
}

/* Compact v6 input-first presentation */
.v6-tool-layout .v6-inputs,
.v6-tool-layout .v6-results {
  align-self: start;
}
.v6-tool-layout .v6-inputs > p:first-child {
  margin-top: 0;
}
.v6-tool-layout .v6-inputs .privacy-line {
  font-size: .82rem;
  margin: 0 0 12px;
}
.v6-tool-layout .v6-inputs label {
  display: block;
  margin-bottom: 12px;
}
.v6-tool-layout .v6-inputs .actions {
  margin-top: 12px;
  margin-bottom: 12px;
}
.v6-tool-layout .v6-help {
  margin-top: 18px;
  padding: 12px 14px;
  border: 1px solid #dce5f0;
  border-radius: 10px;
  background: #f7faff;
  color: #536783;
  font-size: .86rem;
  line-height: 1.5;
}
.v6-tool-layout .v6-help summary {
  cursor: pointer;
  font-weight: 650;
  color: #315e9a;
}
.v6-tool-layout .v6-help p {
  margin: 12px 0 0;
}
.v6-tool-layout .v6-download-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
}
.v6-tool-layout .v6-download-actions .btn {
  margin: 0;
}
.v6-tool-layout .v6-results pre {
  max-width: 100%;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}
@media(max-width:760px) {
  .v6-tool-layout {
    grid-template-columns: minmax(0,1fr);
  }
}


/* Final v6 polish: SHA-256 result legibility and Base64 compact textarea */
.v6-tool-layout[data-tool="sha256"] .v6-sha-digest {
  color:#17664d; font-weight:700; letter-spacing:.012em;
  overflow-wrap:anywhere; white-space:pre-wrap;
  background:#f5fbf8; border-radius:10px; padding:14px;
}
.v6-tool-layout[data-tool="sha256"] .v6-copy-sha {display:inline-flex; margin:20px 0 0;}
.v6-tool-layout[data-tool="sha256"] .v6-copy-sha[hidden] {display:none!important;}
.v6-tool-layout[data-tool="sha256"] #four-output {margin-top:20px;}
.v6-tool-layout[data-tool="base64"] textarea[name="text"] {
  display:block; box-sizing:border-box; width:100%; max-width:100%;
  min-height:110px; height:120px;
}
.v6-tool-layout[data-tool="base64"] .four-controls select {width:100%; min-width:0;}


/* Final v6 presentation polish — SHA-256 and advanced rename options */
.v6-tool-layout #four-result .v6-hash-value {
  display:block; color:#166344; font-weight:700; overflow-wrap:anywhere;
}
.v6-tool-layout #four-result .v6-hash-match {
  display:block; margin-top:18px; font-weight:700; white-space:pre-wrap;
}
.v6-tool-layout #four-result .v6-hash-fail {color:#b42318;}
.v6-tool-layout #four-result .v6-hash-pass {color:#166344;}
.v6-tool-layout #four-output {margin-top:20px;}
.v6-renamer-advanced {
  grid-column:1/-1; width:100%; margin-top:14px; padding:12px 14px;
  border:1px solid #dce5f0; border-radius:10px; background:#f7faff;
}
.v6-renamer-advanced summary {cursor:pointer; color:#315e9a; font-weight:650;}
.v6-renamer-advanced-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;}
.v6-renamer-advanced-grid label {min-width:0;}
@media(max-width:760px){.v6-renamer-advanced-grid{grid-template-columns:minmax(0,1fr)}}