:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eee;background:#111;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%;height:100%}button,input,select{font:inherit}button{cursor:pointer}.viewer{height:100dvh;background:#111;display:flex;flex-direction:column}.viewer-content{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.viewer-bar{height:30px;padding:0 12px;display:flex;justify-content:space-between;align-items:center;background:#171717;color:#999;font-size:11px;letter-spacing:.04em}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#777;margin-right:5px}.live-dot{white-space:nowrap}.slide-frame{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ls-bg);color:var(--ls-fg);font-family:var(--ls-font)}.theme-bg{position:absolute;inset:0;background-color:var(--ls-bg);background-image:var(--ls-bg-image);background-position:center;background-size:cover;background-repeat:no-repeat}.theme-overlay{position:absolute;inset:0;background:rgba(0,0,0,var(--ls-overlay))}.slide-text{position:relative;width:100%;height:100%;padding:var(--ls-pad) var(--ls-pad) calc(var(--ls-pad) + 3%);display:flex;align-items:center;justify-content:center;text-align:var(--ls-align,center);font-size:var(--ls-size);font-weight:var(--ls-weight);line-height:var(--ls-leading);overflow:hidden;word-break:normal;overflow-wrap:anywhere}.media-image,.media-video{width:100%;height:100%;object-fit:contain;background:#000}.blank-screen{width:100%;height:100%;background:#000}.blank-image{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;background-color:#000}.blank-message{position:relative;width:100%;height:100%;padding:var(--ls-pad);display:flex;align-items:center;justify-content:center;text-align:var(--ls-align,center);font-size:var(--ls-size);font-weight:var(--ls-weight);line-height:var(--ls-leading)}.media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#000;color:#aaa}.media-placeholder span{font-size:clamp(32px,8vw,80px);letter-spacing:.12em}.media-placeholder small{font-size:14px}.empty{color:#777}.control{min-height:100dvh;background:#f3f3f1;color:#222;padding-bottom:88px}.control-header{position:sticky;top:0;z-index:10;background:#f3f3f1f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #d8d8d4}.eyebrow{font-size:10px;letter-spacing:.16em;color:#777;font-weight:700}.control-header h1{font-size:20px;margin:3px 0}.connection{font-size:11px;color:#777}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#aaa;margin-right:6px}.dot.on{background:#38865d}.header-actions{display:flex;gap:8px;align-items:center}.button,.icon-button,.tab,.transport-btn,.service-item,.slide-thumb{border:1px solid #d1d1cc;background:#fff;color:#222}.button{border-radius:8px;padding:10px 13px;font-size:11px;font-weight:700;letter-spacing:.05em}.button.secondary{background:#e9e9e5}.button input{display:none}.icon-button{width:40px;height:40px;border-radius:8px}.control-stage{padding:18px;max-width:1100px;margin:auto}.preview{background:#deded9;border:1px solid #d0d0ca;border-radius:12px;padding:10px}.preview-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:#777;margin:2px 3px 8px}.preview-label b{color:#a54c36}.preview-screen{height:min(48vw,470px);min-height:230px;background:#111;border-radius:7px;overflow:hidden}.preview-screen .slide-text{font-size:clamp(22px,4vw,54px)}.transport{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.transport-btn{min-height:72px;border-radius:10px;font-size:38px;display:flex;align-items:center;justify-content:center;gap:12px}.transport-btn span{font-size:11px;letter-spacing:.1em;font-weight:800}.transport-btn.primary{background:#222;color:#fff;border-color:#222}.state-line{display:flex;justify-content:space-between;align-items:center;padding:12px 2px;color:#666;font-size:12px}.state-line strong{color:#222}.tabs{position:sticky;bottom:64px;z-index:8;display:flex;gap:6px;padding:8px 18px;background:#f3f3f1f5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #d8d8d4}.tab{padding:10px 13px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.08em;text-decoration:none}.tab.active{background:#222;color:#fff;border-color:#222}.service-list,.slide-grid,.theme-panel{max-width:1100px;margin:0 auto;padding:12px 18px}.service-list{display:grid;gap:6px}.service-item{width:100%;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;text-align:left;padding:11px 12px;border-radius:9px}.service-item.current{border-color:#222;background:#fff}.item-number{color:#888;font-size:12px}.item-main{display:flex;flex-direction:column;gap:2px}.item-main b{font-size:13px}.item-main small{font-size:10px;color:#888}.chevron{font-size:20px;color:#aaa}.slide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:9px}.slide-thumb{text-align:left;min-height:120px;border-radius:9px;padding:9px;display:flex;flex-direction:column;gap:7px;overflow:hidden}.slide-thumb.current{outline:2px solid #222}.thumb-number{font-size:10px;font-weight:800;color:#777}.slide-thumb span:last-child{font-size:12px;line-height:1.25;display:block;overflow:hidden}.panel-heading{max-width:1100px;margin:auto;padding:14px 18px 2px;display:flex;justify-content:space-between;align-items:center}.panel-heading small{display:block;color:#888;font-size:10px;margin-top:2px}.empty-panel{padding:30px 18px;color:#888;text-align:center}.control-footer{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:10px 18px;background:#f3f3f1f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid #d8d8d4}.control-footer .button{height:48px}.blank-button.active{background:#222;color:#fff;border-color:#222}.show-button.active{background:#fff}.theme-panel{padding-top:18px}.theme-row{display:flex;gap:8px;align-items:end;margin-bottom:16px}.theme-row label{flex:1}.theme-row select,.theme-grid select,.theme-grid input:not([type=color]):not([type=file]){width:100%;padding:10px;border:1px solid #ccc;border-radius:8px;background:#fff}.theme-row select{margin-top:5px}.theme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.theme-grid label{font-size:10px;font-weight:800;letter-spacing:.04em;color:#666}.theme-grid label input,.theme-grid label select{display:block;margin-top:5px}.theme-grid input[type=color]{width:54px;height:38px;border:1px solid #ccc;border-radius:8px;padding:3px;background:#fff;cursor:pointer}.theme-color-control{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center;margin-top:5px}.theme-color-control .theme-hex{width:100%;min-height:38px;padding:0 10px;border:1px solid #ccc;border-radius:8px;background:#fff;color:#333;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;cursor:text}.theme-grid input[type=range]{width:100%;margin-top:8px}.theme-grid output{float:right;font-weight:600;color:#222}.theme-grid .wide{grid-column:1/-1}.theme-help{margin-top:16px;padding:12px;background:#e9e9e5;border-radius:9px;color:#777;font-size:11px;line-height:1.45}@media(max-width:650px){.control-header{padding:12px}.control-header h1{font-size:16px}.header-actions .import{font-size:0;padding:10px}.header-actions .import:after{content:"IMPORT";font-size:10px}.control-stage{padding:10px}.preview-screen{height:50vw;min-height:190px}.tabs{padding:7px 10px;bottom:64px;overflow:auto}.tab{white-space:nowrap}.service-list,.slide-grid,.theme-panel{padding:10px}.theme-grid{grid-template-columns:1fr}.theme-grid .wide{grid-column:auto}.theme-row{flex-wrap:wrap}.theme-row label{flex-basis:100%}.transport-btn{min-height:64px}.slide-grid{grid-template-columns:1fr 1fr}.slide-thumb{min-height:105px}.viewer-bar{height:24px;font-size:9px}}@media(min-width:900px){.slide-frame .slide-text{--ls-size:var(--ls-size)}}.theme-actions{display:flex;gap:8px;margin:-6px 0 14px}.blank-settings{margin-top:18px;padding:14px;border:1px solid #d2d2cd;border-radius:10px;background:#fff}.blank-settings h3{font-size:13px;margin:0 0 10px}.blank-options{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px;font-size:12px}.blank-settings textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #ccc;border-radius:8px;resize:vertical}.blank-settings>label{display:block;font-size:10px;font-weight:800;color:#666;margin-top:10px}.blank-settings input[type=file]{display:block;margin-top:5px}@media(max-width:650px){.theme-actions{flex-wrap:wrap}.theme-actions .button{flex:1}}.slide-text{overflow:hidden;min-width:0;min-height:0;word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none;text-wrap:balance}.viewer-content .slide-frame{min-width:0;min-height:0}.media-image,.media-video{display:block;object-fit:contain}.thumb-image{display:block;width:100%;height:76px;object-fit:cover;border-radius:6px;background:#111}.autoplay-box{max-width:1100px;margin:8px auto 2px;padding:12px 18px;display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#e9e9e5;border-radius:9px;font-size:11px}.autoplay-box label{display:flex;align-items:center;gap:6px;font-weight:700}.autoplay-box input[type=number]{width:74px;padding:7px;border:1px solid #ccc;border-radius:7px;background:#fff}.blank-banner{margin:0 0 12px;padding:13px 15px;border:2px solid #a54c36;border-radius:10px;background:#f9ece8;color:#7e3828;display:flex;align-items:center;justify-content:space-between;gap:14px}.blank-banner strong{font-size:12px;letter-spacing:.08em}.blank-banner span{font-size:11px;color:#8c5c51;text-align:right}.audience-blanked .preview{border-color:#a54c36;box-shadow:0 0 0 1px #a54c36 inset}.audience-blanked .state-line{color:#a54c36;font-weight:800}.blank-button.active{background:#a54c36;color:#fff;border-color:#a54c36}@media(max-width:650px){.blank-banner{display:block}.blank-banner span{display:block;text-align:left;margin-top:4px}.autoplay-box{margin:8px 10px 2px;padding:10px;gap:10px}.slide-text{padding:var(--ls-pad)}}.locked-control{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:#f3f3f1}.lock-screen{width:min(420px,100%);text-align:center}.lock-card{background:#fff;border:1px solid #d2d2cd;border-radius:14px;padding:30px;box-shadow:0 10px 35px #00000014}.lock-card h1{margin:8px 0;font-size:26px}.lock-card p{color:#777;font-size:13px;line-height:1.5;margin:0 0 20px}.button.primary{background:#222;color:#fff;border-color:#222}.service-active .control-stage{position:sticky;top:73px;z-index:7;background:#f3f3f1f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding-bottom:12px;border-bottom:1px solid #d8d8d4;box-shadow:0 5px 16px #0000000d}.service-active .preview-screen{height:min(31vw,290px);min-height:155px}.service-active .transport{margin-top:8px}.service-active .state-line{padding:8px 2px 0}.service-active #panel{position:relative;z-index:1}.bible-split-controls{display:flex;gap:8px;align-items:end}.bible-split-controls label{font-size:10px;font-weight:800;color:#666}.bible-split-controls input{display:block;margin-top:5px;width:110px;padding:9px;border:1px solid #ccc;border-radius:8px;background:#fff}@media(max-width:650px){.service-active .control-stage{top:61px;padding:8px 10px 9px}.service-active .preview{padding:7px}.service-active .preview-label{margin-bottom:5px}.service-active .preview-screen{height:31vw;min-height:125px;max-height:190px}.service-active .transport-btn{min-height:48px;font-size:28px}.service-active .transport-btn span{font-size:9px}.service-active .state-line{font-size:10px}.bible-split-controls{width:100%}.bible-split-controls label{flex:1}.bible-split-controls input{width:100%}}.service-list{max-height:none;overflow:visible}.control-header{padding:10px 18px 8px;display:block}.header-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.live-header{display:grid;grid-template-columns:minmax(180px,420px) auto;grid-template-rows:auto auto;column-gap:10px;align-items:center;margin-top:8px}.live-header .preview{grid-row:1 / span 2;max-width:420px;padding:6px;border-radius:9px}.live-header .preview-label{margin:1px 3px 4px;font-size:9px}.live-header .preview-screen{height:min(20vw,190px);min-height:100px;max-height:190px}.live-header .transport{margin-top:0;align-self:end}.live-header .transport-btn{min-height:48px;font-size:28px;padding:4px 12px}.live-header .transport-btn span{font-size:9px}.live-header .state-line{padding:5px 2px 0;font-size:10px;align-self:start}.control-stage{padding-top:0}.control>.tabs{position:sticky;top:0;z-index:8}.control #panel{min-height:calc(100dvh - 180px)}.service-list,.slide-grid,.theme-panel{padding-top:12px;padding-bottom:100px}.audience-blanked .live-header .preview{border-color:#a54c36;box-shadow:0 0 0 2px #a54c36 inset}@media(min-width:900px){.live-header{grid-template-columns:minmax(220px,360px) minmax(220px,300px);justify-content:start}.live-header .preview-screen{height:150px}.live-header .transport,.live-header .state-line{max-width:300px}}@media(max-width:650px){.control-header{padding:9px 10px 7px}.header-top{gap:8px}.control-header h1{font-size:15px}.connection{font-size:10px}.header-actions{gap:5px}.header-actions .import{padding:8px}.icon-button{width:36px;height:36px}.live-header{grid-template-columns:minmax(130px,42vw) 1fr;gap:7px;margin-top:6px}.live-header .preview{padding:4px;border-radius:7px}.live-header .preview-label{font-size:8px;margin:1px 2px 3px}.live-header .preview-screen{height:23vw;min-height:72px;max-height:120px;border-radius:5px}.live-header .transport{gap:6px}.live-header .transport-btn{min-height:40px;font-size:23px;border-radius:7px;gap:7px;padding:3px 7px}.live-header .transport-btn span{font-size:8px}.live-header .state-line{font-size:8px;padding-top:3px}.control>.tabs{top:0;padding:6px 10px}.control #panel{min-height:calc(100dvh - 150px)}}.control>.tabs{position:relative;top:auto;z-index:2}.control #panel{position:relative;z-index:1}.control{min-height:100dvh;display:flex;flex-direction:column}.control-header{position:sticky;top:0;z-index:20;background:#f3f3f1f7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid #d8d8d4}.control>.tabs{position:sticky;top:0;z-index:19;background:#f3f3f1f7;border-bottom:1px solid #d8d8d4}.control #panel{flex:1;min-height:0}.service-list,.slide-grid,.theme-panel{max-width:1200px;margin:0 auto}.service-list,.slide-grid{padding-bottom:110px}.control-footer{position:sticky;bottom:0;z-index:30}.audience-blanked .control-header{border-bottom-color:#a54c36}@media(max-width:650px){.control-header{padding-bottom:5px}.control>.tabs{padding:5px 10px}.service-list,.slide-grid,.theme-panel{padding-bottom:105px}}.settings-backdrop{position:fixed;inset:0;z-index:100;background:#00000061;display:flex;align-items:center;justify-content:center;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-backdrop.hidden{display:none}.settings-card{width:min(520px,100%);max-height:calc(100vh - 40px);overflow-y:auto;background:#fff;border:1px solid #d2d2cd;border-radius:14px;padding:24px;box-shadow:0 18px 55px #0000002e;box-sizing:border-box}.settings-card h2{margin:5px 0 18px;font-size:21px}.setting-check{display:flex;gap:11px;align-items:flex-start;padding:14px;border:1px solid #d5d5d0;border-radius:10px;background:#f7f7f4;cursor:pointer}.setting-check input{margin-top:3px}.setting-check span{display:block}.setting-check b{display:block;font-size:13px}.setting-check small{display:block;margin-top:5px;color:#70706b;font-size:11px;line-height:1.45}.settings-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}@media(max-width:650px){.settings-card{padding:20px}.settings-actions{flex-wrap:wrap}.settings-actions .button{flex:1}.media-cleanup{align-items:stretch;flex-direction:column}.media-cleanup .button{width:100%}}.import-wrap{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.import-status{font-size:10px;font-weight:800;letter-spacing:.05em;white-space:nowrap}.import-status.working{color:#666}.import-status.complete{color:#2f6b45}.import-status.error{color:#a54c36}.theme-context{margin:12px auto 14px;max-width:1100px;padding:16px 18px;border:1px solid #d4d4cf;border-radius:10px;background:#f7f7f4}.theme-context h2{margin:3px 0 4px;font-size:18px}.theme-context p{margin:0;color:#6f6f69;font-size:11px;line-height:1.45}.theme-targets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.theme-targets .button{font-size:10px}.theme-save-row{max-width:1100px;margin:12px auto 0;padding:10px 14px;display:flex;align-items:center;gap:12px;border:1px solid #d4d4cf;border-radius:9px;background:#fff}.save-status{font-size:10px;font-weight:800;letter-spacing:.06em}.save-status.saved{color:#2f6b45}.save-status.dirty{color:#a54c36}.section-note{margin:0 0 12px;color:#666;font-size:11px;line-height:1.5}.blank-settings .section-note strong{color:#333}@media(max-width:650px){.import-wrap{align-items:flex-end}.import-status{font-size:8px}.theme-context{margin:10px 10px 12px;padding:13px}.theme-context h2{font-size:15px}.theme-targets{display:grid;grid-template-columns:1fr 1fr}.theme-targets .button{padding:8px 6px}.theme-save-row{margin:10px 10px 0}.section-note{font-size:10px}}.controller-nav{display:flex;gap:5px;margin-top:8px;padding-top:7px;border-top:1px solid #d8d8d4}.controller-nav .tab{flex:0 0 auto;min-width:88px;padding:8px 13px;border:1px solid #cfcfca;border-radius:8px;background:#fff;font-size:10px;font-weight:800;letter-spacing:.05em;cursor:pointer}.controller-nav .tab.active{background:#222;color:#fff;border-color:#222}.verse-order-editor{max-width:1100px;margin:12px auto;padding:14px;border:1px solid #d4d4cf;border-radius:10px;background:#f7f7f4}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.section-heading b{display:block;font-size:11px;letter-spacing:.05em}.section-heading small{display:block;color:#6f6f69;font-size:10px;line-height:1.4;margin-top:3px}.verse-order-row{display:grid;grid-template-columns:28px 55px 1fr 34px 34px;gap:8px;align-items:center;padding:9px 10px;margin:4px 0;background:#fff;border:1px solid #d5d5d0;border-radius:8px;cursor:grab;font-size:11px}.verse-order-row.dragging{opacity:.45}.drag-handle{color:#888;font-size:17px}.verse-order-row button{border:1px solid #ccc;background:#f5f5f2;border-radius:5px;height:28px}.verse-order-row button:disabled{opacity:.3}.verse-order-status{margin-top:9px;color:#666;font-size:10px;font-weight:700}.blank-text-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:9px 0 12px}.blank-text-toggles label{padding:9px;border:1px solid #d4d4cf;border-radius:8px;background:#f7f7f4;font-size:10px;line-height:1.35}.blank-screen,.blank-image{position:relative}.blank-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--ls-pad,7%);text-align:var(--ls-align,center);font-size:var(--ls-size,56px);font-weight:var(--ls-weight,500);line-height:var(--ls-leading,1.22);font-family:var(--ls-font,system-ui)}@media(max-width:650px){.controller-nav{margin-top:6px;gap:4px}.controller-nav .tab{min-width:0;flex:1;padding:7px 5px}.verse-order-editor{margin:10px}.section-heading{align-items:flex-start;flex-direction:column}.blank-text-toggles{grid-template-columns:1fr}.verse-order-row{grid-template-columns:24px 45px 1fr 32px 32px;gap:5px}}.verse-order-field{display:grid;gap:7px;margin-top:14px}.verse-order-field>span{font-weight:700;font-size:.9rem}.verse-order-field input{width:100%;box-sizing:border-box;font:600 1rem ui-monospace,SFMono-Regular,Menlo,monospace;padding:12px 13px;border:1px solid var(--border,#d8d8d8);border-radius:10px;background:var(--surface,#fff);color:inherit}.verse-order-field small{opacity:.7}.verse-order-help{margin-top:10px;padding:10px 12px;border-radius:9px;background:var(--soft,#f3f3f3);font-size:.88rem}.verse-order-help code{font-weight:700}.site-landing{position:relative;isolation:isolate;min-height:100vh;box-sizing:border-box;background:var(--site-bg);color:var(--site-fg);font-family:var(--site-font);display:flex;justify-content:center;padding:clamp(28px,7vw,80px) 18px;overflow:hidden}.site-background-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.site-landing-overlay{position:absolute;inset:0;background:#ffffff08;z-index:-1}.site-landing-inner{position:relative;z-index:1}.site-landing-inner{width:min(680px,100%);text-align:center}.site-logo{display:block;max-width:min(220px,70%);max-height:150px;object-fit:contain;margin:0 auto 24px}.site-landing h1{font-size:clamp(28px,6vw,48px);margin:0 0 26px}.site-links{display:grid;gap:12px}.site-link-card{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--site-fg);background:var(--site-card);border:1px solid rgba(0,0,0,.09);border-radius:14px;padding:12px 14px;min-height:62px;box-shadow:0 2px 10px #0000000f}.site-link-card img{width:58px;height:58px;border-radius:10px;object-fit:cover;flex:0 0 58px}.site-link-card span{display:flex;flex-direction:column;text-align:left;gap:4px}.site-link-card b{font-size:16px;color:var(--site-link)}.site-link-card small{opacity:.7;font-size:12px}.site-burger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-right:8px;border-radius:8px;text-decoration:none;color:inherit;font-size:21px}.viewer[style*=--site-bg] .viewer-bar{font-family:var(--site-font)}.site-settings{margin-top:22px;padding-top:18px;border-top:1px solid #d8d8d4}.site-settings h2{margin:5px 0 4px}.site-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.site-settings label{display:grid;gap:5px;font-size:10px;font-weight:700}.site-color-control{display:grid;grid-template-columns:54px 1fr;gap:8px;align-items:center}.site-color-control input[type=color]{width:54px;height:38px;padding:3px;border:1px solid #d0d0cb;border-radius:8px;background:#fff;cursor:pointer}.site-color-control .site-hex{display:flex;align-items:center;min-height:38px;padding:0 10px;box-sizing:border-box;border:1px solid #d0d0cb;border-radius:8px;background:#fff;color:#333;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em;width:100%;cursor:text}.site-settings input:not([type=file]),.site-settings select{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #d0d0cb;border-radius:8px;background:#fff;color:#222}.site-upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:10px 0}.site-links-editor{margin-top:16px}.site-link-edit{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:10px;margin:7px 0;background:#f7f7f4;border:1px solid #d5d5d0;border-radius:9px}.site-link-edit .site-link-description{grid-column:1/-1}.site-link-edit .mini-upload{grid-column:1}.remove-site-link{grid-column:2;justify-self:end;border:1px solid #ccc;background:#fff;border-radius:6px;padding:6px 9px;font-size:9px;font-weight:800}.site-save-row{margin-top:14px}.site-save-row .button{margin-right:8px}@media(max-width:650px){.site-grid,.site-upload-grid,.site-link-edit{grid-template-columns:1fr}.site-link-edit .site-link-description,.site-link-edit .mini-upload{grid-column:auto}.remove-site-link{grid-column:auto;justify-self:start}.site-landing{padding-top:34px}}.linktree-settings.hidden{display:none}.site-mode-note{margin:12px 0 10px;padding:10px 12px;border:1px solid #d8d8d4;border-radius:8px;background:#f7f7f4;display:grid;gap:3px}.site-mode-note b{font-size:10px}.site-mode-note small{font-size:10px;font-weight:500;color:#666}.site-preview-wrap{margin-top:18px;padding-top:16px;border-top:1px solid #d8d8d4}.preview-live-badge{font-size:9px;font-weight:800;letter-spacing:.07em;padding:5px 7px;border:1px solid #cfcfca;border-radius:999px;background:#f7f7f4;color:#555}.site-preview{display:flex;justify-content:center;padding:12px 0 4px;overflow:hidden}.site-preview-device{width:min(100%,360px);border:9px solid #222;border-radius:24px;background:#222;box-shadow:0 8px 25px #00000024;box-sizing:border-box}.site-preview-page{position:relative;isolation:isolate;height:430px;overflow:hidden;border-radius:15px;background:var(--site-bg);color:var(--site-fg);font-family:var(--site-font);display:flex;justify-content:center;padding:24px 12px;box-sizing:border-box}.site-preview-page .site-background-image{z-index:-2}.site-preview-page .site-landing-overlay{z-index:-1}.site-preview-page .site-landing-inner{width:min(680px,100%);text-align:center}.site-preview-page .site-logo{max-width:120px;max-height:65px;margin:0 auto 12px}.site-preview-page h1{font-size:25px;margin:0 0 16px}.site-preview-page .site-links{gap:8px}.site-preview-page .site-link-card{gap:9px;border-radius:9px;padding:7px 9px;min-height:42px;box-shadow:0 1px 5px #0000000f}.site-preview-page .site-link-card img,.site-preview-page .site-preview-thumb img{width:34px;height:34px;border-radius:6px;object-fit:cover}.site-preview-page .site-preview-thumb{width:34px;height:34px;display:flex;align-items:center;justify-content:center;flex:0 0 34px}.site-preview-page .site-link-card span:not(.site-preview-thumb){display:flex;flex-direction:column;text-align:left;gap:2px}.site-preview-page .site-link-card b{font-size:11px;color:var(--site-link)}.site-preview-page .site-link-card small{font-size:8px}@media(max-width:650px){.site-preview{padding-left:0;padding-right:0}.site-preview-device{width:min(100%,320px)}}.lyrics-editor{max-width:1100px;margin:12px auto;padding:14px;border:1px solid #d4d4cf;border-radius:10px;background:#f7f7f4}.lyrics-field{display:grid;gap:7px;margin-top:12px}.lyrics-field span{font-weight:700;font-size:.9rem}.lyrics-field textarea{width:100%;box-sizing:border-box;min-height:140px;resize:vertical;font:500 1rem/1.45 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;padding:12px 13px;border:1px solid #d0d0cb;border-radius:10px;background:#fff;color:#222}.lyrics-status{margin-top:9px;color:#666;font-size:10px}.export-service{white-space:nowrap}@media(max-width:650px){.lyrics-editor{margin:10px}.export-service{font-size:9px;padding:8px 7px}}.service-history{margin-top:24px;padding-top:18px;border-top:1px solid #ddd}.media-cleanup{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:12px;border:1px solid #d5d5d0;border-radius:9px;background:#f7f7f4}.media-cleanup>div{display:flex;flex-direction:column;gap:4px}.media-cleanup b{font-size:11px}.media-cleanup small{color:#70706b;font-size:10px;line-height:1.4}.history-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #eee}.history-row span{display:flex;flex-direction:column;gap:3px}.history-row small{opacity:.65}.export-menu{display:flex;gap:6px;flex-wrap:wrap}.site-burger{position:fixed;z-index:50;top:18px;left:18px;width:46px;height:46px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;background:#fffffff0;color:#222;box-shadow:0 4px 18px #0000003d;text-decoration:none;border:1px solid rgba(0,0,0,.12);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-burger-icon{font-size:22px;line-height:20px;font-weight:700}.site-burger-label{font-size:8px;font-weight:800;letter-spacing:.08em;line-height:10px}.song-footer{position:absolute;left:var(--ls-pad);right:var(--ls-pad);bottom:2.2%;font-size:clamp(9px,1.45vw,15px);line-height:1.25;text-align:center;opacity:.78;pointer-events:none;white-space:normal}.ccli-settings{margin-top:24px;padding-top:18px;border-top:1px solid #d8d8d4}.ccli-settings h3{margin:0 0 4px}.ccli-settings label{display:grid;gap:5px;font-size:10px;font-weight:700;max-width:420px}.ccli-settings input{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid #d0d0cb;border-radius:8px;background:#fff;color:#222}.ccli-save-row{margin-top:10px;display:flex;align-items:center;gap:10px}.ccli-settings{margin-bottom:20px}@media(max-width:650px){.site-burger{top:12px;left:12px;width:43px;height:43px}.site-burger-icon{font-size:21px;line-height:19px}}.has-site-home .slide-text{padding-top:max(var(--ls-pad),92px);padding-bottom:calc(var(--ls-pad) + clamp(72px,10vh,96px))}.site-burger{background:#ffffff9e;border-color:#ffffff73;box-shadow:0 4px 18px #0000002e;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media(max-width:650px){.has-site-home .slide-text{padding-top:max(var(--ls-pad),82px)}.site-burger{background:#ffffff94}}.saved-media{display:block;margin-top:5px;color:#777;font-size:10px;font-weight:600;line-height:1.3}.has-site-home .slide-text{padding-top:max(var(--ls-pad),112px);padding-bottom:calc(var(--ls-pad) + clamp(96px,13vh,128px))}.has-site-home .song-footer{bottom:4.5%}.theme-targets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;max-width:1100px;margin:10px auto 0;padding:0 14px}.theme-target-label{font-size:10px;font-weight:800;color:#666;letter-spacing:.05em;margin-right:2px}.site-theme-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;align-items:end;margin:14px 0 0;padding:12px;border:1px solid #d5d5d0;border-radius:9px;background:#f7f7f4}.site-theme-row label{font-size:10px;font-weight:800;color:#666}.site-theme-row select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid #ccc;border-radius:8px;background:#fff}@media(max-width:650px){.has-site-home .slide-text{padding-top:max(var(--ls-pad),100px);padding-bottom:calc(var(--ls-pad) + 108px)}.has-site-home .song-footer{bottom:5.5%}.theme-targets{padding:0 10px}.site-theme-row{grid-template-columns:1fr;align-items:stretch}.site-theme-row .button{width:100%}}.slide-frame .slide-text{position:absolute;inset:0 0 92px;width:auto;height:auto;padding:var(--ls-pad)}@media(max-width:650px){.slide-frame .slide-text{bottom:96px}}.has-site-home .slide-text{position:absolute;inset:90px 0 92px;width:auto;height:auto;padding:var(--ls-pad)}.has-site-home .song-footer{bottom:3.5%;padding:0 6px}@media(max-width:650px){.site-burger{top:12px;left:12px;width:36px;height:36px}.site-burger-icon{font-size:18px;line-height:16px}.site-burger-label{font-size:6.5px;line-height:8px}.has-site-home .slide-text{top:62px;bottom:96px}}.identity-upload-grid{margin-top:12px}.ccli-block{margin-top:22px;padding-top:18px;border-top:1px solid #d8d8d4}.ccli-block h3{margin:0 0 4px}