.pat-detail{margin:24px 0}.pat-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.pat-detail-info{flex:1;min-width:0}.pat-detail-title{font-size:24px;font-weight:700;margin:0 0 6px;color:#fff;word-break:break-word}.pat-detail-meta{font-size:13px;color:#999;margin:0 0 10px}.pat-detail-meta a{color:#1abc9c;text-decoration:none}.pat-detail-meta a:hover{text-decoration:underline}.pat-detail-description{font-size:14px;color:#ccc;margin:0;line-height:1.5}.pat-detail-owner-actions{margin-top:10px;display:flex;gap:14px}.pat-detail-owner-actions .owner-link{color:#999;text-decoration:none;font-size:13px}.pat-detail-owner-actions .owner-link:hover{color:#fff}.pat-detail-owner-actions .delete-link{color:#e74c3c}.pat-detail-owner-actions .delete-link:hover{color:#ff6b6b}.pat-detail-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.pat-detail-actions .fav-form,.pat-detail-actions .vote-form{margin:0}.pat-detail-actions .vote-btn{display:flex;flex-direction:column;align-items:center;gap:2px;background:#1a1a1a;border:1px solid #333;border-radius:8px;padding:8px 14px;cursor:pointer;transition:background .2s,border-color .2s}.pat-detail-actions .vote-btn:hover{background:#222;border-color:#555}.pat-detail-actions .vote-icon{width:20px;height:20px;display:block}.pat-detail-actions .vote-count{font-size:13px;font-weight:600;color:#ccc}.pat-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.pat-detail-preview{background:#141414;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;padding:16px;align-self:start;max-width:100%}.pat-swatches-preview{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.pat-swatch-large{width:40px;height:40px;border-radius:8px;border:1px solid #333;flex-shrink:0}.pat-detail-preview .pat-profile-led-strip-container{height:48px;border:1px solid #333;border-radius:6px;background-color:#0a0a0a;overflow:hidden;margin:0}.pat-detail-preview .lightshow-canvas{width:100%;height:100%}.pat-detail-info-panel{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:12px;padding:16px;align-self:start}.pat-detail-panel-title{font-size:14px;font-weight:600;color:#aaa;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.pat-colorset-grid{display:flex;flex-direction:column;gap:8px}.pat-color-item{display:flex;align-items:center;gap:10px}.pat-color-swatch{width:24px;height:24px;border-radius:4px;border:1px solid #333;flex-shrink:0}.pat-color-hex{font-size:13px;color:#999;font-family:monospace}.pat-detail-footer{display:flex;justify-content:center;gap:12px;padding-bottom:48px;flex-wrap:wrap}.pat-detail-footer .lightshow-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#1abc9c;color:#fff;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:background .2s;text-align:center}.pat-detail-footer .lightshow-btn:hover{background:#16a085}#deleteConfirmModal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#222;border:1px solid #444;border-radius:12px;padding:24px;z-index:100;text-align:center}#deleteConfirmModal p{margin:0 0 16px;color:#eee}#deleteConfirmModal button{background:#e74c3c;color:#fff;border:0;border-radius:6px;padding:8px 20px;cursor:pointer;margin:0 6px;font-size:14px}#deleteConfirmModal button:last-child{background:#555}#deleteConfirmModal button:hover{opacity:.9}.pat-used-by{margin-top:24px}.pat-used-by-title{font-size:16px;font-weight:600;color:#ccc;margin:0 0 12px}.pat-used-by .modes-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}@media (max-width:768px){.pat-detail-body{grid-template-columns:1fr}.pat-detail-preview{max-width:100%}.pat-detail-footer .download-btn,.pat-detail-footer .lightshow-btn{width:100%;box-sizing:border-box}}