.uuid-settings{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-end;margin-bottom:24px}.uuid-settings .field{min-width:0}.uuid-count-field{min-width:200px}.uuid-format-group{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.uuid-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none}.uuid-toggle input{accent-color:var(--accent);width:16px;height:16px}.uuid-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.uuid-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-3);border:1px solid var(--line);border-radius:var(--radius-s);font-family:var(--font-mono);font-size:14px;word-break:break-all;line-height:1.5;transition:border-color .2s}.uuid-item:hover{border-color:var(--accent)}.uuid-item .uuid-text{flex:1;min-width:0}.uuid-item .uuid-idx{font-size:11px;color:var(--text-faint);min-width:24px;text-align:right;flex-shrink:0}.uuid-item .btn-copy-single{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:4px 8px;font-size:14px;border-radius:var(--radius-s);flex-shrink:0}.uuid-item .btn-copy-single:hover{color:var(--accent);background:var(--accent-soft)}.uuid-timestamp{font-family:var(--font-mono);font-size:11px;color:var(--text-faint);margin-top:12px;letter-spacing:.04em}.uuid-empty{text-align:center;padding:40px 20px;color:var(--text-faint);font-family:var(--font-mono);font-size:13px}.uuid-parse-section{border-top:1px solid var(--line);padding-top:20px}.uuid-parse-row{display:flex;gap:10px;align-items:stretch}.uuid-parse-row .input{flex:1;min-width:0}.uuid-parse-result{margin-top:12px}.uuid-parse-card{border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg-3);padding:12px;display:grid;gap:8px}.uuid-parse-row-result{display:grid;grid-template-columns:88px minmax(0,1fr);gap:10px;align-items:baseline;font-size:13px}.uuid-parse-row-result span{color:var(--text-faint)}.uuid-parse-row-result code,.uuid-parse-row-result strong{font-family:var(--font-mono);font-size:13px;color:var(--text);word-break:break-all}.uuid-parse-error{border:1px solid rgba(248,113,113,.3);background:#f8717114;color:var(--bad);border-radius:var(--radius-s);padding:10px 12px;font-size:13px}@media(max-width:700px){.uuid-parse-row{flex-direction:column}.uuid-parse-row-result{grid-template-columns:1fr;gap:3px}}