.fi-media-panel,.fi-media-viewer{border:1px solid var(--border,#363442);border-radius:16px;background:var(--panel,#17151f);color:var(--text,#f4f2f8);overflow:hidden}.fi-media-panel{margin:12px 0}.fi-media-panel summary{cursor:pointer;padding:14px 16px;line-height:1.4}.fi-media-panel summary strong{font-size:15px}.fi-media-panel summary span{display:block;font-size:12px;color:var(--muted,#b4aebe);margin-top:3px}.fi-media-body{padding:0 16px 16px}.fi-media-now{display:flex;flex-direction:column;gap:6px;margin:8px 0 14px;min-width:0}.fi-media-now strong{font-size:19px;overflow-wrap:anywhere;line-height:1.4}.fi-media-now small,.fi-media-now span{color:var(--muted,#b4aebe);font-size:12px}.fi-media-buttons{display:flex;gap:8px;flex-wrap:wrap}.fi-media-panel button,.fi-media-viewer button{font:inherit;cursor:pointer;border:1px solid var(--border,#48424f);border-radius:9px;background:#282132;color:#f5f0fa;padding:9px 12px;min-height:38px}.fi-media-panel button:disabled,.fi-media-viewer button:disabled{opacity:.5;cursor:default}.fi-media-panel button:hover:not(:disabled),.fi-media-viewer button:hover:not(:disabled){background:#3e2d50}.fi-media-panel input,.fi-media-panel select,.fi-media-viewer input{font:inherit;box-sizing:border-box;max-width:100%;min-width:0;background:#100e17;color:#f7f4fc;border:1px solid #484250;border-radius:8px;padding:10px}.fi-media-panel input[type=range]{padding:0;accent-color:#bf8cff}.fi-media-panel input[type=checkbox]{accent-color:#bf8cff;width:18px;height:18px}.fi-media-volume{display:flex;align-items:center;gap:10px;margin:14px 0;font-size:13px}.fi-media-volume input{flex:1;min-width:50px}.fi-media-note{font-size:13px;line-height:1.55;color:var(--muted,#b9b1c7);margin:10px 0}.fi-media-error{color:#ffb7a8!important}.fi-media-link-form{margin:14px 0;display:grid;gap:7px}.fi-media-link-form>div{display:flex;gap:7px}.fi-media-link-form input{flex:1;width:100px}.fi-media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fi-media-grid label{display:grid;gap:6px;font-size:13px}.fi-media-row{display:flex;gap:10px;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff12;align-items:center}.fi-media-row>div:first-child{min-width:0}.fi-media-row a{color:inherit;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.fi-media-row small{display:block;font-size:11px;color:var(--muted,#b9b1c7);line-height:1.5;margin-top:5px}.fi-media-row-actions{display:flex;gap:6px;flex-wrap:wrap;flex-shrink:0;max-width:155px}.fi-media-row-actions button{font-size:12px;padding:6px 8px}.fi-media-panel h3{font-size:14px;margin:20px 0 0}.fi-media-settings{border-top:1px solid #ffffff18;margin-top:18px}.fi-media-check{display:flex;gap:8px;align-items:center;font-size:13px;margin-top:14px}.fi-media-links{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:20px 0}.fi-media-links a{font-size:12px;color:#d0b2ff}.fi-media-links button{font-size:12px}.fi-media-viewer{padding:24px;margin:24px 0}.fi-media-viewer h2{margin:5px 0 15px;font-size:26px}.fi-media-preview{display:flex;gap:16px;align-items:center;margin:20px 0}.fi-media-preview img{width:112px;height:80px;object-fit:cover;border-radius:10px}.fi-media-preview strong{font-size:18px;overflow-wrap:anywhere}.fi-media-viewer details{margin-top:18px}.fi-media-viewer li{padding:6px;line-height:1.4;font-size:14px}.fi-media-viewer #viewer-media-message{width:100%;margin-top:10px;font-size:12px}.fi-media-viewer [hidden],.fi-media-panel [hidden]{display:none!important}
@media(max-width:600px){.fi-media-grid{grid-template-columns:1fr}.fi-media-row{align-items:flex-start;flex-direction:column}.fi-media-row-actions{max-width:none}.fi-media-viewer{padding:18px}.fi-media-preview img{width:80px;height:60px}.fi-media-link-form>div{flex-direction:column}.fi-media-link-form input{width:100%}}
.fi-now-playing{display:flex;gap:20px;align-items:center;padding:22px 26px;box-sizing:border-box;border-radius:var(--widget-radius,18px);background:color-mix(in srgb,var(--widget-panel,#17121e) 92%,transparent);color:var(--widget-text,#fff);font-family:var(--widget-font,sans-serif);overflow:hidden}.fi-now-playing img{height:100%;max-height:110px;aspect-ratio:1;object-fit:cover;border-radius:12px}.fi-now-playing>div{min-width:0;display:flex;flex-direction:column;gap:6px}.fi-now-playing strong{font-size:clamp(20px,3.4cqw,34px);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-now-playing small{font-size:17px;line-height:1.3;color:var(--widget-muted,#c6bdd2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fi-media-video{background:#100c18;border-radius:12px;overflow:hidden;color:#ddd;font-family:var(--widget-font,sans-serif)}.fi-media-video iframe{display:block;width:100%;height:100%;border:0}.fi-media-placeholder{height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;box-sizing:border-box;font-size:24px;color:#cfc4df;background:linear-gradient(140deg,#2c1c3e,#11101b)}