.tools-blake3-page .entry-title { margin-bottom: 0.5rem; }
.tools-blake3 { display: grid; gap: 0.75rem; }
.tools-blake3__intro { margin-bottom: 0.7rem; color: #5d5347; font-size: 0.92rem; }
.tools-blake3__intro p { margin: 0.32rem 0; }
.tools-blake3__card { border: 1px solid #e7dccf; border-radius: 16px; background: radial-gradient(circle at top right, rgba(215, 88, 96, 0.08), transparent 42%), linear-gradient(180deg, rgba(255,255,255,0.96), rgba(250,247,243,0.98)); box-shadow: 0 12px 28px rgba(89,70,53,0.07); padding: 0.95rem; }
.tools-blake3__section-head { margin-bottom: 0.65rem; }
.tools-blake3__section-head h2 { margin: 0; color: #342c24; font-size: 0.98rem; }
.tools-blake3__section-head p { margin: 0.22rem 0 0; color: #6c6359; font-size: 0.84rem; }
.tools-blake3__grid { display: grid; gap: 0.75rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tools-blake3__grid--meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tools-blake3__field { display: grid; gap: 0.3rem; }
.tools-blake3__field span { color: #584d42; font-size: 0.78rem; font-weight: 600; }
.tools-blake3__field input, .tools-blake3__field select, .tools-blake3__textarea { width: 100%; border: 1px solid #d9c8b8; border-radius: 10px; background: rgba(255,255,255,0.92); color: #2d261f; font: inherit; font-size: 0.92rem; box-sizing: border-box; padding: 0.62rem 0.72rem; transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease; }
.tools-blake3__field input:focus, .tools-blake3__field select:focus, .tools-blake3__textarea:focus { outline: none; border-color: #c74451; box-shadow: 0 0 0 3px rgba(199,68,81,0.14); }
.tools-blake3__textarea { min-height: 9rem; resize: vertical; line-height: 1.45; }
.tools-blake3__status { min-height: 1.1rem; margin-top: 0.55rem; color: #8b4b45; font-size: 0.82rem; }
.tools-blake3__status.is-error { color: #b42318; }
.tools-blake3__status.is-success { color: #166534; }
.tools-blake3__dropzone { display: grid; gap: 0.3rem; border: 1px dashed #d8c4b1; border-radius: 12px; background: rgba(255,250,246,0.9); color: #5d5347; cursor: pointer; padding: 1rem; text-align: center; transition: border-color 0.2s ease, background-color 0.2s ease; }
.tools-blake3__dropzone:hover, .tools-blake3__dropzone.is-dragover { border-color: #c74451; background: #fff3f4; }
.tools-blake3__dropzone-title { color: #3f3931; font-size: 0.92rem; font-weight: 600; }
.tools-blake3__dropzone-desc, .tools-blake3__file-meta { font-size: 0.82rem; }
.tools-blake3__file-meta { margin-top: 0.55rem; color: #6c6359; min-height: 1.1rem; }
.tools-blake3__actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.tools-blake3__button { border: 1px solid #d3c5b8; border-radius: 9px; background: linear-gradient(180deg, rgba(255,255,255,0.98), rgba(246,240,233,0.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.72), 0 1px 2px rgba(72,60,48,0.08); color: #45392e; cursor: pointer; font: inherit; font-weight: 600; font-size: 0.84rem; line-height: 1.15; padding: 0.46rem 0.78rem; transition: border-color 0.18s ease, background-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.14s ease; }
.tools-blake3__button:hover { border-color: #b7a594; background: linear-gradient(180deg, rgba(255,255,255,1), rgba(243,235,227,0.98)); box-shadow: inset 0 1px 0 rgba(255,255,255,0.82), 0 2px 5px rgba(72,60,48,0.1); }
.tools-blake3__button--primary { border-color: #474039; background: #4d463f; color: #fff; box-shadow: inset 0 1px 0 rgba(255,255,255,0.12), 0 2px 4px rgba(60,51,44,0.16); }
.tools-blake3__button--primary:hover { border-color: #3f3933; background: #433c36; box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 3px 6px rgba(60,51,44,0.18); }
.tools-blake3__button:active { transform: translateY(1px); box-shadow: inset 0 1px 1px rgba(72,60,48,0.12); }
.tools-blake3__button:focus-visible { outline: none; border-color: #8f7c6c; box-shadow: 0 0 0 3px rgba(143,124,108,0.18); }
.tools-blake3__button:disabled { border-color: #ddd2c7; background: #f2ede7; box-shadow: none; color: #9b8f83; cursor: not-allowed; transform: none; }
.tools-blake3__checkbox { display: inline-flex; align-items: center; gap: 0.38rem; color: #584d42; font-size: 0.82rem; font-weight: 600; padding: 0.2rem 0.1rem; }
.tools-blake3__checkbox input { margin: 0; }
@media screen and (max-width: 860px) { .tools-blake3__grid, .tools-blake3__grid--meta { grid-template-columns: 1fr; } }
@media screen and (max-width: 520px) { .tools-blake3__card { border-radius: 14px; padding: 0.82rem; } .tools-blake3__textarea { min-height: 8rem; } .tools-blake3__button { width: 100%; justify-content: center; } .tools-blake3__checkbox { width: 100%; justify-content: flex-start; } }