.editEntry{min-height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.11);border-radius:10px;color:#b8c2cf;background:rgba(255,255,255,.05);font:600 10px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;cursor:pointer;touch-action:manipulation}
.editEntry:hover{color:#fff;background:rgba(255,255,255,.1)}
.editorOverlay{position:fixed;inset:0;z-index:1000;display:none;color:#f5f7fa;background:rgba(3,6,11,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.editorOverlay.open{display:block}.editorShell{display:grid;grid-template-rows:62px minmax(0,1fr);width:min(1180px,calc(100% - 28px));height:calc(100svh - 28px);margin:14px auto;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#10141c;box-shadow:0 28px 90px rgba(0,0,0,.55)}.editorShell>#editorContent{min-height:0;overflow:hidden}
.editorBar{height:62px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.1);background:#151a24}.editorBar>div{display:flex;align-items:center;gap:9px}.editorBar strong{font-size:14px}.editorBar small{color:#7f8998;font-size:9px}.editorButton{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#d8dee7;background:rgba(255,255,255,.055);font:650 11px inherit;cursor:pointer}.editorButton.primary{border-color:#0a84ff;color:#fff;background:#0a84ff}.editorButton:disabled{opacity:.45;cursor:default}
.editorPublish{display:grid;grid-template-columns:34px auto;align-items:center;gap:9px;min-width:164px;min-height:48px;padding:5px 13px 5px 7px;border:1px solid rgba(105,187,255,.8);border-radius:15px;color:#fff;background:linear-gradient(135deg,#168cff 0%,#0769dc 100%);box-shadow:0 8px 24px rgba(10,132,255,.25),inset 0 1px rgba(255,255,255,.2);font-family:inherit;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.editorPublish:hover{filter:brightness(1.08);box-shadow:0 10px 30px rgba(10,132,255,.34),inset 0 1px rgba(255,255,255,.24);transform:translateY(-1px)}.editorPublish:active{transform:translateY(0)}.editorPublish:focus-visible{outline:2px solid #9bd4ff;outline-offset:2px}.editorPublish:disabled{opacity:.72;cursor:wait;filter:saturate(.75);transform:none}.publishIcon{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:11px;background:rgba(255,255,255,.13);font-size:19px;font-weight:450;line-height:1}.publishCopy{display:grid;gap:1px;min-width:0}.editorPublish .publishCopy strong{font-size:11px;line-height:1.2;white-space:nowrap}.editorPublish .publishCopy small{color:rgba(255,255,255,.7);font-size:8px;line-height:1.2;white-space:nowrap}.editorPublish[data-state="saving"] .publishIcon span{display:none}.editorPublish[data-state="saving"] .publishIcon::after{content:"";width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:publishSpin .7s linear infinite}@keyframes publishSpin{to{transform:rotate(360deg)}}
.editorBody{display:grid;grid-template-columns:360px minmax(0,1fr);width:100%;height:100%;min-height:0;overflow:hidden}.editorNav{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:18px;border-right:1px solid rgba(255,255,255,.1);background:#0d1118}.editorNavHead{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 10px}.editorNavHead span{color:#8390a1;font-size:9px;font-weight:800;letter-spacing:.1em}.editorAdd{width:30px;height:30px;border:1px solid rgba(255,255,255,.1);border-radius:9px;color:#fff;background:#1b2230;font-size:18px;cursor:pointer}
.editorList{display:grid;gap:7px;margin-bottom:20px}.editorItem{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#151a24;cursor:pointer}.editorItem.active{border-color:rgba(10,132,255,.75);background:#172337}.editorItem[draggable=true]{cursor:grab}.editorItem[draggable=true]:active{cursor:grabbing}.editorItemIcon{display:grid;width:32px;height:32px;place-items:center;border-radius:9px;color:#8dcbff;background:#163052;font-size:11px;font-weight:800}.editorItemCopy{min-width:0}.editorItemCopy strong,.editorItemCopy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editorItemCopy strong{font-size:11px}.editorItemCopy small{margin-top:3px;color:#7f8998;font-size:8px}.editorMove{display:flex;gap:3px}.editorMove button{width:27px;height:27px;border:0;border-radius:8px;color:#9eabba;background:rgba(255,255,255,.05);cursor:pointer}
.editorPanel{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:clamp(20px,4vw,42px)}.editorPanelInner{max-width:700px;margin:auto}.editorEyebrow{margin:0 0 8px;color:#64b5ff;font-size:9px;font-weight:850;letter-spacing:.12em}.editorPanel h2{margin:0 0 7px;font-size:25px;letter-spacing:-.04em}.editorPanelLead{margin:0 0 26px;color:#8e99a8;font-size:12px;line-height:1.6}.editorCard{margin-bottom:14px;padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:16px;background:#151a24}.editorCard h3{margin:0 0 14px;font-size:13px}.editorGrid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.editorField{display:grid;gap:6px}.editorField.wide{grid-column:1/-1}.editorField label{color:#99a5b4;font-size:9px;font-weight:700}.editorField input,.editorField textarea,.editorField select{width:100%;min-height:42px;padding:10px 11px;border:1px solid rgba(255,255,255,.12);border-radius:10px;outline:0;color:#edf2f8;background:#0d1118;font:12px/1.45 inherit}.editorField textarea{min-height:78px;resize:vertical}.editorField input:focus,.editorField textarea:focus,.editorField select:focus{border-color:#0a84ff}.editorHint{color:#6f7b8a;font-size:8px}.deviceChecks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.deviceChecks label{display:flex;align-items:center;gap:7px;min-height:42px;padding:0 10px;border:1px solid rgba(255,255,255,.09);border-radius:10px;color:#aab4c1;font-size:10px;background:#0d1118}.deviceChecks input{accent-color:#0a84ff}
.brandPreview{display:flex;align-items:center;gap:14px;margin-bottom:15px}.brandPreview img{width:68px;height:68px;object-fit:cover;border:1px solid rgba(255,255,255,.2);border-radius:19px;box-shadow:0 12px 30px rgba(10,132,255,.2)}.brandPreview strong,.brandPreview small{display:block}.brandPreview small{margin-top:5px;color:#8490a0}.editorActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.filePick input{display:none}.editorStatus{min-height:22px;margin:10px 2px;color:#72d9a8;font-size:10px}.editorDanger{color:#ff8d85!important}.editorLogin{height:100%;display:grid;place-items:center;padding:22px}.editorLoginCard{width:min(410px,100%);padding:27px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#151a24}.editorLoginCard h2{margin:0 0 8px;font-size:24px}.editorLoginCard p{margin:0 0 20px;color:#8c97a6;font-size:11px;line-height:1.6}.editorLoginCard .editorField{margin-top:12px}.editorLoginCard .editorButton{width:100%;margin-top:16px}.editorLoginError{min-height:18px;margin:10px 0 0!important;color:#ff8d85!important}
.editorDeviceNote{display:none;color:#f4ba64;font-size:9px}.homepageLoading{opacity:.72}
.saveMobileLabel{display:none}
.mobilePanelBack{display:none}
.devicePanelHead{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:7px}.devicePanelHead h2{margin:0}.deviceRefreshGroup{display:flex;align-items:center;gap:9px}.deviceRefreshGroup>small{color:#697687;font-size:8px;white-space:nowrap}.deviceRefresh{display:flex;align-items:center;gap:6px;min-height:36px;padding-inline:11px;color:#c8e7ff;border-color:rgba(100,181,255,.28);background:rgba(10,132,255,.09)}.refreshGlyph{font-size:16px;line-height:1}.deviceRefresh.refreshing .refreshGlyph{animation:deviceRefreshSpin .75s linear infinite}@keyframes deviceRefreshSpin{to{transform:rotate(360deg)}}.deviceSummary{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:18px;border:1px solid rgba(10,132,255,.28);border-radius:16px;background:linear-gradient(135deg,#14243a,#151a24)}.deviceSummary>strong{font-size:34px;color:#72bdff}.deviceSummary>div{display:grid;gap:3px}.deviceSummary span{color:#c4cfdb;font-size:11px}.deviceSummary small{color:#738091;font-size:9px}.sessionList{display:grid;gap:9px;margin-bottom:13px}.sessionSectionTitle{display:flex;align-items:center;justify-content:space-between;margin:7px 2px 1px;color:#8fd0ff;font-size:10px}.sessionSectionTitle span{color:#718093;font-size:9px}.sessionSectionTitle.offlineTitle{margin-top:18px;color:#8994a3}.sessionEmpty{margin:0;color:#7f8998;font-size:10px}.sessionCard{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#151a24}.sessionIcon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#8dcbff;background:#163052;font-size:11px;font-weight:800}.sessionCopy{min-width:0}.sessionTitle{display:flex;align-items:center;gap:7px}.sessionCopy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.sessionDetails{display:grid!important;grid-template-columns:1fr 1fr;gap:4px 14px;margin-top:7px}.sessionDetails span{min-width:0;color:#7f8998;font-size:9px;line-height:1.4;overflow-wrap:anywhere}.currentBadge,.sessionStateBadge{padding:2px 6px;border-radius:999px;font-size:8px;font-weight:750;white-space:nowrap}.currentBadge{color:#72bdff;background:rgba(10,132,255,.13)}.sessionStateBadge.online{color:#70d9a8;background:rgba(35,180,110,.13)}.sessionStateBadge.offline{color:#8d98a7;background:rgba(130,141,157,.12)}.sessionRename{grid-column:2/-1;display:grid;gap:6px}.sessionRename label{color:#7f8998;font-size:9px;font-weight:700}.sessionRename>div{display:flex;gap:7px}.sessionRename input{min-width:0;flex:1;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;outline:0;color:#edf2f8;background:#0d1118;font:12px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.sessionRename input:focus{border-color:#0a84ff}.sessionRename .editorButton{min-height:38px;white-space:nowrap}
@media(max-width:760px){.editEntry{padding:0 9px}.status{display:none}.editorShell{width:100%;height:100svh;margin:0;border:0;border-radius:0}.editorBar{height:calc(60px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(12px,env(safe-area-inset-right)) 0 max(12px,env(safe-area-inset-left))}.editorBar small{display:none}.editorBody{height:calc(100% - 60px - env(safe-area-inset-top));display:block}.editorNav{height:44%;padding:13px max(13px,env(safe-area-inset-right)) 13px max(13px,env(safe-area-inset-left));border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.editorPanel{height:56%;padding:18px max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.editorPanelInner{max-width:none}.editorPanel h2{font-size:21px}.editorGrid{grid-template-columns:1fr}.editorField.wide{grid-column:auto}.deviceChecks{grid-template-columns:1fr 1fr}.editorItem{min-height:54px}.editorMove button{width:32px;height:32px}.editorButton{min-height:42px}.editorDeviceNote{display:block}.brandPreview img{width:58px;height:58px;border-radius:16px}}
@media(max-width:390px){.editorBar .editorButton:not(.primary){padding-inline:9px}.editorBar strong{font-size:12px}.editorBody{height:calc(100% - 60px)}.deviceChecks{grid-template-columns:1fr}.editorNav{height:40%}.editorPanel{height:60%}}
@media(min-width:900px) and (max-height:650px) and (pointer:coarse){.editEntry{display:none}}
body[data-home-editing="true"]{overflow:hidden}
.homepagePublishToast{position:fixed;z-index:1200;left:50%;bottom:max(24px,env(safe-area-inset-bottom));padding:11px 16px;border:1px solid rgba(114,217,168,.32);border-radius:999px;color:#dff8eb;background:rgba(17,35,29,.94);box-shadow:0 12px 38px rgba(0,0,0,.38);font:700 11px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s,transform .2s}.homepagePublishToast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.sessionCard{grid-template-columns:38px minmax(0,1fr)}.sessionCard>.editorButton{grid-column:1/-1}.sessionIcon{width:38px;height:38px}.sessionDetails{grid-template-columns:1fr}.sessionRename{grid-column:1/-1}.sessionRename input{height:44px;font-size:16px}}
@media(max-width:520px){.devicePanelHead{align-items:flex-start}.deviceRefreshGroup{align-items:flex-end;flex-direction:column;gap:5px}.deviceRefresh{min-height:44px}.deviceRefreshGroup>small{font-size:8px}}
@media(max-width:760px){
  .editorOverlay{height:100dvh;overflow:hidden;background:#0d1118}
  .editorShell{display:grid;grid-template-rows:auto minmax(0,1fr);width:100%;height:100dvh;max-height:100dvh;margin:0;overflow:hidden;border:0;border-radius:0}
  .editorBar{position:relative;z-index:3;height:auto;min-height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));gap:6px}
  .editorBar>div{gap:6px}.editorBar>div:first-child>div{display:none}.editorBar>div:last-child{margin-left:auto}
  .editorBar .editorButton{min-height:44px;padding:0 11px;font-size:12px;white-space:nowrap;word-break:keep-all}
  .editorBar .editorButton.primary{padding-inline:15px}
  .editorBar .editorPublish{grid-template-columns:28px auto;gap:7px;min-width:86px;min-height:44px;padding:4px 10px 4px 5px;border-radius:13px}.editorBar .publishIcon{width:28px;height:34px;border-radius:10px;font-size:17px}.editorBar .publishCopy strong{font-size:12px}.editorBar .publishCopy small{display:none}
  .saveDesktopLabel{display:none}.saveMobileLabel{display:inline}
  .editorBody{display:grid;grid-template-rows:minmax(180px,34%) minmax(0,66%);width:100%;height:100%;min-height:0;overflow:hidden}
  .editorNav{grid-row:1;width:100%;height:100%;min-height:0;padding:11px max(11px,env(safe-area-inset-right)) 14px max(11px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);-webkit-overflow-scrolling:touch}
  .editorNavHead{position:sticky;top:-11px;z-index:2;margin:4px -2px 8px;padding:8px 4px;background:rgba(13,17,24,.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
  .editorList{gap:6px;margin-bottom:13px}
  .editorItem{min-height:50px;padding:8px;border-radius:13px}
  .editorItemIcon{width:34px;height:34px}
  .editorItemCopy strong{font-size:12px}.editorItemCopy small{font-size:9px}
  .editorMove button{width:36px;height:36px;font-size:15px}
  .editorPanel{grid-row:2;width:100%;height:100%;min-height:0;padding:20px max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-padding-bottom:calc(24px + env(safe-area-inset-bottom))}
  .editorPanelInner{max-width:none}.editorPanel h2{font-size:23px}
  .editorPanelLead{margin-bottom:18px;font-size:12px}
  .editorCard{padding:15px;border-radius:15px}
  .editorGrid{grid-template-columns:1fr;gap:12px}.editorField.wide{grid-column:auto}
  .editorField input,.editorField textarea,.editorField select{min-height:46px;font-size:16px}
  .editorField textarea{min-height:92px}
  .deviceChecks{grid-template-columns:1fr 1fr}.deviceChecks label{min-height:46px;font-size:11px}
  .brandPreview img{width:58px;height:58px;border-radius:16px}
  .sessionCard{grid-template-columns:38px minmax(0,1fr)}.sessionCard>.editorButton{grid-column:1/-1;width:100%}
}
@media(max-width:390px){
  .editorBar .editorButton{padding-inline:9px}.editorBar .editorButton.primary{padding-inline:12px}
  .editorBar .editorPublish{min-width:82px;padding-right:9px}
  .editorBody{grid-template-rows:minmax(170px,32%) minmax(0,68%)}
  .deviceChecks{grid-template-columns:1fr}
}
@media(max-width:520px){
  .editorShell>#editorContent{min-height:0;overflow:hidden}
  .editorBody{display:block;width:100%;height:100%;overflow:hidden}
  .editorNav{display:block;width:100%;height:100%;padding:14px max(14px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));border:0;overflow-x:hidden;overflow-y:auto}
  .editorPanel{display:none;width:100%;height:100%;padding:12px max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border:0;overflow-x:hidden;overflow-y:auto}
  .editorBody.mobilePanelActive .editorNav{display:none}
  .editorBody.mobilePanelActive .editorPanel{display:block}
  .mobilePanelBack{position:sticky;top:-12px;z-index:4;display:flex;align-items:center;gap:7px;width:calc(100% + 4px);min-height:46px;margin:0 -2px 18px;padding:0 4px;border:0;border-bottom:1px solid rgba(255,255,255,.09);color:#8dcbff;background:rgba(16,20,28,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font:700 12px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;text-align:left;cursor:pointer}
  .mobilePanelBack span{font-size:27px;font-weight:400;line-height:1}
  .editorNav .editorItem{min-height:58px;padding:10px}
  .editorNav .editorList{margin-bottom:18px}
  .editorPanelInner{padding-bottom:10px}
}
@media(prefers-reduced-motion:reduce){.editorOverlay{backdrop-filter:none;-webkit-backdrop-filter:none}.editorPublish{transition:none}.editorPublish[data-state="saving"] .publishIcon::after,.deviceRefresh.refreshing .refreshGlyph{animation:none}}
