.tool-page[data-astro-cid-2wsxr5zd]{max-width:700px;margin:0 auto;padding:2rem 0}.subtitle[data-astro-cid-2wsxr5zd]{color:var(--text-secondary);margin-bottom:2rem}.tool-container[data-astro-cid-2wsxr5zd]{background:var(--bg-secondary);padding:2rem;border-radius:12px;margin-bottom:2rem}.input-section[data-astro-cid-2wsxr5zd]{margin-bottom:1.5rem}.input-section[data-astro-cid-2wsxr5zd] label[data-astro-cid-2wsxr5zd]{display:block;margin-bottom:.5rem;color:var(--text-secondary);font-size:.9rem}.input-section[data-astro-cid-2wsxr5zd] input[data-astro-cid-2wsxr5zd]{width:100%;padding:1rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);font-family:Monaco,Courier New,monospace}.primary-btn[data-astro-cid-2wsxr5zd]{flex:1;padding:1rem;font-size:1rem;font-weight:600;background:var(--button-bg);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:opacity .2s}.primary-btn[data-astro-cid-2wsxr5zd]:hover{opacity:.9}.primary-btn[data-astro-cid-2wsxr5zd]:disabled{opacity:.5;cursor:not-allowed}.button-group[data-astro-cid-2wsxr5zd]{display:flex;gap:.5rem}.secondary-btn[data-astro-cid-2wsxr5zd]{padding:1rem;font-size:1rem;font-weight:600;background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .2s}.secondary-btn[data-astro-cid-2wsxr5zd]:hover{background:var(--border)}.secondary-btn[data-astro-cid-2wsxr5zd]:disabled{opacity:.5;cursor:not-allowed}.output-section[data-astro-cid-2wsxr5zd]{margin-top:2rem}.result-card[data-astro-cid-2wsxr5zd]{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:1.5rem}.result-row[data-astro-cid-2wsxr5zd]{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid var(--border)}.result-row[data-astro-cid-2wsxr5zd]:last-child{border-bottom:none}.result-row[data-astro-cid-2wsxr5zd] .label[data-astro-cid-2wsxr5zd]{color:var(--text-secondary);font-size:.9rem;font-weight:500}.result-row[data-astro-cid-2wsxr5zd] .value[data-astro-cid-2wsxr5zd]{color:var(--text);font-family:Monaco,Courier New,monospace;font-size:.9rem;text-align:right}.value-with-copy[data-astro-cid-2wsxr5zd]{display:flex;align-items:center;gap:.5rem}.copy-btn[data-astro-cid-2wsxr5zd]{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:.25rem .5rem;cursor:pointer;font-size:.9rem;transition:background .2s}.copy-btn[data-astro-cid-2wsxr5zd]:hover{background:var(--border)}.copy-btn[data-astro-cid-2wsxr5zd]:active{transform:scale(.95)}.copy-btn[data-astro-cid-2wsxr5zd].copied{background:#4caf50;border-color:#4caf50}.error-section[data-astro-cid-2wsxr5zd]{margin-top:2rem;padding:1rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}.hidden[data-astro-cid-2wsxr5zd]{display:none!important}.info-section[data-astro-cid-2wsxr5zd]{background:var(--bg-secondary);padding:2rem;border-radius:12px}.info-section[data-astro-cid-2wsxr5zd] h2[data-astro-cid-2wsxr5zd]{margin-top:1.5rem;margin-bottom:1rem;font-size:1.2rem}.info-section[data-astro-cid-2wsxr5zd] h2[data-astro-cid-2wsxr5zd]:first-child{margin-top:0}.info-section[data-astro-cid-2wsxr5zd] h3[data-astro-cid-2wsxr5zd]{margin-top:1rem;margin-bottom:.5rem;font-size:1rem}.info-section[data-astro-cid-2wsxr5zd] p[data-astro-cid-2wsxr5zd]{color:var(--text-secondary);line-height:1.6}.info-section[data-astro-cid-2wsxr5zd] ul[data-astro-cid-2wsxr5zd]{color:var(--text-secondary);line-height:1.8;padding-left:1.5rem}.examples[data-astro-cid-2wsxr5zd]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.example-btn[data-astro-cid-2wsxr5zd]{padding:.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:6px;cursor:pointer;color:var(--text);font-size:.9rem;transition:background .2s}.example-btn[data-astro-cid-2wsxr5zd]:hover{background:var(--border)}@media (max-width: 480px){.result-row[data-astro-cid-2wsxr5zd]{flex-direction:column;gap:.25rem}.result-row[data-astro-cid-2wsxr5zd] .value[data-astro-cid-2wsxr5zd]{text-align:left}.examples[data-astro-cid-2wsxr5zd]{flex-direction:column}.example-btn[data-astro-cid-2wsxr5zd]{width:100%}.button-group[data-astro-cid-2wsxr5zd]{flex-direction:column}}