*{box-sizing:border-box}html,body{min-height:100%;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{color:#18181b;background:#f4f4f5}.lab{width:min(1100px,100% - 32px);margin:0 auto;padding:48px 0}.header{margin-bottom:32px}.header h1{margin:0;font-size:28px;font-weight:700}.header p{color:#71717a;margin:6px 0 0}.workspace{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:32px;display:grid}.preview-panel{background:#fff;border:1px solid #e4e4e7;border-radius:16px;justify-content:center;align-items:center;min-height:560px;padding:32px;display:flex}.preview{aspect-ratio:1;background:#e4e4e7;border-radius:50%;width:min(512px,100%);overflow:hidden}.preview svg{width:100%;height:100%;display:block}.controls{background:#fff;border:1px solid #e4e4e7;border-radius:16px;flex-direction:column;gap:20px;padding:20px;display:flex}.controls label{flex-direction:column;gap:8px;font-size:14px;font-weight:600;display:flex}.controls select,.controls input{color:#18181b;width:100%;height:40px;font:inherit;background:#fff;border:1px solid #d4d4d8;border-radius:8px;padding:0 10px}.actions{flex-direction:column;gap:8px;display:flex}.actions button{color:#fff;height:40px;font:inherit;cursor:pointer;background:#18181b;border:0;border-radius:8px;font-weight:600}.actions button:hover{opacity:.9}.metadata{flex-direction:column;gap:14px;padding-top:4px;display:flex}.metadata div{flex-direction:column;gap:3px;display:flex}.metadata span{color:#71717a;font-size:12px}.metadata strong{word-break:break-all;font-size:13px;font-weight:600}.gallery-section{margin-top:32px}.gallery-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.gallery-header h2{margin:0;font-size:20px;font-weight:700}.gallery-header span{color:#71717a;font-size:13px}.gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.gallery-item{cursor:pointer;background:#fff;border:1px solid #e4e4e7;border-radius:12px;min-width:0;padding:0;transition:border-color .12s,transform .12s;overflow:hidden}.gallery-item:hover{border-color:#a1a1aa;transform:translateY(-2px)}.gallery-item-preview{aspect-ratio:1;background:#e4e4e7;width:100%;overflow:hidden}.gallery-item-preview svg{width:100%;height:100%;display:block}.gallery-item-meta{flex-direction:column;gap:3px;padding:10px 12px 12px;display:flex}.gallery-item-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.gallery-item-meta span{color:#71717a;font-size:11px}@media (width<=900px){.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=800px){.workspace{grid-template-columns:1fr}.preview-panel{min-height:auto}.controls{width:100%}}@media (width<=600px){.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-item-meta{padding:8px 10px 10px}}