@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@200;300&family=Lato:wght@400;700&family=Montserrat:wght@500;600;700;800&display=swap";:root{font:14px/1.45 Lato,Arial,sans-serif;color:#173248;background:#f7f8fa;--brand:#204666;--blue:#326ea0;--line:#e0e6ed;--quiet:#798794;--soft:#eef4fa}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:6px;background:#fff;color:inherit;min-height:34px;padding:7px 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px}button:hover{background:var(--soft)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #326ea0;outline-offset:3px}button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}button.primary:hover{background:#295a84}button.soft{background:#dfebf5;border-color:transparent;color:#204666}button.icon{width:30px;min-height:30px;padding:5px;background:transparent;border:0;flex-shrink:0}button.danger{color:#b53e40}svg{width:17px;height:17px;stroke-width:1.7;flex-shrink:0}input,select{min-height:35px;padding:7px 10px;border:1px solid var(--line);border-radius:5px;background:#fff;color:inherit;min-width:0}input[type=checkbox]{min-height:initial;width:16px;height:16px;accent-color:var(--blue)}input[type=color]{padding:3px;width:44px}label{display:grid;gap:6px;font-size:12px;color:#697e8f}h1,h2,h3{font-family:Montserrat,Arial,sans-serif;line-height:1.3}h1{font-size:22px;letter-spacing:-.5px;margin:0 0 7px}h2{font-size:17px;margin:0}h3{font-size:14px;margin:0}p{margin:8px 0 15px}.muted,small{color:var(--quiet)}small{font-size:12px}.grow{flex:1;min-width:0}.flex{display:flex;gap:10px;align-items:center}.between{justify-content:space-between}.stack{display:grid;gap:14px}.truncate{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:20px}.wordmark{font-family:Montserrat,sans-serif;font-weight:800;font-size:23px;letter-spacing:3px;display:flex;align-items:center;gap:12px}.wordmark .church{display:block;font-family:Josefin Sans,sans-serif;font-size:9px;letter-spacing:6px;font-weight:300;text-align:center;margin-top:-3px}.wordmark .lessons{font:14px Lato,sans-serif;letter-spacing:.5px;border-left:1px solid var(--line);padding:8px 0 8px 15px;margin-left:5px}.top-search{width:min(370px,35vw);position:relative}.top-search svg{position:absolute;left:11px;top:10px;color:#93a2b0}.top-search input{padding-left:35px;width:100%;background:#f7f9fb}.top-actions{display:flex;gap:12px;align-items:center;font-size:12px}.avatar{display:grid;place-items:center;width:30px;height:30px;background:#d0e1f0;border-radius:50%;color:var(--brand);font-weight:700}.workspace{display:grid;grid-template-columns:92px minmax(0,1fr);height:calc(100dvh - 76px)}.rail{background:var(--brand);padding:18px 8px 14px;display:flex;flex-direction:column;gap:9px}.rail button{border:0;background:transparent;color:#c1d8eb;font-size:11px;flex-direction:column;gap:7px;padding:13px 4px;border-radius:7px}.rail button svg{width:21px;height:21px}.rail button.active{background:#326ea0;color:#fff}.rail button:hover{background:#295a84}.rail .bottom{margin-top:auto}.content{min-width:0;overflow:hidden}.editor{display:grid;grid-template-columns:234px minmax(330px,1fr) 270px;height:100%}.pane{min-width:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.folders{background:#f1f4f7;border-right:1px solid var(--line);padding:23px 12px}.pane-title{font-size:11px;letter-spacing:1px;color:#8795a0;text-transform:uppercase;margin:25px 10px 11px}.folder-toolbar{display:flex;gap:6px}.folder-toolbar .primary{flex:1;font-size:12px}.folder{margin:3px 0}.folder-button{width:100%;justify-content:flex-start;background:transparent;border:0;padding:9px 7px;font-size:12px;font-weight:700}.folder-button svg{color:#6c8fae;width:17px}.folder-button .chevron{width:12px;color:#8a9aa6}.folder-children{margin:1px 0 9px 17px;padding-left:9px;border-left:1px solid #d9e2eb}.playlist-link{width:100%;border:0;background:transparent;justify-content:flex-start;padding:9px 8px;font-size:12px;margin:1px 0}.playlist-link.active{background:#d0e1f0;color:#204666;font-weight:700}.playlist-link svg{width:13px;color:#96a9b9}.playlist-link .name{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.center{padding:26px 25px;background:#fff;min-width:0;overflow-y:auto}.playlist-header{margin:0 0 23px}.playlist-header small{display:flex;gap:7px;align-items:center}.save-indicator{font-size:11px;color:#729080;display:inline-flex;gap:5px;align-items:center}.save-indicator svg{width:13px}.settings-strip{display:grid;gap:13px;margin:19px 0 23px;padding-bottom:20px;border-bottom:1px solid var(--line)}.tags-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.caption{font-size:11px;color:#8795a0;text-transform:uppercase;letter-spacing:.7px;margin-right:5px}.tag{--tag:#326ea0;display:inline-flex;align-items:center;gap:6px;font-size:11px;border-radius:20px;background:color-mix(in srgb,var(--tag) 13%,white);color:var(--tag);padding:4px 8px;border:1px solid color-mix(in srgb,var(--tag) 25%,white)}.tag button{border:0;padding:0;min-height:16px;width:15px;background:transparent;color:inherit}.tag svg{width:12px;height:12px}.dates{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.dates input{font-size:11px;max-width:190px;background:#fafbfd}.dates label{font-size:11px}.timezone{font-size:10px;color:#91a0ac;margin-bottom:8px}.table-head{display:grid;grid-template-columns:27px 84px 1fr 72px 32px;align-items:center;color:#8b98a3;font-size:11px;border-bottom:1px solid var(--line);padding:9px 0}.table-head .name-col{grid-column:2/4}.playlist-row{position:relative;display:flex;align-items:center;gap:11px;min-height:68px;border-bottom:1px solid #edf0f3;padding:10px 0}.playlist-row.hidden-item{opacity:.45}.playlist-row .drag-handle{cursor:grab;width:24px;color:#a6b3bd;padding:2px;min-height:28px;background:transparent;border:0}.playlist-row .drag-handle:active{cursor:grabbing}.drag-handle svg{width:14px}.thumb{flex-shrink:0;display:grid;place-items:center;position:relative;width:76px;height:44px;border-radius:5px;color:#fff;text-align:center;overflow:hidden;background:var(--brand);font:700 9px/1.3 Montserrat,sans-serif;letter-spacing:.5px;padding:5px}.thumb img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.thumb .video-mark{position:absolute;bottom:3px;right:3px;width:13px;height:13px}.thumb.peach{color:#204666}.item-title{font-size:13px;color:#274154;margin-bottom:4px}.item-meta{display:flex;gap:5px;align-items:center;font-size:10px;color:#95a0aa}.item-meta svg{width:11px;height:11px}.duration{font-size:11px;color:#8b98a3;width:65px;text-align:right}.more{background:#f4f6f8!important;border-radius:5px!important;width:26px!important;height:25px!important;min-height:25px!important}.more svg{width:16px}.drop-target{height:52px;margin-top:16px;display:flex;justify-content:center;align-items:center;gap:8px;border:1px dashed #d7e1ea;border-radius:6px;font-size:11px;color:#93a4b3}.drop-active{background:#eef4fa!important;box-shadow:inset 0 3px #326ea0}.drop-target.drop-active{outline:2px solid #326ea0}.library{border-left:1px solid var(--line);background:#f6f8fa;padding:23px 14px}.search{width:100%;font-size:12px;background:#fff}.library .pane-title{margin:22px 3px 10px}.library .folder-button{font-size:12px;font-weight:400;padding:8px 0}.library .folder-button .chevron{width:10px}.library .folder-children{margin-left:14px;padding-left:10px}.media-tile{padding:6px 0;display:flex;gap:8px;align-items:center;cursor:grab}.media-tile .thumb{width:47px;height:30px;font-size:6px}.media-tile .title{font-size:11px;line-height:1.3;overflow:hidden;text-overflow:ellipsis}.media-tile small{font-size:9px}.library-note{font-size:10px;color:#9aa6b0;padding:20px 0;border-top:1px solid var(--line);margin-top:18px}.page{height:100%;overflow:auto;padding:28px 30px}.page-heading{margin-bottom:25px}.media-layout{display:grid;grid-template-columns:220px 1fr;gap:22px}.media-layout>.folders{border:1px solid var(--line);border-radius:8px;max-height:calc(100dvh - 215px);overflow:auto;padding:12px}.media-panel{background:#fff;border:1px solid var(--line);border-radius:8px;min-width:0;padding:18px}.filters{display:flex;gap:6px;margin:17px 0}.filters button{font-size:11px;padding:4px 10px;min-height:27px;border-radius:20px}.filters button.active{background:#dfebf5;border-color:#a3c5e2}.media-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf0f3}.media-row .thumb{width:84px;height:47px}.media-row small{font-size:10px}.media-row .size{font-size:11px;color:#8b98a3;min-width:65px}.count{font-size:11px;color:#8b98a3;margin-top:6px}.screen-grid{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));gap:18px;max-width:1100px}.screen-card{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.screen-preview{height:150px;background:#173248;display:grid;place-content:center;text-align:center;gap:10px;color:#fff;font-family:Montserrat;font-size:16px;letter-spacing:1px}.screen-preview svg{margin:auto;width:30px;height:30px;color:#94bcdd}.screen-body{padding:20px}.screen-body small{display:block;margin:8px 0 17px}.screen-options{display:flex;align-items:center;gap:14px;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.pill{font-size:10px;padding:4px 8px;border-radius:20px;background:#eef4fa;color:#6b8397;display:inline-flex;gap:5px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#a5b3be}.calendar{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden}.cal-toolbar{padding:19px;display:flex;align-items:center;justify-content:space-between}.weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays>div{font-size:11px;color:#8696a3;padding:10px;text-align:center;border-top:1px solid var(--line)}.cal-day{min-height:128px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:7px 0;min-width:0}.cal-day .date{display:inline-flex;font-size:11px;color:#758a9c;margin:0 9px 6px;width:23px;height:23px;align-items:center;justify-content:center}.cal-day.today .date{border-radius:50%;background:var(--brand);color:#fff}.cal-day.outside{background:#fafbfd}.cal-day.outside .date{color:#b9c2ca}.cal-event{display:block;text-align:left;min-height:24px;width:100%;border:0;border-radius:0;font-size:9px;padding:4px 6px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:color-mix(in srgb,var(--tag) 13%,white);color:var(--tag);border-left:3px solid var(--tag)}.legend{display:flex;gap:19px;margin-top:18px;flex-wrap:wrap}.legend span{font-size:11px;display:flex;align-items:center;gap:6px}.legend i{width:8px;height:8px;border-radius:50%}.empty{padding:45px 20px;text-align:center;color:#8a9aa7;font-size:12px}.empty svg{display:block;margin:0 auto 10px;width:28px;height:28px}.login{min-height:100dvh;display:grid;place-items:center;background:#eef4fa}.login-card{width:min(440px,calc(100vw - 40px));background:#fff;border:1px solid var(--line);border-radius:12px;padding:42px;box-shadow:0 18px 60px #2046660a}.login-card .wordmark{margin-bottom:43px}.login-card h1{font-size:22px}.login-card p{font-size:13px;color:#8292a0;margin:12px 0 25px}.login-card button{width:100%;margin-top:10px}.login-card small{display:block;text-align:center;margin-top:23px;font-size:10px}.menu{position:fixed;z-index:50;width:250px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 10px 35px #17324828}.menu-head{padding:7px 7px 10px;border-bottom:1px solid var(--line);font-size:11px;font-weight:700;margin-bottom:5px;display:flex;align-items:center;gap:8px}.menu>button{display:flex;width:100%;justify-content:flex-start;background:transparent;border:0;font-size:12px;padding:8px}.menu label{display:flex;align-items:center;justify-content:space-between;font-size:11px;padding:7px;gap:8px}.menu input{width:58px;font-size:11px}.menu select{width:125px;font-size:10px}.menu .divider{border-top:1px solid var(--line);margin:5px 0}.menu .hint{font-size:9px;color:#92a0ac;padding:5px 8px}dialog{padding:0;border:1px solid var(--line);border-radius:10px;width:min(460px,calc(100vw - 32px));max-height:90dvh;color:#173248;box-shadow:0 20px 70px #12273930}dialog::backdrop{background:#12273975}dialog form,.dialog-content{padding:23px}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px}dialog label{margin:16px 0}dialog label input,dialog label select{width:100%}.preview-media{width:100%;max-height:50dvh;display:block;background:#122739;border-radius:6px}.sample-preview{height:230px;display:grid;place-items:center;font-family:Montserrat;font-weight:700;letter-spacing:2px;font-size:23px;border-radius:6px;text-align:center;padding:25px}.notice{padding:12px;background:#eef4fa;border-radius:5px;font-size:11px;color:#6e879b;line-height:1.6}.error{background:#fceff0;color:#b24348}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#173248;color:#fff;border-radius:6px;box-shadow:0 5px 20px #17324830;padding:11px 18px;z-index:100;font-size:12px;max-width:90vw}.settings-panel{max-width:1050px;background:#fff;border:1px solid var(--line);padding:22px;border-radius:8px}.user-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.user-row .grow small{display:block}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.checkbox-label{display:flex!important;align-items:center;justify-content:flex-start!important;font-size:12px}.checkbox-label input{width:16px!important}.demo-ribbon{font-size:10px;background:#f6d8ae;color:#76562f;padding:4px 8px;border-radius:4px}.mobile-library{display:none}@media(min-width:1600px){.editor{grid-template-columns:270px minmax(330px,1fr) 315px}.center{padding:28px 32px}.playlist-row{min-height:73px}.library{padding:25px 20px}}@media(max-width:1100px){.editor{grid-template-columns:195px minmax(300px,1fr) 225px}.center{padding:23px 17px}.library{padding:23px 10px}.workspace{grid-template-columns:78px 1fr}.topbar{padding:0 18px}.wordmark{font-size:20px}.duration{width:45px}.playlist-row{gap:8px}.playlist-row .thumb{width:60px;height:37px}.dates{gap:7px}.dates input{max-width:170px;font-size:10px}.item-title{font-size:12px}}@media(max-width:850px){.top-search{display:none}.editor{grid-template-columns:180px minmax(280px,1fr)}.library{display:none}.mobile-library{display:inline-flex}.screen-grid{grid-template-columns:1fr}.media-layout{grid-template-columns:170px 1fr}.top-actions .user-name{display:none}.page{padding:22px 18px}.table-head{grid-template-columns:24px 65px 1fr 45px 28px}.media-row .size{display:none}}@media(max-width:600px){.workspace{grid-template-columns:1fr;height:calc(100dvh - 120px)}.rail{position:fixed;bottom:0;left:0;right:0;z-index:35;flex-direction:row;height:59px;padding:4px 8px;justify-content:space-around}.rail button{padding:4px 10px;font-size:9px;gap:2px}.rail button svg{width:18px;height:18px}.rail .bottom{margin-top:0}.topbar{height:61px;padding:0 13px}.wordmark{font-size:18px;gap:7px}.wordmark .lessons{font-size:12px;padding-left:10px;margin-left:0}.wordmark .church{font-size:7px}.top-actions{gap:5px}.top-actions .save-indicator,.top-actions .avatar{display:none}.editor{grid-template-columns:1fr;grid-template-rows:140px 1fr}.folders{border-right:0;border-bottom:1px solid var(--line);padding:10px 14px}.editor>.folders>.pane-title{display:none}.editor>.folders .tree{display:flex;gap:5px;align-items:flex-start;min-width:0}.editor>.folders .folder{min-width:155px}.editor>.folders .folder-children{max-height:50px;overflow:auto}.editor>.folders{overflow:auto}.folder-toolbar{margin-bottom:8px;max-width:230px}.center{padding:18px 14px}.playlist-header{margin-bottom:15px}h1{font-size:19px}.settings-strip{margin:12px 0}.dates input{max-width:160px}.page-heading{align-items:start}.page-heading .flex{flex-wrap:wrap}.media-layout{grid-template-columns:1fr}.media-layout>.folders{max-height:160px}.media-row .thumb{width:62px;height:36px}.screen-grid{grid-template-columns:1fr}.cal-day{min-height:96px}.cal-event{font-size:8px;padding:3px 2px}.cal-toolbar{padding:12px}.cal-toolbar h2{font-size:14px}.form-grid{grid-template-columns:1fr}.demo-ribbon{font-size:8px}.top-actions button{font-size:10px;padding:4px 7px}.item-title{font-size:11px}.duration{font-size:10px}.playlist-row{gap:6px}.user-row{flex-wrap:wrap}}.signin{min-height:100dvh;display:grid;grid-template-columns:40% 60%;background:#fbfcfd}.signin-brand{background:linear-gradient(140deg,#173248,#204666,#255075);padding:65px 12%;display:flex;flex-direction:column;align-items:flex-start;color:#fff}.signin-logo{width:210px;max-width:100%;height:auto;object-fit:contain}.signin-title{margin-top:auto;padding-bottom:30px}.signin-title>svg{color:#94bcdd;width:72px;height:72px;margin-bottom:35px;stroke-width:1.4}.signin-brand h1{font-size:clamp(2rem,3vw,3.5rem);line-height:1.2;letter-spacing:-.04em;margin:0}.signin-form{display:flex;align-items:center;justify-content:center;position:relative;padding:40px}.login-box{max-width:390px;width:100%}.login-box .eyebrow{font-size:12px;letter-spacing:2px;color:#326ea0;font-weight:700}.login-box h2{font-size:32px;margin:13px 0 18px}.login-box>p{color:#63758a;font-size:16px;line-height:1.6;margin-bottom:26px}.login-box .notice{margin-bottom:18px}.login-box #login{width:100%;min-height:45px;background:linear-gradient(#2678b8,#25679e);font-weight:700;font-size:14px}.access-note{display:flex;align-items:flex-start;gap:12px;margin:29px 0;color:#63758a;font-size:14px;line-height:1.6}.access-note svg{color:#326ea0;flex-shrink:0;margin-top:2px;width:21px;height:21px}.access-note strong{font-weight:400}.login-box .preview-link{color:#256fa9;background:none;text-decoration:underline;padding:0;border:0;font-size:12px}.login-footer{position:absolute;bottom:30px;color:#8a96a5;font-size:10px;letter-spacing:2px}@media(max-width:760px){.signin{grid-template-columns:1fr}.signin-brand{padding:35px;min-height:250px}.signin-logo{width:160px;margin-bottom:30px}.signin-title{margin-top:0;padding:0}.signin-title>svg{display:none}.signin-brand h1{font-size:29px}.signin-form{padding:40px 24px 80px}.login-box h2{font-size:29px}.login-footer{font-size:9px}}.playlist-entry{display:flex;align-items:center;gap:2px;border-radius:5px;margin:1px 0;min-width:0}.playlist-entry.active{background:#d0e1f0}.playlist-entry:hover{background:#e5edf5}.playlist-entry.active:hover{background:#d0e1f0}.playlist-entry .playlist-link{flex:1;min-width:0;width:auto;margin:0;padding-right:4px}.playlist-entry .playlist-link.active{background:transparent}.playlist-entry .playlist-more{width:25px;min-height:26px;margin-right:3px;padding:4px;color:#7f94a6}.playlist-entry .playlist-more:hover,.playlist-entry .playlist-more:focus-visible{background:#fff9;color:#204666}.playlist-more svg{width:15px;height:15px}.folder{position:relative}.folder>.folder-button{padding-right:29px}.folder-more{position:absolute;right:1px;top:6px;z-index:1;width:24px!important;min-height:25px!important;color:#7f94a6}.folder-more svg{width:15px;height:15px}.folder-more:hover{background:#dfeaf4!important}.screen-body h2{overflow-wrap:anywhere}.screen-body .pill{flex-shrink:0}.folder-drag{position:absolute;left:0;top:6px;z-index:1;width:20px!important;min-height:25px!important;padding:3px!important;color:#9badbb;cursor:grab}.folder-drag:active{cursor:grabbing}.folder-drag svg{width:13px;height:13px}.media-folder>.folder-button{padding-left:24px!important}.folder-button.folder-drop-after{box-shadow:inset 0 -3px #326ea0}.media-row[draggable=true]{cursor:grab}