.uuid-generator .uuid-content{display:flex;flex-direction:column;gap:16px}.uuid-generator .controls-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 480px){.uuid-generator .controls-row{grid-template-columns:1fr}}.uuid-generator .count-control{margin:16px 0}.uuid-generator .action-buttons{display:flex;gap:8px;flex-wrap:wrap}.uuid-generator .uuid-list{max-height:400px;overflow-y:auto}.uuid-generator .uuid-item{display:flex;align-items:center;justify-content:space-between;padding:12px;margin-bottom:8px;background:var(--teb-canvas);border-radius:8px;border:1px solid var(--teb-hairline);transition:border-color .15s ease}.uuid-generator .uuid-item:hover{border-color:var(--teb-primary)}.uuid-generator .uuid-item:last-child{margin-bottom:0}.uuid-generator .uuid-text{flex:1;margin-right:12px;font-family:var(--teb-font-mono);font-size:13px;color:var(--teb-ink)}.uuid-generator .uuid-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.uuid-generator .info-section{padding:16px;background:var(--teb-canvas);border-radius:8px;border:1px solid var(--teb-hairline);border-left:3px solid var(--teb-primary)}.uuid-generator .use-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:16px}.uuid-generator .use-case-item{padding:16px;background:var(--teb-canvas);border-radius:8px;border:1px solid var(--teb-hairline);border-left:3px solid var(--teb-success);transition:transform .15s ease,border-color .15s ease}.uuid-generator .use-case-item:hover{transform:translateY(-1px)}.uuid-generator .standards-note{border-left-color:var(--teb-success)}@media (max-width: 768px){.uuid-generator .uuid-item{flex-direction:column;align-items:stretch;gap:8px}.uuid-generator .uuid-text{margin-right:0}.uuid-generator .uuid-info,.uuid-generator .use-cases{grid-template-columns:1fr}.uuid-generator .action-buttons{flex-direction:column}}