.css-unit-converter[data-v-3d9f93af]{padding:20px;max-width:1200px;margin:0 auto}.input-section[data-v-3d9f93af]{margin-bottom:16px}.input-row[data-v-3d9f93af]{display:flex;gap:12px;align-items:center}.value-input[data-v-3d9f93af]{flex:1}.unit-select[data-v-3d9f93af]{width:180px}.settings-row[data-v-3d9f93af]{display:flex;gap:24px;margin-bottom:24px;padding:12px 16px;background:var(--bg-secondary);border-radius:8px}.setting-item[data-v-3d9f93af]{display:flex;align-items:center;gap:8px}.setting-item label[data-v-3d9f93af]{font-size:13px;color:var(--text-color-secondary);white-space:nowrap}.unit-label[data-v-3d9f93af]{font-size:13px;color:var(--text-color-secondary)}.results-section[data-v-3d9f93af]{margin-top:8px}.results-grid[data-v-3d9f93af]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.result-item[data-v-3d9f93af]{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg-secondary);border-radius:8px;cursor:pointer;transition:all .2s;border:1px solid transparent}.result-item[data-v-3d9f93af]:hover{border-color:#2c8cf0;background:var(--bg-color)}.result-unit[data-v-3d9f93af]{font-weight:700;font-size:13px;color:#2c8cf0;min-width:32px}.result-value[data-v-3d9f93af]{flex:1;font-family:Consolas,Monaco,monospace;font-size:15px;color:var(--text-color);word-break:break-all}.copy-icon[data-v-3d9f93af]{border:none;background:transparent;cursor:pointer;font-size:14px;opacity:0;transition:opacity .2s;padding:2px}.result-item:hover .copy-icon[data-v-3d9f93af]{opacity:1}@media (max-width: 768px){.input-row[data-v-3d9f93af]{flex-direction:column}.unit-select[data-v-3d9f93af]{width:100%}.settings-row[data-v-3d9f93af]{flex-direction:column;gap:12px}.results-grid[data-v-3d9f93af]{grid-template-columns:1fr}}