.mode-detail{margin:24px 0}.mode-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.mode-detail-info{flex:1;min-width:0}.mode-detail-title{font-size:24px;font-weight:700;margin:0 0 6px;color:#fff;word-break:break-word}.mode-detail-meta{font-size:13px;color:#999;margin:0 0 10px}.mode-detail-meta a{color:#1abc9c;text-decoration:none}.mode-detail-meta a:hover{text-decoration:underline}.mode-detail-description{font-size:14px;color:#ccc;margin:0;line-height:1.5}.mode-detail-owner-actions{margin-top:10px;display:flex;gap:14px}.owner-link{color:#999;text-decoration:none;font-size:13px}.owner-link:hover{color:#fff}.delete-link{color:#e74c3c}.delete-link:hover{color:#ff6b6b}.mode-detail-actions{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.fav-form,.vote-form{margin:0}.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}.vote-btn:hover{background:#222;border-color:#555}.vote-icon{width:20px;height:20px;display:block}.vote-count{font-size:13px;font-weight:600;color:#ccc}.mode-detail-body{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.mode-detail-preview{background:#141414;border:1px solid #2a2a2a;border-radius:12px;overflow:hidden;padding:6px;align-self:start;max-width:100%}.mode-detail-preview .device-svg{width:100%;height:auto;display:block;max-width:100%}.mode-detail-patterns{min-width:0;width:100%}.mode-detail-patterns-title{font-size:16px;font-weight:600;margin:0 0 12px;color:#ccc}.mode-patterns{display:flex;flex-direction:column;gap:8px}.pat-item-submission{display:flex;align-items:center;gap:12px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:12px 14px;cursor:pointer;transition:background .2s,border-color .2s;width:100%;box-sizing:border-box}.pat-item-submission:hover{background:#222}.pat-item-submission.highlighted{border-color:#3498db;background:#1a2230}.pat-item-submission-content{flex:1;min-width:0}.pat-name{font-size:14px;font-weight:500;color:#eee;margin:0;word-break:break-word}.mode-detail-patterns .submission-led-strip-container{flex:0 0 120px!important;width:120px!important;height:24px!important;overflow:hidden!important;border-radius:4px;background:#111;border:1px solid #333;margin:0!important;box-sizing:border-box}.mode-detail-patterns .lightshow-canvas{width:100%!important;height:100%!important}.mode-detail-patterns .pat-item-submission-content{width:auto;flex:1;min-width:0}.mode-detail-patterns .pat-name{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;word-break:break-word;line-height:1.4;max-height:none;-webkit-line-clamp:unset}.mode-detail-footer{display:flex;justify-content:center;padding-bottom:48px}.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}.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}@media (max-width:768px){.mode-detail-body{grid-template-columns:1fr}.mode-detail-preview{max-width:100%}.mode-detail-patterns .submission-led-strip-container{flex:0 0 80px!important;width:80px!important;height:20px!important}.lightshow-btn{width:100%;box-sizing:border-box}}@media (max-width:480px){.mode-detail-patterns .submission-led-strip-container{flex:0 0 60px!important;width:60px!important;height:16px!important}.pat-item-submission{padding:10px;gap:8px}.pat-name{font-size:13px}}.mode-detail-info-panel{display:none;background:#141414;border:1px solid #2a2a2a;border-radius:12px;padding:16px;overflow-y:auto;flex-direction:column;gap:8px;align-self:start}.preview-mode-info .mode-detail-preview{display:none}.preview-mode-info .mode-detail-info-panel{display:flex}.mode-detail-info-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.mode-detail-info-meta{flex:1;min-width:0}.mode-detail-info-creator{font-size:13px;color:#aaa;font-weight:500}.mode-detail-info-description{font-size:12px;color:#777;margin:4px 0 0}.mode-detail-device-icon{width:36px;height:36px;border-radius:6px;flex-shrink:0;opacity:.8}.mode-detail-info-divider{border:0;border-top:1px solid #2a2a2a;margin:4px 0;width:100%;flex-shrink:0}.mode-detail-info-pattern{display:flex;align-items:center;justify-content:space-between;gap:8px}.mode-detail-info-pattern-name{font-size:12px;color:#999;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.mode-detail-info-swatches{display:flex;gap:4px;flex-shrink:0}