:root{--bg-dark: #0B0F14;--surface: #111827;--accent: #E5264B;--success: #10B981;--text-primary: #F9FAFB;--text-secondary: #9CA3AF;--border: #1F2937;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}button{cursor:pointer}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.5}.app-container.pitch-black{background-color:#000!important}.app-container.pitch-black .main-header,.app-container.pitch-black .dashboard,.app-container.pitch-black .program-item{background-color:#000!important;border-color:#111!important}.btn-icon{background:transparent;border:none;color:var(--text-secondary);padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#ffffff0d;color:var(--text-primary)}.btn-icon.active{color:var(--accent);background:#e5264b1a}.app-container{min-height:100vh;display:flex;flex-direction:column}.main-header{background-color:var(--surface);padding:1rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.header-left{display:flex;align-items:center;gap:1rem}.menu-icon{color:var(--text-primary);cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.menu-icon:hover{background:#ffffff1a;color:var(--accent)}.main-header h1{font-size:1.25rem;font-weight:700;color:var(--accent)}.display-text{display:inline}.display-active-text{color:var(--success);font-weight:600}@media (max-width: 480px){.display-text{display:none}}.status-indicator{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.pdf-page-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .6rem;border:1px solid var(--border);border-radius:999px;color:var(--text-primary);background:#ffffff0a}.dot{width:8px;height:8px;border-radius:50%;background-color:#4b5563}.dot.connected{background-color:var(--success);box-shadow:0 0 8px var(--success)}.dashboard{flex:1;padding:1.5rem;max-width:800px;margin:0 auto;width:100%}.title-culto{font-size:1.5rem;font-weight:700}.subtitle-date{font-size:.875rem;color:var(--text-secondary)}.filter-chips{display:flex;gap:.75rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:.5rem}.chip{background-color:var(--surface);border:1px solid var(--border);padding:.5rem 1.25rem;border-radius:50px;font-size:.875rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap}.chip.active{background-color:var(--accent);border-color:var(--accent);color:#fff}.program-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.btn-primary{background:linear-gradient(135deg,#e11d48,#be123c);color:#fff;border:none;padding:.75rem 1.15rem;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 8px 18px #e11d4847;display:inline-flex;align-items:center;gap:.45rem}.btn-primary:hover{transform:translateY(-1px) scale(1.01);box-shadow:0 12px 22px #e11d485c;filter:brightness(1.04)}.empty-state{text-align:center;padding:4rem 2rem;background-color:var(--surface);border-radius:var(--radius);color:var(--text-secondary);border:1px dashed var(--border)}.program-item-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;display:flex;overflow:visible;position:relative;transition:all .2s}.program-item-card.dragging{opacity:.5;border-style:dashed}.program-item-card.active{border-left:4px solid var(--success);background-color:#10b9810d}.program-item-card.projected{border:1px solid rgba(16,185,129,.7);background:linear-gradient(90deg,#10b98133,#10b98114);box-shadow:0 0 0 1px #10b98159,0 10px 26px #10b98138}.item-order{background-color:#1f293780;padding:1rem .75rem;display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--text-secondary);font-size:.75rem;font-weight:700;cursor:grab}.item-order:active{cursor:grabbing}.item-content{flex:1;padding:1rem;display:flex;justify-content:space-between;align-items:center}.item-info{display:flex;align-items:center;gap:1rem}.type-icon{color:var(--accent)}.text-info h3{font-size:1rem;margin-bottom:.25rem}.type-badge{font-size:.7rem;background-color:var(--border);color:var(--text-secondary);padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;font-weight:700}.warning-badge{font-size:.7rem;color:#fbbf24;margin-left:.5rem}.live-badge{font-size:.68rem;margin-left:.5rem;padding:.12rem .42rem;border-radius:999px;background:#10b98138;color:#34d399;border:1px solid rgba(52,211,153,.42);font-weight:700}.item-actions{display:flex;align-items:center;gap:.5rem;position:relative}.btn-project{background-color:var(--success);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer}.btn-more{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-more:hover{background:#ffffff0d;color:#fff}.item-menu{position:absolute;top:calc(100% + .35rem);right:0;min-width:180px;background:#111827;border:1px solid var(--border);border-radius:10px;box-shadow:0 10px 24px #00000059;z-index:200;overflow:hidden}.item-menu button{width:100%;text-align:left;background:transparent;border:none;color:#e5e7eb;padding:.65rem .8rem;cursor:pointer}.btn-project.projected{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 0 0 1px #34d39973,0 0 18px #10b98159}.item-menu button:hover{background:#ffffff0f}.item-menu button.danger{color:#f87171}.confirm-delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:300;display:flex;align-items:center;justify-content:center;padding:1rem}.confirm-delete-card{width:min(420px,92vw);background:#111827;border:1px solid var(--border);border-radius:14px;padding:1rem}.confirm-delete-card h3{margin-bottom:.5rem}.confirm-delete-card p{color:var(--text-secondary);font-size:.92rem}.confirm-delete-actions{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.collage-toggle{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;color:var(--text-primary);font-size:.9rem}.donation-footer{padding:2rem;text-align:center;margin-top:auto}.btn-donate{display:inline-block;background-color:#0070ba;color:#fff;text-decoration:none;padding:.75rem 1.5rem;border-radius:50px;font-weight:600}.landing-container{background-color:#0b0f14;color:#fff;min-height:100vh}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 5%}.landing-nav .logo{font-size:1.5rem;font-weight:800;color:#e5264b}.landing-nav .logo span{color:#fff}.nav-links{display:flex;gap:1rem}.btn-secondary{background:transparent;border:1px solid #1F2937;color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s}.btn-secondary:hover{background:#1f2937}.btn-accent{background:#e5264b;color:#fff;padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s}.btn-accent:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #e5264b4d}.hero{display:flex;align-items:center;padding:5rem 5%;gap:4rem}.hero-content{flex:1}.hero-content h1{font-size:3.5rem;line-height:1.1;margin-bottom:2rem}.text-highlight{color:#e5264b}.hero-content p{font-size:1.25rem;color:#9ca3af;margin-bottom:3rem;max-width:600px}.hero-actions{display:flex;gap:1.5rem}.btn-large-accent{background:#e5264b;border:none;padding:1rem 2rem;border-radius:12px;font-weight:700;color:#fff;cursor:pointer;text-decoration:none;font-size:1.1rem;display:inline-block}.btn-large-outline{background:transparent;border:2px solid #1F2937;padding:1rem 2rem;border-radius:12px;font-weight:700;color:#fff;cursor:pointer;font-size:1.1rem}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:5rem 5%}.feature-card{background:#111827;padding:2.5rem;border-radius:20px;text-align:center;border:1px solid #1F2937}.feature-card .icon{font-size:2.5rem;margin-bottom:1.5rem}.feature-card h3{margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:#9ca3af;line-height:1.6}.donation-section{text-align:center;padding:8rem 5%;background:linear-gradient(to bottom,#0b0f14,#111827)}.donation-section h2{font-size:2.5rem;margin-bottom:1.5rem}.donation-section p{margin-bottom:3rem;color:#9ca3af;max-width:700px;margin-inline:auto;font-size:1.25rem}.btn-donate-large{background:#0070ba;color:#fff;padding:1.25rem 3rem;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.2rem;display:inline-block}.landing-footer{text-align:center;padding:4rem;color:#4b5563;border-top:1px solid #1F2937}.auth-container{background-color:#0b0f14;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;color:#fff}.auth-card{background:#111827;width:100%;max-width:450px;padding:3rem;border-radius:24px;border:1px solid #1F2937;box-shadow:0 25px 50px -12px #00000080}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-logo{font-size:1.5rem;font-weight:800;color:#e5264b;text-decoration:none;display:block;margin-bottom:1.5rem}.auth-logo span{color:#fff}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.btn-auth{background:#e5264b;color:#fff;border:none;padding:1rem;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;animation:fadeIn .3s ease-out}.sidebar-content{background:var(--surface);width:300px;height:100%;display:flex;flex-direction:column;border-right:1px solid var(--border);box-shadow:10px 0 50px #00000080;animation:slideInLeft .3s cubic-bezier(.16,1,.3,1)}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{padding:2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.sidebar-header .logo{font-size:1.25rem;font-weight:800;color:var(--accent)}.sidebar-header .logo span{color:#fff}.church-info{padding:1.5rem 2rem;display:flex;align-items:center;gap:1rem;background:#ffffff05}.church-avatar{width:45px;height:45px;background:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;color:#fff}.church-info h3{font-size:.95rem;font-weight:700}.church-info p{font-size:.75rem;color:var(--success);font-weight:600}.sidebar-nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.nav-item{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:transparent;border:none;border-radius:12px;color:var(--text-secondary);font-weight:600;font-size:.95rem;width:100%;text-align:left;transition:all .2s}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#e5264b1a;color:var(--accent)}.sidebar-footer{padding:1.5rem;border-top:1px solid var(--border)}.btn-logout{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:transparent;border:1px solid var(--border);border-radius:12px;color:#ef4444;font-weight:600;width:100%;transition:all .2s}.btn-logout:hover{background:#ef44441a;border-color:#ef4444}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:#111827;width:100%;max-width:550px;border-radius:24px;border:1px solid #1F2937;overflow:hidden;box-shadow:0 25px 50px -12px #00000080;animation:modalEnter .3s ease-out}@keyframes modalEnter{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1.5rem 2rem;background:#1f293780;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border)}.modal-header h2{font-size:1.25rem;font-weight:700}.btn-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:50%;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-close:hover{background:#ffffff1a;color:#fff}.modal-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.input-group{display:flex;flex-direction:column;gap:.5rem}.input-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.input-group input,.input-group textarea{background:#0b0f14;border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;color:#fff;font-size:1rem;font-family:inherit;transition:all .2s}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #e5264b33}.html-editor-toolbar{display:flex;gap:.4rem;flex-wrap:wrap}.editor-block-select{background:#0b0f14;border:1px solid var(--border);color:var(--text-primary);border-radius:8px;padding:.35rem .55rem;min-width:140px}.btn-editor{background:#0b0f14;border:1px solid var(--border);color:var(--text-secondary);border-radius:8px;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.btn-editor:hover{color:#fff;border-color:#374151}.html-editor{min-height:140px;background:#0b0f14;border:1px solid var(--border);border-radius:12px;padding:.75rem 1rem;color:#fff;outline:none}.html-editor:focus{border-color:var(--accent);box-shadow:0 0 0 2px #e5264b33}.type-selector label{display:block;font-size:.875rem;font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.type-option{background:#0b0f14;border:1px solid var(--border);border-radius:12px;padding:.75rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;transition:all .2s;color:var(--text-secondary)}.type-option span{font-size:.75rem;font-weight:600}.type-option:hover{background:#1f2937;border-color:#374151}.type-option.active{background:#e5264b1a;border-color:var(--accent);color:var(--accent)}.warning-text{font-size:.75rem;color:#fbbf24;margin-top:.25rem}.upload-placeholder{border:2px dashed var(--border);border-radius:var(--radius);padding:2rem;transition:all .2s}.upload-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;color:var(--text-secondary)}.upload-box p{font-weight:600;color:#fff}.upload-box span{font-size:.75rem}.modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}.btn-cancel{background:transparent;border:1px solid var(--border);color:#fff;padding:.75rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#ffffff0d}.btn-submit{background:var(--accent);border:none;color:#fff;padding:.75rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s}.btn-submit:hover{background:#d41d42;transform:translateY(-1px);box-shadow:0 4px 12px #e5264b4d}.display-screen{background-color:#000;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#fff}.content-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.display-title{font-size:3rem;color:#e5264b;margin-bottom:2rem}.display-body{font-size:4.5rem;line-height:1.2}.display-body ul,.display-body ol{text-align:left;display:inline-block;margin-top:1rem}.animate-fade-in{animation:fadeIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.text-viewer{text-align:center;max-width:90%}.image-viewer,.video-viewer{max-width:100%;max-height:100%;object-fit:contain}.audio-stage{width:min(1100px,92vw);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.4rem}.audio-visualizer{width:min(1000px,90vw);height:280px;border:1px solid rgba(16,185,129,.3);border-radius:18px;background:radial-gradient(circle at 50% 0%,#10b98133,#0206171a 40%),linear-gradient(180deg,#020617d9,#000000fa);box-shadow:0 0 30px #10b98133,inset 0 0 40px #06b6d414;display:grid;grid-template-columns:repeat(36,1fr);align-items:end;gap:5px;padding:18px}.audio-bar{height:22%;border-radius:999px;background:linear-gradient(180deg,#34d399,#10b981 45%,#06b6d4);box-shadow:0 0 16px #10b98180;animation:futuristicWave 1.3s ease-in-out infinite;transform-origin:bottom}.audio-player{width:min(900px,90vw);background:transparent;opacity:.92}.audio-title{color:#f9fafbdb;text-shadow:0 0 16px rgba(16,185,129,.35)}.audio-player::-webkit-media-controls-panel{background:#11182759}.audio-player::-webkit-media-controls-enclosure{border-radius:12px;background:#11182726}.collage-viewer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;padding:24px}.collage-image-single{width:100%;height:100%;object-fit:contain;border-radius:16px;box-shadow:0 18px 50px #00000073}.collage-meta{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);padding:.45rem .8rem;border-radius:999px;background:#0206178c;border:1px solid rgba(148,163,184,.35);color:#e2e8f0;font-size:.82rem}@keyframes futuristicWave{0%,to{transform:scaleY(.35);opacity:.5}40%{transform:scaleY(1);opacity:1}75%{transform:scaleY(.6);opacity:.7}}.youtube-viewer-wrapper{width:100%;height:100%}.youtube-viewer{width:100%;height:100%;border:0;display:block}.connection-badge{position:fixed;bottom:2rem;right:2rem;background:#00000080;padding:.5rem 1rem;border-radius:50px;font-size:.75rem;color:var(--text-secondary);border:1px solid var(--border)}.btn-open-file{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:.8rem 1.1rem;border-radius:10px;font-weight:700}@media (max-width: 768px){.hero{flex-direction:column;text-align:center;gap:2rem}.features{grid-template-columns:1fr}}.preview-overlay{z-index:3000;display:flex!important;align-items:center;justify-content:center;padding:2rem;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:fixed;top:0;right:0;bottom:0;left:0}.preview-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;width:min(900px,95vw);max-height:95vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3;animation:modalScaleIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modalScaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.preview-header{padding:1.25rem 1.5rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);gap:1rem}.preview-info{display:flex;flex-direction:column;gap:.5rem;min-width:0}.preview-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0}.preview-badges{display:flex;gap:.5rem}.badge{font-size:.65rem;font-weight:800;padding:.2rem .6rem;border-radius:4px;letter-spacing:.05em}.badge-video{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-audio{background:#10b98133;color:#34d399;border:1px solid rgba(16,185,129,.3)}.badge-muted{background:#f59e0b33;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.preview-body{padding:0;background:#000;flex:1;display:flex;align-items:center;justify-content:center;min-height:300px}.preview-viewport-container{width:100%;aspect-ratio:16/9;max-height:65vh;display:flex;position:relative}.preview-footer{padding:1.25rem 1.5rem;background:var(--surface);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1.25rem}.preview-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem}.btn-mute-toggle{display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid transparent}.btn-mute-toggle.muted{background:#f59e0b1a;color:#fbbf24;border-color:#f59e0b33}.btn-mute-toggle.unmuted{background:#10b9811a;color:#34d399;border-color:#10b98133}.btn-mute-toggle:hover{filter:brightness(1.2);transform:translateY(-1px)}.no-audio-info{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem;font-style:italic}.preview-conformity{font-size:.85rem;font-weight:500}.conformity-text{color:var(--text-secondary)}.btn-project-now{width:100%;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;padding:1.1rem;border-radius:12px;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;box-shadow:0 10px 20px #10b98140;transition:all .2s}.btn-project-now:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 14px 24px #10b98159}.btn-preview{background:#ffffff0d;border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;padding:.5rem;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-preview:hover{background:#e5264b1a;color:var(--accent);border-color:var(--accent)}.item-header-type{background:linear-gradient(135deg,#1e1b4b,#312e81)!important;border-left:6px solid #8b5cf6!important;margin-top:2rem!important;margin-bottom:1rem!important;padding:1.25rem 1.5rem!important;height:auto!important;box-shadow:0 4px 20px #0006!important;border-radius:12px!important;display:block!important}.item-header-type .item-order{display:none!important}.item-header-type .item-content{padding:0!important;display:flex;justify-content:space-between;align-items:center}.item-header-type .header-info h2{color:#e0e7ff!important;font-size:1.4rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.15em;margin:0!important}.header-block-viewer{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.header-block-viewer .display-title{font-size:6rem!important;text-transform:uppercase;letter-spacing:.1em;text-align:center;color:#fff!important;text-shadow:0 0 40px rgba(229,38,75,.4)}.color-picker-wrapper{position:relative;display:flex!important;align-items:center;justify-content:center;padding:0!important;width:32px;height:32px;overflow:hidden}.color-picker-wrapper input[type=color]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;left:0;top:0}.color-picker-wrapper:hover{background:#ffffff1a;color:var(--accent)}.html-editor-toolbar{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem;background:#0b0f14;border:1px solid var(--border);border-bottom:none;border-radius:12px 12px 0 0;align-items:center}.fullscreen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:10000;cursor:pointer;animation:fadeIn .4s ease-out}:fullscreen .fullscreen-overlay{display:none!important}:-webkit-full-screen .fullscreen-overlay{display:none!important}.fullscreen-hint{text-align:center;padding:3rem;border:2px dashed rgba(255,255,255,.2);border-radius:30px;background:#ffffff0d}.fullscreen-hint p{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.fullscreen-hint span{font-size:1rem;color:var(--text-secondary)}.fullscreen-hint b{color:var(--accent)}