@import url("/luxubu-3d-buttons.css?v=20260709-youtube-search-x-2");
:root{
  --side-w:205px;
  --bg:#02110f;
  --panel:#051d19;
  --line:#69d8bf;
  --mint:#8ff0d9;
  --gold:#f5c341;
  --text:#fff4c5;
}
*{box-sizing:border-box}
body{
  margin:0;
  min-height:100vh;
  background:radial-gradient(circle at 50% 0,rgba(64,190,160,.18),transparent 30%),linear-gradient(135deg,#020806,#06231f 55%,#010302);
  color:var(--text);
  font-family:Arial,Helvetica,sans-serif;
}
body.menu-open{
  overflow:hidden;
}
body.menu-open::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:1000;
  background:rgba(0,0,0,.5);
}
.admin-topbar{
  position:fixed;
  inset:0 0 auto 0;
  z-index:900;
  display:grid;
  grid-template-columns:54px auto 1fr;
  align-items:center;
  min-height:92px;
  padding:12px 34px;
  background:linear-gradient(90deg,rgba(2,10,8,.98),rgba(5,31,27,.86),rgba(2,10,8,.98));
}
.hamburger-button{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:0;
  border-radius:8px;
  background:transparent;
  cursor:pointer;
  filter:drop-shadow(0 0 10px rgba(143,240,217,.22));
}
.hamburger-button span{
  display:block;
  width:22px;
  height:2px;
  margin:3px 0;
  border-radius:2px;
  background:#eafff8;
  box-shadow:0 0 8px rgba(143,240,217,.62);
}
.top-brand{
  display:grid;
  justify-items:center;
  align-items:center;
  width:168px;
  color:#fff;
  text-decoration:none;
}
.top-brand-mark{
  display:grid;
  place-items:center;
  width:64px;
  height:44px;
  line-height:1;
  filter:drop-shadow(0 0 12px rgba(143,240,217,.38)) drop-shadow(0 2px 8px #000);
}
.top-brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.top-brand-text{
  margin-top:3px;
  color:#f5fff9;
  font-size:14px;
  text-shadow:0 2px 8px #000;
}
.side{
  position:fixed;
  left:0;
  top:0;
  bottom:0;
  z-index:1002;
  width:248px;
  padding:96px 12px 18px;
  border-right:1px solid rgba(105,216,191,.46);
  background:linear-gradient(180deg,rgba(5,38,33,.98),rgba(1,9,8,.99));
  box-shadow:18px 0 34px rgba(0,0,0,.54);
  transform:translateX(-106%);
  transition:transform .22s ease;
}
body.menu-open .side{
  transform:translateX(0);
}
.brand{
  position:absolute;
  left:14px;
  top:18px;
  display:block;
  width:176px;
  height:56px;
  margin-bottom:0;
  text-align:center;
  text-decoration:none;
}
.brand span{
  display:block;
  color:#7be0c8;
  font-size:12px;
  font-weight:800;
  letter-spacing:1.5px;
}
.brand b{
  color:#fff1ba;
  font-size:22px;
  text-shadow:0 0 15px rgba(255,225,128,.7),0 2px 9px #000;
}
.side-nav button{
  display:flex;
  align-items:center;
  width:100%;
  min-height:44px;
  margin:0 0 9px;
  padding:0 10px;
  border:1px solid rgba(105,216,191,.58);
  border-radius:8px;
  background:rgba(220,255,247,.07);
  color:#f5fff9;
  font-size:15px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  text-shadow:0 2px 6px rgba(0,0,0,.75);
}
.side-nav button.active{
  color:#021a15;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
}
.main{
  margin-left:0;
  padding:118px 34px 44px;
}
.side-bottom-actions{
  position:absolute;
  left:11px;
  right:11px;
  bottom:56px;
  z-index:2;
  display:grid;
  gap:10px;
}
.side-refresh,
.side-phone-sync,
.side-recycle-bin,
.global-save{
  position:static;
  width:auto;
  min-height:44px;
  padding:0 10px;
  border:1px solid rgba(105,216,191,.58);
  border-radius:8px;
  color:#021a15;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
  font-size:15px;
  font-weight:800;
  text-align:left;
  cursor:pointer;
  text-shadow:none;
  text-transform:none;
  box-shadow:0 0 16px rgba(143,240,217,.16);
}
.side-refresh,
.side-phone-sync,
.side-recycle-bin,
.global-save{
  text-align:center;
}
.side-recycle-bin{
  border-color:rgba(255,100,86,.72);
  color:#fff4f2;
  background:linear-gradient(180deg,#b83024,#5d0d08);
  box-shadow:0 0 16px rgba(255,88,68,.16);
}
.side-phone-sync{
  border-color:rgba(245,195,65,.74);
  color:#10201a;
  background:linear-gradient(180deg,#ffe28a,#d5a821);
}
.side-recycle-bin:disabled{
  opacity:.58;
  cursor:wait;
}
.side-phone-sync:disabled{
  opacity:.58;
  cursor:wait;
}
.phone-sync-settings{
  display:none;
}
.phone-sync-guide{
  display:none;
}
.casino-settings,
.casino-display{
  display:none;
}
.phone-sync-note{
  margin:0 0 14px;
  color:#cffff4;
  line-height:1.45;
}
.phone-sync-path-label{
  display:block;
  margin:0 0 6px;
  color:#eafff8;
  font-weight:900;
}
.phone-sync-path-input{
  width:100%;
  min-height:42px;
  margin:0 0 12px;
  border:1px solid rgba(105,216,191,.46);
  border-radius:8px;
  padding:0 12px;
  color:#f5fff9;
  background:rgba(255,255,255,.06);
  font:inherit;
  font-weight:400;
}
.phone-sync-browse{
  width:auto;
  min-width:108px;
  min-height:34px;
  padding:0 14px;
  margin-bottom:10px;
}
.phone-sync-open{
  display:grid;
  place-items:center;
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(105,216,191,.58);
  border-radius:8px;
  color:#021a15;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
  font-weight:800;
  text-decoration:none;
}
.phone-sync-status{
  min-height:18px;
  margin:10px 0 0;
  color:#ffd86a;
  font-size:13px;
  font-weight:800;
}
.storage-paths-section{
  margin-top:18px;
  padding-top:16px;
  border-top:1px solid rgba(105,216,191,.28);
}
.storage-paths-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:8px;
}
.storage-paths-heading h3{
  margin:0;
  color:#ffd86a;
  font-size:17px;
}
.storage-local-only{
  flex:0 0 auto;
  padding:4px 7px;
  border:1px solid rgba(245,195,65,.42);
  border-radius:999px;
  color:#ffe79c;
  background:rgba(245,195,65,.09);
  font-size:10px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.storage-paths-note{
  margin:0 0 14px;
  color:#cffff4;
  font-size:12px;
  line-height:1.45;
}
.storage-path-input{
  margin-bottom:5px;
  font-family:Consolas,"Courier New",monospace;
  font-size:13px;
}
.storage-path-state{
  min-height:17px;
  margin:0 0 12px;
  color:#a9c8bf;
  font-size:11px;
  line-height:1.35;
}
.storage-path-state.ok{
  color:#7cffd8;
}
.storage-path-state.warn{
  color:#ffd86a;
}
.storage-path-state.error{
  color:#ff9e90;
}
.storage-path-actions{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin-top:4px;
}
.storage-path-test,
.storage-path-save{
  min-height:36px;
  padding:0 13px;
  border-radius:8px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.storage-path-test{
  border:1px solid rgba(105,216,191,.56);
  color:#cffff4;
  background:rgba(105,216,191,.11);
}
.storage-path-save{
  width:auto;
}
.storage-path-test:disabled,
.storage-path-save:disabled{
  opacity:.58;
  cursor:wait;
}
.storage-path-status{
  min-height:18px;
  margin:10px 0 0;
  color:#ffd86a;
  font-size:12px;
  font-weight:700;
  line-height:1.4;
}
.storage-path-status.ok{
  color:#7cffd8;
}
.storage-path-status.error{
  color:#ff9e90;
}
.phone-sync-guide-list{
  display:grid;
  gap:12px;
}
.phone-sync-guide-list p{
  margin:0;
  padding:12px;
  border:1px solid rgba(105,216,191,.34);
  border-radius:8px;
  background:rgba(255,255,255,.035);
}
.phone-sync-guide-list b{
  display:block;
  margin-bottom:5px;
  color:#ffd86a;
}
.phone-sync-guide-list span{
  display:block;
  color:#cffff4;
  line-height:1.45;
}
.global-save:disabled{
  opacity:.58;
  cursor:wait;
}
.admin-header{
  display:none;
}
.header-title{
  position:absolute;
  left:120px;
  right:120px;
  top:31px;
  text-align:center;
  font-family:Georgia,serif;
  font-size:36px;
  line-height:1;
  letter-spacing:1px;
  color:#8ddfca;
  text-shadow:0 3px 0 rgba(0,32,25,.8),0 10px 18px rgba(0,0,0,.74);
}
.header-subtitle{
  position:absolute;
  left:120px;
  right:120px;
  bottom:17px;
  text-align:center;
  color:#e9fff9;
  font-size:12px;
  line-height:1;
  letter-spacing:5px;
}
.logo{
  position:absolute;
  display:grid;
  place-items:center;
  color:var(--gold);
  font-family:Georgia,serif;
  font-weight:800;
  line-height:1;
  border-radius:50%;
  text-shadow:0 3px 9px rgba(0,0,0,.75);
}
.logo img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.logo-left{left:24px;top:50%;width:48px;height:48px;font-size:31px;transform:translateY(-50%)}
.logo-right{right:24px;top:50%;width:48px;height:48px;font-size:31px;transform:translateY(-50%)}
.logo-center{left:50%;top:-80px;width:116px;height:116px;transform:translateX(-50%);font-size:70px}
.workspace{
  display:grid;
  grid-template-columns:var(--tree-w,190px) minmax(420px,1fr);
  gap:28px;
  min-height:calc(100vh - 220px);
  align-items:start;
}
.tree,.panel{
  border:1px solid rgba(105,216,191,.62);
  border-radius:10px;
  background:rgba(0,12,10,.34);
}
.tree{
  position:relative;
  width:var(--tree-w,190px);
  min-width:150px;
  max-width:360px;
  max-height:calc(100vh - 190px);
  padding:20px 8px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
}
.panel.active{
  max-height:calc(100vh - 190px);
  overflow:visible;
}
.panel .card{
  max-height:calc(100vh - 300px);
  overflow:auto;
  overscroll-behavior:contain;
}
.panel .card::-webkit-scrollbar{
  width:9px;
}
.panel .card::-webkit-scrollbar-track{
  background:rgba(0,0,0,.24);
  border-radius:999px;
}
.panel .card::-webkit-scrollbar-thumb{
  background:rgba(245,195,65,.45);
  border-radius:999px;
}
.panel .card::-webkit-scrollbar-thumb:hover{
  background:rgba(255,216,106,.82);
}
.tree::-webkit-scrollbar{
  width:9px;
}
.tree::-webkit-scrollbar-track{
  background:rgba(0,0,0,.28);
  border-radius:999px;
}
.tree::-webkit-scrollbar-thumb{
  background:rgba(245,195,65,.55);
  border-radius:999px;
}
.tree::-webkit-scrollbar-thumb:hover{
  background:rgba(255,216,106,.88);
}
.tree-resizer{
  position:absolute;
  top:0;
  right:-15px;
  width:18px;
  height:100%;
  cursor:col-resize;
  z-index:5;
}
.tree-resizer:before{
  content:"";
  position:absolute;
  top:12px;
  bottom:12px;
  left:7px;
  width:2px;
  border-radius:2px;
  background:rgba(245,195,65,.28);
}
.tree-resizer:hover:before,
body.tree-resizing .tree-resizer:before{
  background:#fff6b0;
  box-shadow:0 0 10px rgba(245,195,65,.55);
}
body.tree-resizing{
  cursor:col-resize;
  user-select:none;
}
.tree-add{
  border:0;
  background:transparent;
  color:#ffff00;
  font-size:14px;
  cursor:pointer;
  margin-bottom:16px;
}
.tree-row,.tree-child{
  display:block;
  max-width:100%;
  min-height:24px;
  margin:0 0 3px;
  padding:3px 7px;
  border:1px solid transparent;
  border-radius:5px;
  color:#00bdf2;
  font-size:14px;
  font-weight:400;
  line-height:1.25;
  cursor:pointer;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tree-row.active,.tree-child.active{
  color:#fff6b0;
  border-color:rgba(245,195,65,.55);
  background:rgba(245,195,65,.08);
}
.tree-children.closed{display:none}
.tree-child{margin-left:18px}
.tree-pages{
  margin-top:14px;
}
.tree-page{
  display:flex;
  align-items:center;
  gap:10px;
  max-width:100%;
  min-height:24px;
  margin:0 0 3px;
  padding:3px 7px;
  border:1px solid transparent;
  border-radius:5px;
  color:#00bdf2;
  font-size:14px;
  font-weight:400;
  line-height:1.25;
  cursor:pointer;
  overflow:hidden;
}
.tree-toggle{
  flex:0 0 18px;
  width:18px;
  height:18px;
  display:grid;
  place-items:center;
  border:1px solid rgba(245,195,65,.62);
  border-radius:4px;
  background:rgba(245,195,65,.08);
  color:#fff6b0;
  font-size:14px;
  font-weight:400;
  line-height:1;
  cursor:pointer;
}
.tree-toggle[hidden]{
  display:block;
  visibility:hidden;
}
.tree-toggle:hover{
  border-color:#fff6b0;
  background:rgba(245,195,65,.18);
}
.tree-page-label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tree-page.active{
  color:#fff6b0;
  border-color:rgba(245,195,65,.55);
  background:rgba(245,195,65,.08);
}
.tree-parent-page{
  color:#fff6b0;
  border-color:rgba(245,195,65,.34);
  background:rgba(245,195,65,.05);
}
.tree-parent-page.closed{
  color:#00bdf2;
  border-color:transparent;
  background:transparent;
}
.tree-sub-page{
  max-width:calc(100% - 18px);
  min-height:0;
  margin:0 0 3px 18px;
  padding:2px 6px;
  border:1px solid transparent;
  border-radius:5px;
  color:#7fffe4;
  background:transparent;
  font-size:12px;
  font-weight:400;
  line-height:1.25;
  text-shadow:0 2px 5px rgba(0,0,0,.65);
}
.tree-sub-page{
  gap:8px;
}
.tree-sub-page.active{
  color:#fff6b0;
  background:rgba(245,195,65,.08);
  border-color:rgba(245,195,65,.48);
  box-shadow:none;
}
.tree-page.hidden-outside{
  color:#fff6b0;
  border-color:rgba(255,216,106,.55);
  background:rgba(245,195,65,.08);
}
.panel{
  display:none;
  padding:22px;
}
.panel.active{display:block}
#panel-header.active{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  align-items:start;
}
#panel-header h1,
#panel-header .status{
  grid-column:1 / -1;
}
#headerTextCard{
  grid-column:1;
}
#headerSizeCard{
  grid-column:2;
}
#logoCard{
  grid-column:3;
}
#panel-header #headerTextCard,
#panel-header #headerSizeCard,
#panel-header #logoCard{
  min-height:0;
  height:calc(100vh - 300px);
}
#saveHeaderBtn{
  width:100%;
  margin-top:20px;
}
h1{
  margin:0 0 20px;
  color:#ffff00;
  font-size:24px;
  font-weight:400;
  text-align:center;
}
h1:empty{
  display:none;
}
.card{
  border:1px solid rgba(105,216,191,.45);
  border-radius:10px;
  padding:16px;
  margin-bottom:14px;
  transition:border-color .18s ease, box-shadow .18s ease;
}
.card.focus{
  border-color:rgba(255,255,0,.86);
  box-shadow:0 0 18px rgba(255,255,0,.16);
}
h2{
  margin:0 0 12px;
  color:#ffff00;
  font-size:14px;
  font-weight:400;
}
label{
  display:block;
  margin:10px 0 6px;
  color:#cffff4;
  font-size:13px;
}
input{
  width:100%;
  min-height:38px;
  border:1px solid rgba(105,216,191,.52);
  border-radius:8px;
  padding:0 10px;
  color:#fff8c8;
  background:rgba(255,255,255,.06);
  font-size:14px;
}
select{
  width:100%;
  min-height:38px;
  border:1px solid rgba(105,216,191,.52);
  border-radius:8px;
  padding:0 10px;
  color:#fff8c8;
  background:#08231f;
  font-size:14px;
}
select option{
  color:#fff8c8;
  background:#061612;
}
textarea{
  width:100%;
  min-height:92px;
  border:1px solid rgba(105,216,191,.52);
  border-radius:8px;
  padding:10px;
  color:#fff8c8;
  background:rgba(255,255,255,.06);
  font-family:Consolas,monospace;
  font-size:12px;
  line-height:1.45;
  resize:vertical;
}
.home-picture-settings{
  display:none;
}
.all-picture-settings{
  display:none;
}
.all-picture-tv{
  display:none;
}
.page-logo-text-card{
  display:none;
}
.page-workspace{
  display:block;
}
.panel:not(.home-picture-mode) .page-workspace{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto 1fr;
  gap:18px;
  align-items:start;
}
.panel.home-picture-mode .page-workspace{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:auto 1fr;
  gap:18px;
  align-items:start;
}
.column-title{
  grid-row:1;
  margin:0;
  text-align:center;
}
.page-title-bar{
  grid-column:1;
  grid-row:1;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:12px;
  min-width:0;
}
.page-title-bar .column-title{
  min-width:0;
  overflow:hidden;
  text-align:left;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.title-save-button{
  flex:0 0 auto;
  min-height:34px;
  min-width:104px;
  padding:0 14px;
  border-radius:7px;
  font-size:13px;
}
#pagePanelTitle{
  grid-column:1;
}
.all-picture-column-title{
  display:none;
}
.home-picture-column-title{
  display:none;
}
.phone-sync-column-title{
  display:none;
}
.casino-column-title{
  display:none;
}
.upload-column-title{
  display:none;
}
.upload-link-card{
  display:none;
}
.panel.all-picture-mode .all-picture-column-title{
  display:block;
}
.panel.home-picture-mode .home-picture-column-title{
  display:block;
}
.panel.phone-sync-mode .phone-sync-column-title{
  display:block;
}
.panel.casino-mode .casino-column-title{
  display:block;
}
.panel.upload-mode .upload-column-title{
  display:block;
}
.panel.upload-mode .upload-link-card{
  display:block;
  grid-column:3;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
  position:relative;
  z-index:5;
  pointer-events:auto;
}
.panel.upload-mode .upload-link-card input{
  position:relative;
  z-index:6;
  pointer-events:auto;
  cursor:text;
  user-select:text;
}
#allPictureSlideTitle{
  grid-column:2;
}
#allPictureTvTitle{
  grid-column:3;
}
#phoneSyncSettingTitle{
  grid-column:2;
}
#phoneSyncGuideTitle{
  grid-column:3;
}
#casinoLayoutTitle{
  grid-column:2;
}
#casinoDisplayTitle{
  grid-column:3;
}
#uploadLinkTitle{
  grid-column:3;
}
.home-picture-placeholder{
  display:none;
}
.panel.home-picture-mode .new-page-card{
  grid-column:1;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
}
.panel.home-picture-mode .home-picture-settings{
  grid-column:2;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
}
.panel.home-picture-mode .all-picture-settings{
  grid-column:2;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
}
.panel.home-picture-mode .all-picture-tv{
  grid-column:3;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
}
.panel.home-picture-mode .home-picture-placeholder{
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
}
.panel.home-picture-mode #homePictureMiddlePlaceholder{
  grid-column:2;
  grid-row:2;
  display:block;
}
.panel.home-picture-mode #homePictureRightPlaceholder{
  grid-column:3;
  grid-row:2;
  display:block;
}
.panel.home-picture-mode .home-picture-settings[style*="block"] ~ #homePictureMiddlePlaceholder{
  display:none;
}
.panel.home-picture-mode .all-picture-settings[style*="block"] ~ #homePictureMiddlePlaceholder{
  display:none;
}
.panel.home-picture-mode .all-picture-tv[style*="block"] ~ #homePictureRightPlaceholder{
  display:none;
}
.panel:not(.home-picture-mode) .new-page-card,
.panel:not(.home-picture-mode) .page-list-card{
  grid-column:auto;
}
.panel:not(.home-picture-mode) .new-page-card{
  grid-column:1;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
}
.panel.video-layout-mode:not(.home-picture-mode) .page-logo-text-card{
  display:block;
  grid-column:2;
  grid-row:2;
  min-height:0;
  height:fit-content;
  margin-bottom:14px;
}
.panel.video-layout-mode:not(.home-picture-mode) .page-logo-text-card input{
  width:100%;
}
.video-text-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) 96px;
  gap:8px;
  align-items:end;
}
.video-font-size-field{
  display:block;
  margin:0;
  color:#cffff4;
  font-size:11px;
}
.video-font-size-field span{
  display:block;
  margin:0 0 6px;
  white-space:nowrap;
}
.video-font-size-field input{
  min-height:38px;
  padding:0 8px;
  text-align:center;
}
.panel:not(.home-picture-mode) .home-picture-settings{
  min-height:0;
  margin-bottom:14px;
}
.panel:not(.home-picture-mode) .home-picture-placeholder{
  display:block;
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
}
.panel:not(.home-picture-mode) #homePictureMiddlePlaceholder{
  grid-column:2;
  grid-row:2;
  display:block;
}
.panel:not(.home-picture-mode) #homePictureRightPlaceholder{
  grid-column:3;
  grid-row:2;
}
.panel.phone-sync-mode .new-page-card{
  grid-column:1;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
}
.panel.phone-sync-mode .phone-sync-settings{
  display:block;
  grid-column:2;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
  overflow-y:auto;
}
.panel.phone-sync-mode .phone-sync-guide{
  display:block;
  grid-column:3;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
}
.panel.phone-sync-mode .page-logo-text-card,
.panel.phone-sync-mode .home-picture-settings,
.panel.phone-sync-mode .all-picture-settings,
.panel.phone-sync-mode .all-picture-tv,
.panel.phone-sync-mode .home-picture-placeholder,
.panel.phone-sync-mode .home-picture-wide-card{
  display:none;
}
.panel.casino-mode .casino-settings{
  display:block;
  grid-column:2;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
}
.panel.casino-mode .casino-display{
  display:block;
  grid-column:3;
  grid-row:2;
  min-height:0;
  height:calc(100vh - 300px);
  margin-bottom:14px;
}
.panel.casino-mode .page-logo-text-card,
.panel.casino-mode .home-picture-settings,
.panel.casino-mode .all-picture-settings,
.panel.casino-mode .all-picture-tv,
.panel.casino-mode .home-picture-placeholder,
.panel.casino-mode .home-picture-wide-card,
.panel.casino-mode .phone-sync-settings,
.panel.casino-mode .phone-sync-guide{
  display:none;
}
.casino-settings input[type="range"]{
  accent-color:#f5c341;
}
.casino-check-line{
  margin-top:14px;
}
.casino-settings-note{
  margin:12px 0 0;
  color:#cffff4;
  font-size:13px;
}
.youtube-oauth-admin,
.youtube-search-admin{
  display:none;
}
.panel.youtube-mode .youtube-oauth-admin{
  display:block;
  grid-column:2;
  grid-row:2;
  min-height:0;
  height:fit-content;
  margin-bottom:14px;
}
.panel.youtube-mode .youtube-search-admin{
  display:block;
  grid-column:3;
  grid-row:2;
  min-height:0;
  height:fit-content;
  margin-bottom:14px;
}
.panel.youtube-mode .home-picture-settings,
.panel.youtube-mode .all-picture-settings,
.panel.youtube-mode .all-picture-tv,
.panel.youtube-mode .home-picture-placeholder,
.panel.youtube-mode .home-picture-wide-card,
.panel.youtube-mode .phone-sync-settings,
.panel.youtube-mode .phone-sync-guide,
.panel.youtube-mode .casino-settings,
.panel.youtube-mode .casino-display,
.panel.youtube-mode .page-logo-text-card{
  display:none;
}
.youtube-oauth-note{
  margin:0 0 12px;
  color:#cffff4;
  font-size:13px;
  line-height:1.35;
}
.youtube-oauth-open{
  color:#7cffd8;
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.youtube-oauth-open:hover{
  text-decoration:underline;
}
.youtube-oauth-admin input[readonly]{
  color:#d7c274;
  background:rgba(0,0,0,.22);
}
.youtube-oauth-paste-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
}
.youtube-oauth-paste-row input{
  min-width:0;
}
.youtube-oauth-paste{
  min-height:39px;
  padding:0 12px;
  border:1px solid rgba(127,255,216,.42);
  border-radius:8px;
  background:rgba(124,255,216,.12);
  color:#cffff4;
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.youtube-oauth-paste:hover,
.youtube-oauth-paste:focus{
  border-color:#7cffd8;
  background:rgba(124,255,216,.22);
  outline:none;
}
.youtube-oauth-admin-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.youtube-oauth-admin-actions .save{
  min-width:142px;
}
.youtube-oauth-logout{
  background:linear-gradient(180deg,#ffb7a8,#b64335);
}
.youtube-oauth-status{
  min-height:18px;
  margin:10px 0 0;
  color:#cffff4;
  font-size:13px;
  font-weight:800;
}
.youtube-oauth-status.ok{
  color:#7cffd8;
}
.youtube-oauth-status.warn{
  color:#ffd86a;
}
.youtube-search-row{
  position:relative;
  min-width:0;
}
.youtube-search-admin-head{
  display:block;
  margin:8px 0 6px;
  color:#7cffd8;
  font-size:12px;
  font-weight:900;
}
.youtube-search-list{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.youtube-search-row input{
  min-width:0;
  width:100%;
  padding-right:30px;
}
.youtube-search-remove{
  position:absolute;
  right:7px;
  top:50%;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  color:#ffd86a!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1;
  cursor:pointer;
  box-shadow:none!important;
  text-shadow:none!important;
  transform:translateY(-50%)!important;
  filter:none!important;
}
.youtube-search-remove:hover{
  color:#fff1a8!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  transform:translateY(-50%)!important;
}
.youtube-search-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.page-extra-card{
  display:none;
}
.home-picture-wide-card{
  display:none;
}
.panel.home-picture-mode .home-picture-wide-card{
  grid-column:1 / -1;
  grid-row:3;
  margin-bottom:0;
}
.panel.home-picture-mode .home-picture-settings[style*="block"] ~ .home-picture-wide-card{
  display:none;
}
.home-picture-wide-card textarea{
  min-height:126px;
  white-space:pre;
  overflow:auto;
}
.home-picture-wide-card textarea#homePictureCardsInput{
  min-height:190px;
}
.grid-2,.logo-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.logo-grid{grid-template-columns:repeat(3,1fr)}
.file-box{
  display:grid;
  gap:7px;
}
.file-box span{
  color:#cffff4;
  font-size:12px;
}
.file-box input{padding:7px}
.inline-form{
  display:grid;
  grid-template-columns:1fr auto;
  gap:10px;
}
.new-page-card{
  max-width:none;
}
.new-page-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(230px,300px);
  gap:20px;
  align-items:start;
}
.panel .page-workspace .new-page-layout{
  grid-template-columns:1fr;
  gap:12px;
}
.new-page-main{
  display:block;
}
.new-page-main label,
.new-page-side > label:not(.check-line){
  margin:4px 0 2px;
  color:#dffdf5;
  font-size:18px;
  font-weight:400;
}
.new-page-main input,
.new-page-side select,
.new-page-side > input{
  margin-bottom:8px;
}
.new-page-side{
  display:grid;
  gap:2px;
}
.page-check-box{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:8px;
  margin-top:8px;
  padding:10px;
  border:1px solid rgba(105,216,191,.55);
  border-radius:8px;
  background:rgba(0,0,0,.16);
}
.new-page-side label:first-of-type{
  margin-top:0;
}
.new-page-side .check-line{
  width:100%;
  margin:0;
}
.card-title-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-bottom:12px;
}
.card-title-row h2{
  margin:0;
}
.compact-save{
  min-height:34px;
  min-width:116px;
  padding:0 14px;
  border-radius:7px;
  white-space:nowrap;
}
.slide-option-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:6px;
}
.slide-option{
  width:100%;
  min-height:34px;
  margin:0;
  padding:7px 10px;
  font-size:12px;
  line-height:1.2;
}
.slide-option input{
  flex:0 0 auto;
}
.save{
  min-height:42px;
  min-width:120px;
  border:0;
  border-radius:8px;
  color:#021a15;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
  font-weight:800;
  cursor:pointer;
}
.save:disabled{
  opacity:.65;
  cursor:wait;
  filter:grayscale(.25);
}
.status{color:#7cffd8;font-size:14px}
.member-header-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  margin-bottom:18px;
}
.member-list-btn,
.member-permit-btn{
  min-height:40px;
  min-width:142px;
  padding:0 18px;
  border:1px solid rgba(105,216,191,.58);
  border-radius:8px;
  color:#f5fff9;
  background:rgba(220,255,247,.07);
  font-size:15px;
  font-weight:800;
  cursor:pointer;
}
.member-list-btn.active,
.member-permit-btn.active{
  color:#021a15;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
}
.member-header-row .member-create-toggle{
  margin-left:auto;
}
.member-view{
  display:none;
}
.member-view.active{
  display:block;
}
.member-create-bar{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin:0 0 14px;
}
.member-create-toggle,
.member-create-submit,
.member-create-cancel,
.member-edit-btn{
  min-height:40px;
  min-width:150px;
  border:1px solid rgba(105,216,191,.72);
  border-radius:8px;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
  color:#021a15;
  font-weight:900;
  cursor:pointer;
}
.member-create-cancel{
  min-width:110px;
  color:#fff8c9;
  background:rgba(220,255,247,.07);
}
.member-create-cancel[hidden]{
  display:none;
}
.member-edit-btn{
  min-width:78px;
  min-height:32px;
}
.member-create-submit:disabled{
  opacity:.65;
  cursor:wait;
}
.member-create-form{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}
.member-create-form[hidden]{
  display:none;
}
.member-create-form input{
  min-height:40px;
  min-width:190px;
  border:1px solid rgba(105,216,191,.55);
  border-radius:8px;
  padding:0 12px;
  background:rgba(220,255,247,.08);
  color:#fffbe0;
  font-weight:800;
}
.member-create-form input::placeholder{
  color:rgba(245,255,249,.62);
}
.permission-defaults{
  display:grid;
  gap:12px;
  margin-bottom:14px;
  padding:14px;
  border:1px solid rgba(105,216,191,.42);
  border-radius:8px;
  background:rgba(4,18,17,.68);
}
.default-role-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.default-role-btn{
  min-height:36px;
  min-width:96px;
  padding:0 14px;
  border:1px solid rgba(105,216,191,.5);
  border-radius:8px;
  color:#f5fff9;
  background:rgba(220,255,247,.07);
  font-weight:800;
  cursor:pointer;
}
.default-role-btn.active,
.default-perm-chip.checked{
  color:#021a15;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
}
.default-perm-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(84px,1fr));
  gap:8px;
}
.default-perm-chip{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  margin:0;
  border:1px solid rgba(105,216,191,.38);
  border-radius:8px;
  color:#eafff8;
  background:rgba(220,255,247,.06);
  font-size:12px;
  font-weight:900;
}
.default-perm-chip input{
  width:14px;
  min-height:14px;
  accent-color:#8ff0d9;
}
.all-member-row th{
  background:rgba(105,210,184,.12);
  color:#9ff2df;
}
.permit-role-select{
  min-width:102px;
}
.member-table-card{
  overflow:auto;
}
.member-table{
  width:100%;
  min-width:680px;
  border-collapse:collapse;
  color:#f5fff9;
  font-size:14px;
}
.member-table th,
.member-table td{
  padding:13px 12px;
  border-bottom:1px solid rgba(105,216,191,.22);
  text-align:left;
  vertical-align:middle;
}
.member-table th:not(:nth-child(-n+5)),
.member-table td:not(:nth-child(-n+5)){
  width:42px;
  min-width:42px;
  padding:8px 6px;
  text-align:center;
}
.member-table th{
  color:#021a15;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
  font-weight:900;
}
.member-table th:first-child{
  border-top-left-radius:8px;
}
.member-table th:last-child{
  border-top-right-radius:8px;
}
.member-table tbody tr:hover{
  background:rgba(105,216,191,.08);
}
.member-del-btn{
  min-height:28px;
  min-width:56px;
  border:1px solid rgba(255,105,105,.72);
  border-radius:6px;
  color:#ffd7d7;
  background:rgba(80,0,0,.28);
  font-size:12px;
  font-weight:900;
  cursor:pointer;
}
.member-del-btn:hover{
  color:#120202;
  background:linear-gradient(180deg,#ffd1d1,#ff6868);
}
.member-delete-modal{
  position:fixed;
  inset:0;
  z-index:1300;
  display:none;
  place-items:center;
  padding:20px;
  background:rgba(0,0,0,.62);
}
.member-delete-modal.show{
  display:grid;
}
.member-delete-dialog{
  width:min(440px,calc(100vw - 32px));
  border:1px solid rgba(105,216,191,.72);
  border-radius:10px;
  padding:22px;
  background:linear-gradient(180deg,rgba(8,45,39,.98),rgba(1,13,11,.98));
  box-shadow:0 22px 60px rgba(0,0,0,.62),0 0 24px rgba(105,216,191,.18);
}
.member-delete-dialog h2{
  margin:0 0 12px;
  color:#ffff00;
  font-size:18px;
}
.member-delete-dialog p{
  margin:0 0 22px;
  color:#f5fff9;
  font-size:15px;
  line-height:1.45;
  overflow-wrap:anywhere;
}
.member-delete-actions{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.member-delete-actions button{
  min-width:104px;
  min-height:40px;
  border-radius:8px;
  font-size:14px;
  font-weight:900;
  cursor:pointer;
}
.member-delete-cancel{
  border:1px solid rgba(105,216,191,.58);
  color:#f5fff9;
  background:rgba(220,255,247,.07);
}
.member-delete-confirm{
  border:1px solid rgba(255,120,120,.82);
  color:#1a0303;
  background:linear-gradient(180deg,#ffd1d1,#ff6868);
}
.permit-check{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0;
  color:#f5fff9;
  font-size:14px;
  font-weight:800;
}
.permit-check input{
  width:18px;
  min-height:18px;
  accent-color:#8ff0d9;
}
.perm-check{
  appearance:none;
  -webkit-appearance:none;
  box-sizing:border-box;
  display:inline-grid;
  place-items:center;
  width:16px;
  height:16px;
  min-width:16px;
  min-height:16px;
  max-width:16px;
  max-height:16px;
  aspect-ratio:1 / 1;
  padding:0;
  margin:0;
  border:1px solid rgba(255,255,255,.78);
  border-radius:0;
  background:#fff;
  accent-color:#ffffff;
  line-height:1;
}
.perm-check:checked::after{
  content:"";
  width:8px;
  height:5px;
  border-left:2px solid #021a15;
  border-bottom:2px solid #021a15;
  transform:rotate(-45deg) translate(1px,-1px);
}
.all-member-row .perm-check,
.member-table td .perm-check{
  width:16px;
  height:16px;
}
.save-toast{
  position:fixed;
  left:50%;
  top:50%;
  z-index:1000;
  min-width:260px;
  max-width:min(420px,calc(100vw - 32px));
  padding:22px 28px;
  border:1px solid rgba(143,240,217,.9);
  border-radius:10px;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
  color:#021a15;
  font-size:18px;
  font-weight:800;
  text-align:center;
  box-shadow:0 0 40px rgba(105,216,191,.38),0 18px 44px rgba(0,0,0,.62);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-50%) scale(.96);
  transition:opacity .16s ease,transform .16s ease;
}
.save-toast.show{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
.menu-list{
  display:grid;
  gap:8px;
}
.panel:not(.home-picture-mode) #pageList{
  grid-template-columns:1fr;
}
.menu-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:38px;
  border:1px solid rgba(105,216,191,.5);
  border-radius:8px;
  padding:0 10px;
  background:rgba(255,255,255,.05);
  color:#eafff8;
  font-size:14px;
  min-width:0;
}
.menu-item span:first-child{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.page-list-item{
  cursor:pointer;
}
.hidden-tag{
  margin-left:auto;
  padding:5px 10px;
  border:1px solid rgba(105,216,191,.55);
  border-radius:999px;
  color:#ffe66e;
  font-size:12px;
  white-space:nowrap;
}
.page-view-link{
  min-width:56px;
  min-height:30px;
  display:inline-grid;
  place-items:center;
  border-radius:7px;
  color:#021a15;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
  font-size:13px;
  font-weight:800;
  text-decoration:none;
}
.page-parent-note{
  margin:10px 0 0;
  color:#7cffd8;
  font-size:13px;
}
.check-line{
  display:flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin-top:12px;
  padding:9px 12px;
  border:1px solid rgba(105,216,191,.44);
  border-radius:8px;
  color:#fff6b0;
}
.page-visibility-toggle{
  min-height:38px;
  border:1px solid rgba(255,216,106,.72);
  border-radius:8px;
  color:#1b1200;
  background:linear-gradient(180deg,#ffe58a,#d59b20);
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  box-shadow:0 0 16px rgba(245,195,65,.18),inset 0 1px 0 rgba(255,255,255,.45);
}
.page-visibility-toggle.is-hidden{
  border-color:rgba(255,115,115,.8);
  color:#fff4f4;
  background:linear-gradient(180deg,#6b1717,#2a0707);
}
.check-line input{
  width:18px;
  height:18px;
  min-height:18px;
  padding:0;
  accent-color:#72e0c7;
}
.menu-item button{
  width:28px;
  height:28px;
  border:1px solid rgba(105,216,191,.65);
  border-radius:50%;
  color:#021a15;
  background:linear-gradient(180deg,#b9f3e2,#2aa88f);
  font-weight:800;
  cursor:pointer;
}
.empty{
  color:#cffff4;
  font-size:14px;
}
.context-menu{
  position:fixed;
  z-index:1200;
  display:none;
  min-width:150px;
  padding:6px;
  border:1px solid rgba(105,216,191,.65);
  border-radius:8px;
  background:#031713;
  box-shadow:0 14px 34px rgba(0,0,0,.55);
}
.context-menu.show{display:block}
.context-menu button{
  display:block;
  width:100%;
  min-height:32px;
  border:0;
  border-radius:6px;
  padding:0 10px;
  background:transparent;
  color:#eafff8;
  font-size:13px;
  font-weight:400;
  text-transform:none;
  text-align:left;
  cursor:pointer;
}
.context-menu button:hover{
  background:rgba(143,240,217,.14);
}
.context-menu button.danger{
  color:#ff4a4a;
}
.context-menu button.danger:hover{
  background:rgba(150,0,0,.26);
  color:#ff1f1f;
}
.move-folder-modal,
.recycle-bin-modal{
  position:fixed;
  inset:0;
  z-index:1300;
  display:none;
  place-items:center;
  padding:22px;
  background:rgba(0,0,0,.58);
}
.move-folder-modal.show,
.recycle-bin-modal.show{
  display:grid;
}
.move-folder-dialog,
.recycle-bin-dialog{
  width:min(560px,94vw);
  max-height:min(720px,88vh);
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto;
  gap:12px;
  border:1px solid rgba(105,216,191,.72);
  border-radius:12px;
  padding:18px;
  background:linear-gradient(180deg,#06231f,#020b09);
  box-shadow:0 24px 70px rgba(0,0,0,.72),0 0 28px rgba(105,216,191,.14);
}
.move-folder-dialog h2,
.recycle-bin-dialog h2{
  margin:0;
  color:#fff6b0;
  font-size:22px;
  font-weight:400;
  text-align:left;
}
.move-folder-dialog p,
.recycle-bin-dialog p{
  margin:0;
  color:#dffdf5;
  font-size:15px;
}
.move-folder-list,
.recycle-bin-list{
  display:grid;
  gap:7px;
  overflow:auto;
  padding-right:4px;
}
.move-folder-list button{
  min-height:38px;
  border:1px solid rgba(105,216,191,.42);
  border-radius:8px;
  padding:0 12px;
  background:rgba(255,255,255,.04);
  color:#eafff8;
  font-size:14px;
  font-weight:400;
  text-align:left;
  cursor:pointer;
}
.recycle-bin-item{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
  min-height:42px;
  border:1px solid rgba(105,216,191,.42);
  border-radius:8px;
  padding:8px 12px;
  background:rgba(255,255,255,.04);
  color:#eafff8;
  font-size:14px;
}
.recycle-bin-item strong{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-weight:800;
}
.recycle-bin-item span{
  color:#cffff4;
  font-size:12px;
}
.recycle-bin-empty{
  min-height:46px;
  display:grid;
  place-items:center;
  border:1px solid rgba(105,216,191,.3);
  border-radius:8px;
  color:#cffff4;
  background:rgba(255,255,255,.03);
}
.move-folder-list button:hover{
  border-color:#fff6b0;
  background:rgba(245,195,65,.12);
  color:#fff6b0;
}
.move-folder-list button.current{
  color:#7fffe4;
  border-color:rgba(127,255,228,.74);
  background:rgba(127,255,228,.08);
}
.move-folder-actions,
.recycle-bin-actions{
  display:flex;
  gap:10px;
  justify-content:flex-end;
}
.move-folder-cancel,
.recycle-bin-cancel,
.recycle-bin-delete{
  min-width:110px;
  min-height:40px;
  border:1px solid rgba(105,216,191,.58);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#eafff8;
  font-size:14px;
  cursor:pointer;
}
.move-folder-cancel:hover,
.recycle-bin-cancel:hover{
  background:rgba(143,240,217,.14);
}
.recycle-bin-delete{
  border-color:rgba(255,100,86,.86);
  color:#fff;
  background:linear-gradient(180deg,#e04434,#7a130c);
}
.recycle-bin-delete:hover:not(:disabled){
  background:linear-gradient(180deg,#ff5545,#8f190f);
}
.recycle-bin-delete:disabled{
  opacity:.5;
  cursor:not-allowed;
}
@media(max-width:900px){
  .admin-topbar{
    min-height:82px;
    padding:10px 12px;
    grid-template-columns:44px 118px 1fr;
  }
  .top-brand{
    width:118px;
  }
  .top-brand-mark{
    width:48px;
    height:36px;
    font-size:32px;
  }
  .top-brand-text{
    font-size:12px;
  }
  .side{
    position:fixed;
    width:min(78vw,248px);
    padding:92px 12px 18px;
  }
  .side-bottom-actions{
    position:absolute;
    left:11px;
    right:11px;
    bottom:30px;
    width:auto;
    margin-top:0;
  }
  .main{margin-left:0;padding:100px 12px 24px}
  .workspace{grid-template-columns:1fr}
  .tree{
    width:auto;
    min-width:0;
    max-width:none;
  }
  .admin-header{width:100%}
  .header-title{left:64px;right:64px;font-size:24px}
  .header-subtitle{left:54px;right:54px;font-size:10px;letter-spacing:2px}
  .logo-center{width:82px;height:82px;top:-56px;font-size:50px}
  .logo-left,.logo-right{width:36px;height:36px;font-size:24px}
  .grid-2,.logo-grid,.inline-form,.new-page-layout,
  .panel.home-picture-mode .page-workspace,
  #panel-header.active{grid-template-columns:1fr}
  .panel:not(.home-picture-mode) .page-workspace,
  .panel:not(.home-picture-mode) #pageList{grid-template-columns:1fr}
  .new-page-main,
  .new-page-side{grid-column:1}
  #headerTextCard,#headerSizeCard,#logoCard{grid-column:1}
}