*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #111318;--panel: #1a1d24;--panel-2: #22262f;--border: #2e3340;--text: #e8eaf0;--muted: #8a91a3;--accent: #4f8cff;--accent-2: #2c5cc5;--danger: #e05555;--live: #ff9f2e;--font: -apple-system, "Segoe UI", Roboto, "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", sans-serif}:root[data-theme=light]{--bg: #f2f3f7;--panel: #ffffff;--panel-2: #e9ebf1;--border: #cfd4e0;--text: #1d222b;--muted: #5c6478}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font)}button{font-family:inherit;font-size:1rem;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 16px;cursor:pointer;touch-action:manipulation}button:active{transform:scale(.98)}button.primary{background:var(--accent-2);border-color:var(--accent)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.4;cursor:default}input,textarea,select{font-family:inherit;font-size:1rem;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:10px 12px;width:100%}textarea{resize:vertical;min-height:90px;line-height:1.5}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--border)}.topbar h1{font-size:1.1rem;margin-right:auto}.topbar .spacer{margin-left:auto}.page{max-width:1100px;margin:0 auto;padding:20px 16px}.login-box{max-width:360px;margin:12vh auto;padding:28px;background:var(--panel);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:14px}.error{color:var(--danger);font-size:.9rem}.password-wrap{position:relative}.password-wrap input{padding-right:42px}.password-toggle{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;padding:8px}.password-toggle:hover{color:var(--text)}.tabs{display:flex;gap:8px;margin-bottom:16px}.tabs button.active{background:var(--accent-2);border-color:var(--accent)}.list{display:flex;flex-direction:column;gap:6px}.list-row{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--panel);border:1px solid var(--border);border-radius:8px}.list-row .title{flex:1;min-width:0}.list-row .sub{color:var(--muted);font-size:.85rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1 / -1}.slide-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:10px}.slide-card .pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.session-info{background:var(--panel);border:1px solid var(--accent);border-radius:10px;padding:16px;margin-top:14px;display:flex;flex-direction:column;gap:8px;word-break:break-all}.session-info code{font-size:1.3rem;color:var(--accent)}.control{display:flex;flex-direction:column;height:100dvh}.control-search{padding:10px 12px;background:var(--panel);border-bottom:1px solid var(--border);position:relative}.search-results{position:absolute;left:12px;right:12px;top:100%;z-index:10;background:var(--panel-2);border:1px solid var(--border);border-radius:0 0 10px 10px;max-height:50dvh;overflow-y:auto;box-shadow:0 8px 24px #00000080}.search-result{padding:10px 14px;border-bottom:1px solid var(--border)}.search-result .row{justify-content:space-between}.search-result .snippet{color:var(--muted);font-size:.85rem;margin-top:2px}.search-result .snippet mark{background:var(--live);color:#000;border-radius:2px}.control-body{display:flex;flex:1;min-height:0}.control-songs{width:230px;overflow-y:auto;background:var(--panel);border-right:1px solid var(--border);flex-shrink:0}.control-songs .song-btn{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid var(--border);border-radius:0;background:none;padding:12px 14px}.control-slides{flex:1;overflow-y:auto;padding:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;align-content:start}.slide-tile{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px;cursor:pointer;font-size:.82rem;line-height:1.45;white-space:pre-wrap;overflow:hidden;max-height:160px;position:relative}.slide-tile{text-align:center}.slide-tile .label{color:var(--muted);font-size:.72rem;margin-bottom:4px}.slide-tile.live{border-color:var(--live);box-shadow:0 0 0 1px var(--live)}.slide-tile.live:after{content:"LIVE";position:absolute;top:6px;right:8px;color:var(--live);font-size:.65rem;font-weight:700}.control-bar{display:flex;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--border);align-items:center}.control-bar button{flex:1;padding:14px 8px;font-size:1.05rem}.control-bar .lang-group{display:flex;gap:0;flex:0 0 auto}.control-bar .lang-group button{border-radius:0;flex:none;padding:14px 12px}.control-bar .lang-group button:first-child{border-radius:8px 0 0 8px}.control-bar .lang-group button:last-child{border-radius:0 8px 8px 0}.control-bar .lang-group button{min-width:54px}.control-bar .lang-group button.active{background:var(--accent-2);border-color:var(--accent)}.conn-dot{width:10px;height:10px;border-radius:50%;background:var(--danger);flex:0 0 auto}.conn-dot.ok{background:#3dbb6e}.save-state{font-size:.8rem;color:var(--muted);white-space:nowrap}.save-state.error{color:var(--danger)}.session-qr{width:160px;height:160px;border-radius:8px;align-self:center;background:#fff;padding:6px}.display{height:100dvh;background:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;cursor:none;overflow:hidden}.display .status{color:#555;font-size:2.5vh;font-family:monospace}.stage-root{position:relative;width:100%;height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;container-type:inline-size;background:#000;color:#fff}.stage-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;border:none}iframe.stage-bg{pointer-events:none}.stage-text{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.7cqw;padding:4% 5%;width:100%;height:100%}.stage-text .zh{line-height:1.35;font-weight:600;white-space:pre-wrap}.stage-text .en{line-height:1.3;white-space:pre-wrap}.stage-text .solo{line-height:1.35;font-weight:600;white-space:pre-wrap}.display .conn-badge{position:fixed;top:12px;right:12px;width:12px;height:12px;border-radius:50%;background:var(--danger);opacity:.85}button{white-space:nowrap}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;flex:0 0 auto}.icon-btn.danger{border-color:var(--border);color:var(--danger)}.icon-btn-labeled{display:inline-flex;align-items:center;gap:6px;min-width:84px;justify-content:center}.media-forms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-bottom:18px}.media-form{background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px}.control-songs .media-btn{border-left:3px solid var(--live)}.control-songs .section-head{padding:8px 10px 4px;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.05em}.media-bin{display:flex;flex-wrap:wrap;gap:14px}.media-tile{width:160px}.media-thumb{position:relative;aspect-ratio:16 / 9;background:#000;border:1px solid var(--border);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-thumb .media-glyph{font-size:2rem}.media-badge{position:absolute;left:6px;bottom:6px;background:var(--live);color:#000;font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:20px}.media-badge.err{background:var(--danger);color:#fff}.media-count{position:absolute;right:6px;bottom:6px;background:#000000b3;color:#fff;font-size:.7rem;padding:1px 7px;border-radius:20px}.media-del{position:absolute;top:4px;right:4px;width:26px;height:26px;padding:0;background:#0009;border-color:transparent;color:var(--danger);opacity:0;transition:opacity .1s}@media (hover: hover){.media-tile:hover .media-del{opacity:1}}.media-name{margin-top:6px;font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-workspace{max-width:none;padding:6px 8px}.workspace{display:flex;align-items:stretch;font-size:.9rem;width:100%;height:calc(100dvh - 80px);min-height:480px;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.workspace .list-row{padding:5px 9px;gap:8px}.workspace .list-row .title{font-size:.85rem}.workspace .ws-lib-row{padding:5px 9px}.workspace .ws-pane-scroll{padding:6px}.workspace .ws-pane-head{padding:5px 8px}.workspace .ws-details{padding:5px 9px}.workspace .icon-btn{width:30px;height:30px}.workspace .ws-left button:not(.primary):not(.danger){padding:6px 10px;font-size:.82rem}.workspace .ws-details button{padding:5px 9px;font-size:.8rem}.resize-handle{flex:0 0 auto;background:transparent;position:relative;z-index:2}.resize-handle:after{content:"";position:absolute;background:var(--border);transition:background .1s}.resize-x{width:6px;cursor:col-resize}.resize-x:after{top:0;bottom:0;left:2px;width:2px}.resize-y{height:6px;cursor:row-resize}.resize-y:after{left:0;right:0;top:2px;height:2px}.resize-handle:hover:after{background:var(--accent)}body.resizing-x,body.resizing-x *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}body.resizing-y,body.resizing-y *{cursor:row-resize!important;-webkit-user-select:none;user-select:none}.ws-left{display:flex;flex-direction:column;min-height:0;min-width:0;flex:0 0 auto}.ws-nav-slot,.ws-media-slot{flex:0 0 auto;min-height:0;display:flex}.ws-media-slot{border-top:1px solid var(--border)}.ws-pane{display:flex;flex-direction:column;min-height:0;min-width:0;width:100%}.ws-playlist,.ws-media{flex:1;min-height:0}.ws-media-scroll{padding:8px}.ws-media-add{display:flex;flex-wrap:wrap;gap:6px;padding:6px 8px;border-bottom:1px solid var(--border);align-items:center}.ws-media-lib{flex:1;min-width:0;padding:4px 8px;font-size:.82rem}.ws-media .ws-pane-head{gap:6px}.share-modal{max-width:360px;text-align:center}.share-qr{display:block;width:220px;height:220px;margin:0 auto;background:#fff;padding:8px;border-radius:8px}a.btn-link{font-family:inherit;font-size:1rem;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}a.btn-link:hover{border-color:var(--accent)}.ws-media .media-bin-strip{flex-wrap:wrap}.ws-media .media-tile{width:92px}.ws-pane-head{display:flex;align-items:center;gap:8px;padding:6px 10px;flex:0 0 auto;background:var(--panel-2);border-bottom:1px solid var(--border);font-size:.85rem}.ws-pane-head .icon-btn{width:26px;height:26px}.ws-pane-scroll{overflow-y:auto;min-height:0;padding:8px;flex:1}.ws-nav-row{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;border-radius:7px;padding:5px 9px;cursor:pointer}.row-kebab,.workspace .icon-btn.row-kebab{flex:0 0 auto;width:26px;height:26px;color:var(--muted);background:none;border:none}.row-kebab:hover{color:var(--text);background:var(--panel-2)}.pane-toggle{margin-left:auto;flex:0 0 auto;width:28px;height:26px;padding:0;background:none;border:none;color:var(--muted);font-size:.8rem;cursor:pointer}.pane-toggle:hover{color:var(--text)}.ws-lib-tabs .pane-toggle{flex:0 0 32px;margin-left:0}.ws-playlist.pane-closed{flex:0 0 auto;min-height:auto}.ws-nav-row:hover{background:var(--panel-2)}.ws-nav-row.active{background:var(--accent-2)}.ws-nav-title{flex:1;min-width:0;font-weight:600;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-nav-count{flex:0 0 auto;color:var(--muted);font-size:.78rem;white-space:nowrap}.ws-folder-head{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;border-radius:6px;padding:4px 8px;text-align:left;font-size:.82rem;font-weight:600;color:var(--text)}.ws-folder-head:hover{background:var(--panel-2)}.ws-folder .ws-nav-row{padding-left:20px}.ws-name-input{flex:1;font-weight:700;background:transparent;border:1px solid transparent;padding:5px 8px}.ws-name-input:hover,.ws-name-input:focus{border-color:var(--border)}.ws-details{flex:0 0 auto;padding:6px 10px;border-bottom:1px solid var(--border)}.ws-details summary{cursor:pointer}.ws-playlist-search{position:relative;padding:8px;border-top:1px solid var(--border);flex:0 0 auto}.ws-library{flex:1;border-bottom:1px solid var(--border)}.ws-lib-tabs{display:flex;flex:0 0 auto;border-bottom:1px solid var(--border);background:var(--panel-2)}.ws-lib-tabs button{flex:1;border:none;border-radius:0;background:none;padding:8px 4px;font-size:.78rem;border-bottom:2px solid transparent}.ws-lib-tabs button.active{background:var(--panel);border-bottom-color:var(--accent);color:var(--text)}.ws-lib-head{display:flex;align-items:center;gap:6px;padding:6px 8px;flex:0 0 auto}.ws-lib-filter{flex:1;padding:5px 10px;font-size:.8rem}.ws-lib-upload{flex:1}.ws-lib-upload summary{cursor:pointer;padding:4px 0}.ws-lib-upload-body{display:flex;flex-direction:column;gap:6px;padding:6px 0}.ws-lib-upload-body label{display:flex;flex-direction:column;gap:3px}.ws-lib-row{display:flex;align-items:center;gap:6px;width:100%;padding:7px 10px;border-radius:8px;cursor:grab;font-size:.85rem}.ws-lib-row:hover{background:var(--panel-2)}.ws-lib-row-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-lib-row .icon-btn{width:26px;height:26px;opacity:0}@media (hover: hover){.ws-lib-row:hover .icon-btn{opacity:1}}.ws-library .media-bin-strip{flex-wrap:wrap}.ws-library .media-tile{width:96px}.ws-center{display:flex;flex-direction:column;min-height:0;min-width:0;flex:1}.ws-center .grid-scroll{flex:1}.ws-empty{display:flex;align-items:center;justify-content:center}.ws-statusbar{position:relative;min-height:57px;display:flex;align-items:center;gap:10px;padding:8px 12px;flex:0 0 auto;background:var(--panel-2);border-top:1px solid var(--border)}.ws-statusbar .zoom-slider{accent-color:var(--accent);width:110px;margin-left:auto;flex:0 0 auto}.transport-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px}.transport-btn{min-width:64px;height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center}.transport-btn svg{width:24px;height:24px;stroke-width:3}.transport-btn:disabled{opacity:.35;cursor:default}.show-btn.start{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#157f3d;border-color:#1f9e4f;color:#fff}.show-btn.start svg{fill:currentColor;width:1.3em;height:1.3em}.show-btn.stop{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border-color:var(--danger);color:var(--danger)}.big-plus svg,.big-plus .icon-btn svg{width:22px;height:22px;stroke-width:3}.big-plus .icon-btn,.big-plus.icon-btn{color:var(--accent)}.ws-lib-add,.ws-lib-head .pop-menu{margin-left:auto}.icon-btn-labeled svg{flex:0 0 auto}.ws-media-preview{flex:0 0 auto;min-height:0;overflow-y:auto;padding:10px}.media-grid{display:flex;flex-wrap:wrap;gap:10px;align-content:flex-start}.media-grid .media-tile{width:128px}.media-grid-empty{color:var(--muted);font-size:.85rem;padding:10px}.media-grid .media-thumb iframe,.media-grid .media-thumb video{width:100%;height:100%;object-fit:cover;border:none}.media-link-actions{position:absolute;top:4px;left:4px;display:flex;gap:3px;opacity:0;transition:opacity .1s}@media (hover: hover){.media-tile:hover .media-link-actions{opacity:1}}.media-link-actions .icon-btn{width:24px;height:24px;background:#000000a6;border-color:transparent;color:#fff}.context-menu{position:fixed;z-index:200;min-width:140px}.prompt-modal{max-width:380px}.prompt-modal input{width:100%}.pop-menu{position:relative;display:inline-flex}.pop-dropdown{position:absolute;top:calc(100% + 4px);right:0;z-index:60;min-width:150px}.ws-right{min-height:0;min-width:0;flex:0 0 auto;display:flex;flex-direction:column}.ws-right>.ws-pane-head{flex:0 0 auto}.ws-right .live-panel{border-left:none;overflow-y:auto}.ws-pane-head{border-left:3px solid transparent}.ws-setlists .ws-pane-head,.ws-library .ws-lib-tabs{border-left:3px solid #4f8cff}.ws-playlist .ws-pane-head{background:color-mix(in srgb,#4f8cff 10%,var(--panel-2));border-left:3px solid #4f8cff}.ws-media .ws-pane-head{background:color-mix(in srgb,#3dbb6e 10%,var(--panel-2));border-left:3px solid #3dbb6e}.ws-head-grid{background:color-mix(in srgb,#c084fc 12%,var(--panel-2));border-left:3px solid #c084fc}.ws-head-mediagrid{background:color-mix(in srgb,#22d3ee 12%,var(--panel-2));border-left:3px solid #22d3ee}.ws-head-live{background:color-mix(in srgb,#ff9f2e 12%,var(--panel-2));border-left:3px solid #ff9f2e}.ws-session-info{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:0 4px}.session-link-row{flex-wrap:nowrap;width:100%}.session-link{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-session-info .control-bar button{flex:0 1 auto;padding:8px 10px;font-size:.9rem}.user-menu{position:relative}.user-dropdown{left:0;right:auto;min-width:max-content;width:max-content;max-width:320px}.user-dropdown .dropdown-item{white-space:nowrap}.user-head{padding:10px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.user-head .user-name{font-weight:700}.dropdown-item.danger{color:var(--danger)}.user-version{padding:6px 14px;border-top:1px solid var(--border);text-align:right;font-size:.72rem}.user-lang{display:flex;gap:4px;padding:6px 14px;border-top:1px solid var(--border)}.user-lang-btn{flex:1;padding:6px 8px;font-size:.82rem}.user-lang-btn.active{background:var(--accent-2);border-color:var(--accent)}.lib-lock{display:inline-flex;color:var(--muted);flex:0 0 auto}.lib-lock svg{width:.9em;height:.9em}.feedback-modal textarea,.feedback-modal select{width:100%}.modal-wide{max-width:1000px}.import-drop{display:flex;align-items:center;justify-content:center;padding:28px;border:2px dashed var(--border);border-radius:10px;cursor:pointer;color:var(--muted)}.import-drop:hover{border-color:var(--accent);color:var(--text)}.import-list{display:flex;flex-direction:column;gap:10px;max-height:52dvh;overflow-y:auto}.import-song{border:1px solid var(--border);border-radius:10px;padding:10px}.import-slides{display:flex;flex-direction:column;gap:3px;padding:6px 0}.import-slide{font-size:.78rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-grid{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;align-items:baseline}.org-badge{margin-left:8px;font-size:.68rem;padding:1px 8px;border-radius:20px;vertical-align:middle}.org-badge.on{background:#1f7a44;color:#fff}.org-badge.off{background:#6b7280;color:#fff}.org-config{padding:12px 0 18px 14px}.org-config input[type=color]{width:48px;height:32px;padding:2px}.grid-scroll{overflow-y:auto;padding:12px;min-height:0}.live-panel{padding:10px;display:flex;align-items:flex-start}.live-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.live-stage-wrap{width:100%;min-width:0;aspect-ratio:16 / 9;background:#000;border:1px solid var(--border);border-radius:8px;overflow:hidden;position:relative}.live-placeholder{color:var(--muted);font-size:.8rem;display:flex;align-items:center;justify-content:center;height:100%;padding:10px;text-align:center}.live-tabs{display:flex;flex-direction:column;gap:6px;padding-left:8px;flex:0 0 auto}.live-tabs .icon-btn.active{background:var(--accent-2);border-color:var(--accent)}.live-tabs .icon-btn.off{opacity:.4}.live-tabs .icon-btn.clear-on{background:transparent;border-color:var(--danger);color:var(--danger)}.media-bin-pane{border-top:1px solid var(--border);background:var(--panel-2);padding:10px 12px;overflow-x:auto}.media-bin-strip{display:flex;flex-wrap:nowrap;gap:10px}.media-bin-strip .media-tile{width:108px;flex:0 0 auto}.media-bin-strip .media-name{font-size:.72rem}.media-bin-strip .sub{font-size:.68rem}.library-nav{display:flex;flex-direction:column;gap:8px;min-width:0}.library-tabs{display:flex;gap:6px;align-items:center}.library-tabs button{padding:5px 12px;font-size:.8rem;border-radius:6px}.library-tabs button.active{background:var(--accent-2);border-color:var(--accent)}.library-filter{max-width:220px;margin-left:auto;padding:5px 10px;font-size:.8rem}.library-chips{display:flex;flex-wrap:nowrap;gap:8px;overflow-x:auto;padding-bottom:2px}.library-chip{flex:0 0 auto;max-width:220px;padding:8px 12px;font-size:.8rem;background:var(--panel);border:1px solid var(--border);border-radius:8px;cursor:grab;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-chip:hover{border-color:var(--accent)}.item-row{cursor:grab;position:relative}.item-row.dragging{opacity:.4}.item-row .drag-handle{color:var(--muted);display:inline-flex;flex:0 0 auto}.item-row-header{background:color-mix(in srgb,var(--hdr, var(--accent)) 16%,var(--panel-2));border-left:3px solid var(--hdr, var(--accent))}.item-row-header .header-title-static{flex:1;font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:.85rem;color:var(--hdr, var(--text));cursor:default;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-row-header .header-title-input{flex:1;font-weight:700;letter-spacing:.03em;text-transform:uppercase;font-size:.85rem;background:var(--panel);border:1px solid var(--border)}.item-row.drag-over-before:before,.item-row.drag-over-after:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent);border-radius:1px;pointer-events:none}.item-row.drag-over-before:before{top:-1px}.item-row.drag-over-after:after{bottom:-1px}.item-row.drag-over-media.drag-over-before:before,.item-row.drag-over-media.drag-over-after:after{background:var(--live);height:3px}.pgrid-divider{margin:18px 0 10px;padding-bottom:4px;font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:6px}.pgrid-group{margin-bottom:14px}.pgrid-header{font-size:.85rem;color:var(--text);font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px}.pgrid-header-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pgrid-cells{display:flex;flex-wrap:wrap;gap:8px}.pcell{width:var(--cell);aspect-ratio:16 / 9;background:#000;border:1px solid var(--border);border-radius:6px;overflow:hidden;font-size:13px;container-type:inline-size;display:flex;align-items:center;justify-content:center;text-align:center;position:relative;touch-action:manipulation}.pcell.slide{border-left:1px solid var(--border)}.pcell.loading{background:var(--panel-2)}.pcell.live{box-shadow:0 0 0 2px var(--live)}.pcell.live:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border-radius:50%;background:var(--live)}.pcell img{width:100%;height:100%;object-fit:contain}.pcell-stage{padding:4% 5%;display:flex;flex-direction:column;gap:1.7cqw;justify-content:center;width:98%}.pcell-stage .pv-zh{font-size:7cqw;line-height:1.35;font-weight:600;white-space:pre-wrap;color:#fff}.pcell-stage .pv-en{font-size:4.5cqw;line-height:1.3;white-space:pre-wrap;color:#ddd}.pcell.video{position:relative}.fit-warn{position:absolute;top:4px;right:4px;z-index:3;width:18px;height:18px;border-radius:50%;background:#d97706;color:#000;font-weight:800;font-size:12px;line-height:18px;text-align:center;box-shadow:0 0 0 2px #0009}.fit-warn-overflow{background:#dc2626;color:#fff}.pcell.video .film,.pcell.audio .film{font-size:2em}.pcell.video .play,.pcell.audio .play{position:absolute;color:#fff;font-size:1.5em;text-shadow:0 0 8px #000}.pcell-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.5;filter:brightness(.65)}.pcell-bg-badge{position:absolute;left:4px;bottom:4px;font-size:.9em;opacity:.8}.pcell .pcell-stage,.pcell .fit-warn{position:relative;z-index:1}.pcell.drop-bg{box-shadow:0 0 0 3px var(--accent)}.pcell.drop-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#4f8cff47;z-index:2;pointer-events:none}.pcell-edit{position:absolute;top:4px;left:4px;z-index:3;width:26px;height:26px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#0009;border-color:transparent;opacity:0;transition:opacity .1s}@media (hover: hover){.pcell:hover .pcell-edit{opacity:1}}.pcell-note{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:center;font-size:calc(var(--cell) / 22);color:#d7dbe4;background:#494f5c;border-top:1px solid #5a616f;padding:1px 6px;overflow:hidden;white-space:nowrap;pointer-events:none;min-height:1.4em}.pcell-note-group{position:absolute;left:5px;font-weight:400;text-transform:uppercase;font-size:.85em;opacity:.8;max-width:45%;overflow:hidden;text-overflow:ellipsis}.pcell-note-title{font-weight:800;letter-spacing:.01em;max-width:100%;overflow:hidden;text-overflow:ellipsis}.pcell.reorder-before:before,.pcell.reorder-after:after{content:"";position:absolute;top:0;bottom:0;width:3px;background:var(--accent);border-radius:2px;z-index:6;pointer-events:none}.pcell.reorder-before:before{left:-5px}.pcell.reorder-after:after{right:-5px}.pgrid-item{position:relative}.pgrid-item.drag-over-before:before,.pgrid-item.drag-over-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--live);border-radius:2px;z-index:5;pointer-events:none}.pgrid-item.drag-over-before:before{top:-2px}.pgrid-item.drag-over-after:after{bottom:-2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:18px;max-width:860px;width:100%;max-height:90dvh;overflow-y:auto;box-shadow:0 12px 40px #0009}.slide-edit-body{display:grid;grid-template-columns:1fr 320px;gap:16px;align-items:start}.slide-edit-fields{display:flex;flex-direction:column;gap:8px}.bg-chip{width:56px;flex:0 0 auto;display:inline-flex;border-radius:6px;overflow:hidden;aspect-ratio:16 / 9;background:#000;border:1px solid var(--border);align-items:center;justify-content:center}.bg-chip img,.bg-chip video{width:100%;height:100%;object-fit:cover}@media (max-width: 900px){.workspace{flex-direction:column;height:auto}.ws-left,.ws-center,.ws-right{width:auto!important}.ws-nav-slot{height:auto!important;max-height:40dvh}.ws-left{border-bottom:1px solid var(--border)}.ws-right{border-top:1px solid var(--border)}.resize-handle{display:none}.grid-scroll{max-height:60dvh}.slide-edit-body{grid-template-columns:1fr}.ws-session-info .session-qr{display:none}.ws-statusbar{flex-wrap:wrap}.ws-statusbar .zoom-slider{width:70px}.transport-btn{min-width:76px}}.media-video,.media-img{max-width:100%;max-height:100%}.media-video{width:100%;height:100%;border:none;object-fit:contain;background:#000}.media-img{object-fit:contain;z-index:1}.lang-menu{position:relative;flex:0 0 auto}.dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:50;min-width:160px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #00000080;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:none;border-radius:0;padding:12px 14px}.dropdown-item:hover{background:var(--panel)}.dropdown-item .check{width:1.1em;display:inline-flex;color:var(--accent)}.list-row.clickable{cursor:pointer}.list-row.clickable:hover{border-color:var(--accent)}.editor-rows{display:flex;flex-direction:column;gap:12px}.editor-row{display:grid;grid-template-columns:1fr 300px;gap:16px;align-items:start;position:relative}.editor-row.dragging{opacity:.4}.editor-row .slide-card{margin-bottom:0}.editor-row-preview{position:sticky;top:8px}.editor-row.drag-over-before:before,.editor-row.drag-over-after:after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--accent);border-radius:2px;z-index:5;pointer-events:none}.editor-row.drag-over-before:before{top:-7px}.editor-row.drag-over-after:after{bottom:-7px}.slide-card .drag-handle{color:var(--muted);cursor:grab;display:inline-flex}.slide-note-input{margin-top:8px;font-size:.82rem}.slide-preview{margin-bottom:0;position:relative}.slide-note{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center;font-size:.68rem;color:#d7dbe4;background:#494f5c;border-top:1px solid #5a616f;padding:2px 8px;min-height:1.5em;overflow:hidden;white-space:nowrap;pointer-events:none}.slide-note .pcell-note-group{left:7px}.slide-preview-tag{position:absolute;top:6px;left:6px;z-index:2;color:#000;font-size:.68rem;font-weight:700;padding:1px 7px;border-radius:20px}.slide-preview-stage{aspect-ratio:16 / 9;background:#000;border:1px solid var(--border);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:4% 6%;gap:1.7cqw;overflow:hidden;container-type:inline-size}.slide-preview-stage .pv-zh{line-height:1.35;font-weight:600;white-space:pre-wrap;max-width:98%}.slide-preview-stage .pv-en{line-height:1.3;white-space:pre-wrap;color:#ddd;max-width:98%}.slide-preview-stage .pv-empty{color:#444}.control-songs .song-btn{display:flex;align-items:center;gap:6px;width:100%;text-align:left;border:none;border-bottom:1px solid var(--border);background:none;padding:12px 10px;cursor:pointer;color:var(--text);position:relative}.control-songs .song-btn.active{background:var(--accent-2)}.control-songs .song-btn.dragging{opacity:.4}.control-songs .drag-handle{color:var(--muted);cursor:grab;flex:0 0 auto;display:inline-flex}.control-songs .song-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.control-songs .song-btn.drag-over-before:before,.control-songs .song-btn.drag-over-after:after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent);border-radius:1px;pointer-events:none}.control-songs .song-btn.drag-over-before:before{top:-1px}.control-songs .song-btn.drag-over-after:after{bottom:-1px}@media (max-width: 700px){.control-songs{width:150px}.form-grid,.slide-card .pair{grid-template-columns:1fr}.control-slides{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.editor-row{grid-template-columns:1fr}.editor-row-preview{position:static}}.show-menu .icon-btn{width:40px;height:40px;background:#157f3d;border-color:#1f9e4f;color:#fff}.show-menu .icon-btn svg{fill:currentColor;width:1.3em;height:1.3em}.show-menu .pop-dropdown{top:auto;bottom:calc(100% + 6px);left:50%;right:auto;transform:translate(-50%);min-width:200px}.display-lyrics{align-items:stretch;justify-content:stretch;cursor:default}.lyrics-view{display:flex;flex-direction:column;width:100%;height:100dvh;background:var(--bg);color:var(--text);font-size:calc(1rem * var(--lyrics-scale, 1))}.lyrics-scroll{flex:1;overflow-y:auto;padding:16px clamp(14px,5vw,60px) 40vh;-webkit-overflow-scrolling:touch}.lyrics-header{margin:1.8em 0 .6em;font-size:.78em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--border);padding-bottom:4px}.lyrics-song{margin:0 0 2.2em}.lyrics-song-title{position:sticky;top:0;z-index:5;margin:0 0 .5em;padding:10px 0 8px;font-size:1.05em;font-weight:700;background:var(--bg);border-bottom:2px solid var(--accent)}.lyrics-stanza{margin:0 0 1.1em}.lyrics-stanza-label{font-size:.7em;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.lyrics-zh{font-size:1.25em;line-height:1.65;white-space:pre-wrap}.lyrics-en{font-size:1em;line-height:1.5;white-space:pre-wrap;color:color-mix(in srgb,var(--text) 88%,transparent)}.lyrics-end{height:10vh}.lyrics-bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom));background:var(--panel-2);border-top:1px solid var(--border);font-size:1rem}.lyrics-bar-btn{min-width:46px;height:40px;padding:0 10px;font-size:1rem}.lyrics-lang{flex:1;display:flex;justify-content:center}.lyrics-toast{position:fixed;left:50%;transform:translate(-50%);bottom:calc(70px + env(safe-area-inset-bottom));z-index:20;max-width:90vw;padding:12px 18px;border-radius:999px;background:var(--accent);border-color:var(--accent);color:#fff;font-size:.95rem;box-shadow:0 8px 24px #00000080}.lyrics-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#00000080}.lyrics-drawer{position:absolute;left:0;top:0;bottom:0;width:min(320px,85vw);background:var(--panel);border-right:1px solid var(--border);overflow-y:auto;padding:12px}.lyrics-drawer-title{font-weight:700;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 10px}.lyrics-drawer-item{display:block;width:100%;text-align:left;background:none;border:none;border-radius:8px;padding:12px 10px;font-size:1rem}.lyrics-drawer-item:hover{background:var(--panel-2)}.stage-ccli{position:absolute;left:1.5cqw;bottom:1.2cqw;z-index:2;font-size:1.4cqw;color:#ffffff8c;text-shadow:0 1px 2px rgba(0,0,0,.8)}.lyrics-ccli{font-size:.68em;color:var(--muted);margin:-.3em 0 .8em}.media-badge.media-downloading{display:inline-flex;align-items:center;gap:4px}.media-badge.media-downloading svg{width:1em;height:1em}.an-cards{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.an-card{flex:1;min-width:110px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px;text-align:center}.an-num{font-size:1.6rem;font-weight:700;color:var(--accent)}.an-h{margin:16px 0 8px;font-size:.9rem}.an-chart{display:flex;align-items:flex-end;gap:2px;height:90px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:8px}.an-bar-wrap{flex:1;height:100%;display:flex;align-items:flex-end}.an-bar{width:100%;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px}.an-cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}.an-table{width:100%;border-collapse:collapse;font-size:.85rem}.an-table td,.an-table th{padding:5px 8px;border-bottom:1px solid var(--border);text-align:left}.an-table th{color:var(--muted);font-weight:600;font-size:.78rem}.an-key{font-family:ui-monospace,monospace;font-size:.8rem;word-break:break-all}.an-val{text-align:right!important;white-space:nowrap;color:var(--text)}.an-err{color:var(--danger)}@media (max-width: 700px){.an-cols{grid-template-columns:1fr}}