.tool-container{max-width:1200px;margin:0 auto}.tool-container .tool-page-title{font-size:24px;margin-bottom:24px;color:var(--secondary-color);font-weight:700;text-align:center;margin-top:0}.tool-controls{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap;align-items:center}.error-message{background-color:#fee2e2;color:var(--error-color);border:1px solid #fecaca}.error-message,.status-message{border-radius:4px;padding:12px;margin-bottom:16px;font-size:13px;line-height:1.5}.status-message{font-weight:500}.status-message.status-valid{background-color:var(--success-bg);color:#166534;border:1px solid var(--success-border)}.status-message.status-invalid{background-color:var(--error-bg);color:var(--error-color);border:1px solid var(--error-border)}.status-message.status-empty{background-color:var(--info-bg);color:#6b21a8;border:1px solid var(--info-border)}.tool-editor-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}@media(max-width:1024px){.tool-editor-container{grid-template-columns:1fr}}.tool-editor-single{margin-top:20px}.tool-editor-single .form-control{width:100%;min-height:500px;resize:vertical;padding:12px 14px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;line-height:1.6;font-family:Monaco,Courier New,monospace;background-color:var(--bg)}.tool-editor-single .form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.08)}.editor-wrapper{display:flex;flex-direction:column;gap:8px}.editor-wrapper label{font-weight:600;color:#374151;font-size:13px}.editor-wrapper .editor{border:1px solid var(--border-color);border-radius:4px;min-height:400px;background-color:var(--card-bg)}.editor-wrapper .editor :global(.cm-editor){height:100%;border:1px solid var(--border-color);border-radius:4px}.editor-wrapper .editor :global(.cm-gutters){background-color:var(--bg-light);border-right:1px solid var(--border-color)}.editor-wrapper .editor :global(.cm-cursor){border-left-color:var(--primary-color)}.editor-wrapper .editor :global(.cm-selectionBackground){background-color:rgba(59,130,246,.2)}.input-field{padding:12px 14px;border:1px solid var(--border-color);border-radius:6px;font-size:15px;line-height:1.6;background-color:var(--card-bg);transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1),0 0 0 1px rgba(59,130,246,.3)}.timestamp-container{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}@media(max-width:768px){.timestamp-container{grid-template-columns:1fr}}.timestamp-section{padding:24px;background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.timestamp-section h3{font-size:16px;margin-bottom:16px;color:#1f2937;font-weight:600}.timestamp-section input{width:100%;padding:12px 14px;border:1px solid var(--border-color);border-radius:6px;margin-bottom:16px;font-size:15px;line-height:1.6;background-color:var(--card-bg);transition:all .2s ease}.timestamp-section input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(59,130,246,.1),0 0 0 1px rgba(59,130,246,.3)}.timestamp-section button{width:100%;padding:10px 18px;font-size:16px}.timestamp-controls{grid-column:1/-1;display:flex;gap:10px;justify-content:center}.timestamp-controls button{min-width:150px}.form-control{min-width:0;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit}.form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-row{display:flex;gap:16px;align-items:center;flex-wrap:wrap}@media(max-width:768px){.form-row{flex-direction:column}}.form-row .form-col{flex:0 0 auto;display:flex;align-items:center;gap:6px}.form-row .form-col .inline-label{font-weight:400;color:#374151;white-space:nowrap;margin-right:2px}@media(max-width:768px){.form-row{flex-direction:column;gap:10px}.form-row .form-col{width:100%;flex:1 1 100%}}.hash-algorithm-select,.hash-output-select{width:180px}@media(max-width:768px){.hash-algorithm-select,.hash-output-select{min-width:0;width:100%;flex:1 1 100%}}.hash-tool .form-row{gap:40px}@media(max-width:768px){.hash-tool .form-row{gap:10px}}.result-label{font-weight:600;color:#374151;font-size:14px}.result-value{flex:1;min-width:0;padding:10px 12px;background-color:#f9fafb;font-family:Monaco,Courier New,monospace;color:#1f2937;word-break:break-all}.result-value,.tool-select{border:1px solid var(--border-color);border-radius:4px;font-size:14px}.tool-select{height:34px;padding:0 12px;background-color:var(--card-bg);cursor:pointer;font-family:inherit;box-sizing:border-box;line-height:1}.tool-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.btn-text{background-color:rgba(0,0,0,0);color:var(--primary-color);padding:4px 8px;font-size:12px}.btn-text:hover{background-color:rgba(59,130,246,.08)}.seo-documentation{margin-top:60px;padding-top:40px;border-top:1px solid var(--border-color)}.seo-doc-container{max-width:1200px;margin:0 auto;padding:0 20px}.seo-doc-container h2{font-size:14px;font-weight:500;color:var(--secondary-color);margin-bottom:16px;text-align:left}.seo-doc-container h3{font-size:13px;font-weight:400;color:var(--secondary-color);margin-bottom:8px}.seo-doc-container p{font-size:13px;color:var(--muted-2);line-height:1.7;margin-bottom:0}.seo-doc-faqs{font-family:Helvetica Neue,Arial,Noto Sans,sans-serif}.seo-doc-faqs h2{font-size:14px;color:var(--muted-color);margin-bottom:14px;text-align:left;font-weight:500;letter-spacing:.02em;text-transform:none}.faq-item{margin-bottom:18px;padding:0}.faq-item h3{margin-top:0;margin-bottom:8px;color:var(--secondary-color);font-size:13px;font-weight:400}.faq-item .faq-answer{display:block}.faq-item .faq-answer-text{margin:0 0 10px;color:var(--muted-2);font-size:13px;line-height:1.7}.faq-item .faq-answer-text:last-child{margin-bottom:0}.faq-item .faq-answer-list{margin:0 0 10px 18px;padding:0;list-style:disc;list-style-position:outside;color:var(--muted-2);font-size:13px;line-height:1.7}.faq-item .faq-answer-list:last-child{margin-bottom:0}.faq-item .faq-answer-list li{margin-bottom:6px}.faq-item .faq-answer-list li:last-child{margin-bottom:0}