.quick-tools-container[data-astro-cid-stce2szg]{margin:24px 0;padding:16px 20px;background:#18181bb3;backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:12px;box-shadow:0 4px 20px #0003}.quick-tools-header[data-astro-cid-stce2szg]{display:flex;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.quick-tools-title[data-astro-cid-stce2szg]{font-weight:700;font-size:.95rem;color:var(--primary);text-transform:uppercase;letter-spacing:.5px;display:inline-flex;align-items:center;gap:4px}.quick-tools-sub[data-astro-cid-stce2szg]{font-size:.85rem;color:var(--gray)}.quick-tools-grid[data-astro-cid-stce2szg]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.quick-tool-link[data-astro-cid-stce2szg]{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#27272a99;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:var(--white);text-decoration:none;font-size:.9rem;transition:all .2s ease}.quick-tool-link[data-astro-cid-stce2szg]:hover{background:#f9731626;border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #f9731633}.quick-tool-icon[data-astro-cid-stce2szg]{font-size:1.2rem;line-height:1}.quick-tool-text[data-astro-cid-stce2szg]{display:flex;flex-direction:column;flex:1;min-width:0}.quick-tool-text[data-astro-cid-stce2szg] strong[data-astro-cid-stce2szg]{font-size:.9rem;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-tool-text[data-astro-cid-stce2szg] small[data-astro-cid-stce2szg]{font-size:.75rem;color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-tool-arrow[data-astro-cid-stce2szg]{color:var(--gray);font-weight:700;transition:transform .2s ease,color .2s ease}.quick-tool-link[data-astro-cid-stce2szg]:hover .quick-tool-arrow[data-astro-cid-stce2szg]{color:var(--primary);transform:translate(4px)}.options-grid{display:grid;gap:20px;margin-bottom:25px}.option-item{display:flex;align-items:center;gap:10px;padding:15px;background:var(--light);border-radius:8px;border:1px solid var(--border);color:var(--white);transition:var(--transition)}.option-item:hover{background:var(--border);border-color:var(--primary)}.option-item label{flex:1;cursor:pointer;margin-bottom:0}.strength-indicator{margin-top:15px;font-weight:700;font-size:1.1rem;text-align:center}.preview-box{width:100%;height:300px;border-radius:12px;margin-bottom:25px;border:2px solid var(--border);background:linear-gradient(135deg,#667eea,#764ba2)}.controls{display:grid;gap:20px;margin-bottom:20px}.control-group{display:flex;align-items:center;gap:15px}.control-group label{min-width:100px;margin-bottom:0}.converter-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-bottom:20px}.input-box{display:flex;flex-direction:column;gap:10px}.swap-btn{background:var(--primary);color:var(--white);border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;font-size:1.5rem;transition:all .3s}.swap-btn:hover{transform:rotate(180deg);background:var(--primary-dark)}.result{background:var(--light);padding:20px;border-radius:10px;border-left:4px solid var(--secondary);font-size:1.5rem;text-align:center;color:var(--white)}.calc-section{background:var(--light);padding:25px;border-radius:12px;margin-bottom:20px;border:1px solid var(--border)}.calc-section h3{color:var(--primary);margin-bottom:15px;font-size:1.2rem}.input-row{display:flex;gap:15px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.input-row label{font-weight:600;color:var(--white);min-width:80px;margin-bottom:0}.input-row input[type=number]{flex:1;min-width:100px}.input-row span{color:var(--gray)}.timestamp-input-row{display:flex;gap:8px}.timestamp-output-row{display:flex;justify-content:space-between;align-items:center}.flexbox-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.flexbox-preview{background:#f973161a;border:2px dashed var(--primary);border-radius:12px;padding:20px;min-height:200px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch}.grid-controls-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;margin-bottom:20px}.grid-preview{background:#f973161a;border:2px dashed var(--primary);border-radius:12px;padding:20px;display:grid;overflow-x:auto;-webkit-overflow-scrolling:touch}.tool-content{display:grid;grid-template-columns:1.2fr 1fr;gap:25px;align-items:start;margin-bottom:25px}.input-section,.output-section{background:#ffffff05;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius);padding:30px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0000004d}.input-section{margin-bottom:0}.output-section h3{color:var(--primary);font-size:1.25rem;margin-bottom:15px;margin-top:0}.output-section h3:not(:first-of-type){margin-top:25px}.result-card{background:var(--light);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.result-card:last-child{margin-bottom:0}.result-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.result-item:last-child{border-bottom:none}.result-item span{color:var(--gray);font-size:.95rem}.result-item strong{color:var(--white);font-size:1.1rem;font-weight:600}.result-item.highlight{background:#f973160d;border:1px solid rgba(249,115,22,.2);border-radius:8px;padding:15px;margin-top:10px}.result-item.highlight span{color:var(--white);font-weight:600}.result-item.highlight strong{color:var(--primary);font-size:1.4rem;font-weight:700}@media (max-width: 768px){.converter-grid{grid-template-columns:1fr;gap:15px}.swap-btn{transform:rotate(90deg);margin:10px auto}.swap-btn:hover{transform:rotate(270deg)}.control-group{flex-wrap:wrap}.input-row{flex-direction:column;align-items:stretch}.input-row label{min-width:auto}.tool-content{grid-template-columns:1fr!important}.input-section,.output-section{width:100%}[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 1fr 1fr 1fr"]{grid-template-columns:1fr!important}select{font-size:16px;width:100%}button{min-height:44px;touch-action:manipulation}.timestamp-input-row{flex-direction:column}.timestamp-input-row input,.timestamp-input-row .btn{width:100%}.timestamp-output-row{flex-direction:column;align-items:stretch;gap:10px}.timestamp-output-row .btn{width:100%}.flexbox-controls-grid{grid-template-columns:1fr}.flexbox-preview{padding:15px}.grid-controls-grid{grid-template-columns:1fr}.grid-preview{padding:15px}}