body.editor-page,
    body.editor-page input,
    body.editor-page select,
    body.editor-page textarea,
    body.editor-page button,
    body.editor-page label,
    body.editor-page .small,
    body.editor-page .foot,
    body.editor-page h1,
    body.editor-page h2,
    body.editor-page h3,
    body.editor-page p{
      font-family:"Questrial",sans-serif;
    }
    body.editor-page nav,
    body.editor-page nav a{
      font-family:"Questrial",sans-serif;
      letter-spacing:.02em;
      font-size:20px;
    }
    body.editor-page .wrap,
    body.gallery-page .wrap{
      max-width:none;
      width:100%;
      margin:0;
      padding:20px 0;
      min-height:100vh;
    }
    .camera-stage{position:relative;border:1px solid #cbd5e1;border-radius:8px;padding:0;background:#0b1018;min-height:360px;display:grid;place-items:center;overflow:hidden}
    .camera-placeholder{position:absolute;inset:0;color:#f0e4db;text-align:center;display:grid;justify-items:center;align-content:end;gap:0;overflow:hidden}
    .placeholder-reel{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:0;
      border:0;
      box-shadow:none;
      opacity:.62;
      background:#0f172a;
      filter:grayscale(.08) saturate(1.02) brightness(.9) contrast(1.06) blur(.18px);
      animation:none;
      transform:none;
      transition:opacity .32s ease-out;
    }
    .camera-hidden{display:none !important}
    .hidden-canvas{display:none !important}
    .hidden-action{display:none !important}
    .mode-hidden{display:none !important}
    .editor-hidden-select{display:none !important}
    video,img#uploadPreview,canvas{max-width:100%;border-radius:6px}
    #cameraPreview{background:#071638}
    .overlay-preview{position:absolute;inset:8px;border-radius:6px;pointer-events:none}
    .overlay-preview.overlay-frame{border:2px solid rgba(15,118,110,.55)}
    .overlay-preview.overlay-crosshair::before,.overlay-preview.overlay-crosshair::after{content:"";position:absolute;background:rgba(15,118,110,.45)}
    .overlay-preview.overlay-crosshair::before{left:50%;top:0;bottom:0;width:2px;transform:translateX(-1px)}
    .overlay-preview.overlay-crosshair::after{top:50%;left:0;right:0;height:2px;transform:translateY(-1px)}
    .overlay-preview.overlay-sticker-layer{
      position:absolute;
      inset:8px;
      z-index:3;
      overflow:hidden;
      pointer-events:none;
    }
    .overlay-preview.overlay-sticker-layer .editor-preview-sticker-shell{
      position:absolute;
      transform:translate(-50%, -50%);
      transform-origin:center center;
      pointer-events:auto;
      cursor:grab;
      touch-action:none;
    }
    .overlay-preview.overlay-sticker-layer .editor-preview-sticker{
      display:block;
      width:100%;
      height:auto;
      max-width:none;
      object-fit:contain;
      filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));
      user-select:none;
      -webkit-user-drag:none;
      pointer-events:none;
    }
    .overlay-preview.overlay-sticker-layer.is-dragging-sticker .editor-preview-sticker-shell{
      cursor:grabbing;
    }
    .photo-list{display:grid;gap:10px}
    .photo-item{border:1px solid #dbeafe;border-radius:8px;padding:8px;background:#f8fafc}
    .gallery-photo{max-width:100%;display:block;border-radius:8px}
    body.editor-page{height:100vh;overflow:hidden}
    body.editor-page .wrap,
    body.gallery-page .wrap{
      position:relative;
    }
    body.editor-page .wrap{
      height:100vh;
      display:flex;
      flex-direction:column;
      min-height:0;
      padding:0;
    }
    body.editor-page{
      --landing-rail-text-size:16px;
      --editor-rail-control-height:40px;
      --editor-rail-top:27px;
      --editor-logout-right:-99px;
      --editor-logout-top:calc(var(--editor-rail-top) - 35px);
      --editor-style-top:calc(var(--board-debug-top, 120px) - 86px);
      --editor-style-size:72px;
      --editor-source-size:110px;
    }
    body.editor-page header,
    body.gallery-page header{
      position:absolute;
      top:var(--editor-rail-top);
      left:50%;
      transform:translateX(-50%);
      z-index:10;
      width:min(940px, calc(100% - 40px));
      margin:0;
      padding:0 4px;
      justify-content:flex-end;
    }
    body.editor-page header{
      display:none;
    }
    body.editor-page nav,
    body.gallery-page nav{
      margin-left:auto;
      gap:20px;
    }
    body.gallery-page nav.primary-nav{
      flex:1;
      justify-content:center;
      margin:0;
    }
    body.editor-page nav{
      transform:translateX(-22px);
    }
    body.editor-page nav a,
    body.gallery-page nav a{
      width:9ch;
      flex:0 0 9ch;
      text-align:center;
      text-decoration:none;
    }
    body.editor-page nav a:hover,
    body.editor-page nav a:focus-visible,
    body.gallery-page nav a:hover,
    body.gallery-page nav a:focus-visible{
      text-decoration:none;
    }
    body.editor-page nav a:hover .nav-label,
    body.editor-page nav a:focus-visible .nav-label,
    body.gallery-page nav a:hover .nav-label,
    body.gallery-page nav a:focus-visible .nav-label{
      letter-spacing:.2em;
    }
    .header-logout{
      display:inline-flex;
      align-items:center;
      justify-content:flex-end;
      margin:0;
    }
    body.editor-page .header-logout{
      margin:0;
    }
    body.gallery-page .header-logout{
      margin:0;
    }
    body.editor-page .header-logout-btn{
      white-space:nowrap;
      height:40px;
      width:98px;
      min-width:98px;
      padding:0 6px;
      display:inline-grid;
      place-items:center;
      box-sizing:border-box;
      border:1.5px solid transparent;
      border-radius:8px;
      font-family:"Questrial",sans-serif;
      font-size:20px;
      font-weight:700;
      letter-spacing:.02em;
      line-height:1;
      background:rgba(197,138,99,.1);
      color:rgba(197,138,99,.9);
    }
    body.gallery-page .header-logout-btn{
      white-space:nowrap;
      height:40px;
      width:98px;
      min-width:98px;
      padding:0 6px;
      display:inline-grid;
      place-items:center;
      box-sizing:border-box;
      border:1.5px solid transparent;
      border-radius:8px;
      font-family:"Questrial",sans-serif;
      font-size:20px;
      font-weight:700;
      letter-spacing:.02em;
      line-height:1;
      appearance:none;
      -webkit-appearance:none;
      transform:none;
      transition:none;
      background:rgba(197,138,99,.1);
      border:1px solid rgba(122,94,83,.34);
      box-shadow:0 10px 24px rgba(22,14,10,.16), inset 0 1px 4px rgba(0,0,0,.18);
      color:rgba(197,138,99,.9);
    }
    body.editor-page .foot{display:none}
    body.editor-page .editor-style-stack{display:grid;gap:10px}
    body.editor-page .editor-style-row{
      margin:0;
      justify-content:center;
      flex-wrap:nowrap;
      gap:8px;
    }
    body.editor-page .editor-style-row .editor-chip{
      min-width:0;
      flex:1 1 0;
      padding:0;
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      background:none;
      border:none;
      color:rgba(197,138,99,.9);
      gap:3px;
    }
    body.editor-page .editor-style-row .editor-chip.is-open{
      color:rgba(197,138,99,.9);
    }
    body.editor-page .editor-chip-label{
      font-family:"Questrial",sans-serif;
      font-size:16px;
      letter-spacing:.06em;
      text-transform:uppercase;
      line-height:1;
      white-space:nowrap;
    }
    body.editor-page .editor-chip-value{
      font-family:"Questrial",sans-serif;
      font-size:11px;
      line-height:1;
      color:#f0e4db;
      max-width:14ch;
      white-space:nowrap;
      overflow:hidden;
      text-overflow:ellipsis;
    }
    body.editor-page .editor-sticker-carousel{
      display:grid;
      grid-template-columns:30px minmax(0,1fr) 30px;
      align-items:center;
      gap:6px;
    }
    body.editor-page .editor-sticker-viewport{
      overflow-x:auto;
      overflow-y:hidden;
      height:124px;
      scrollbar-width:none;
      -ms-overflow-style:none;
      scroll-behavior:smooth;
    }
    body.editor-page .editor-sticker-viewport::-webkit-scrollbar{
      display:none;
    }
    body.editor-page .editor-sticker-nav{
      appearance:none;
      -webkit-appearance:none;
      width:30px;
      height:30px;
      display:grid;
      place-items:center;
      padding:0;
      border:1px solid rgba(122,94,83,.34);
      border-radius:999px;
      background:rgba(197,138,99,.08);
      color:#f0e4db;
      font-size:20px;
      line-height:1;
      cursor:pointer;
      position:relative;
      z-index:2;
    }
    body.editor-page .editor-sticker-nav:disabled{
      opacity:.32;
      cursor:default;
    }
    body.editor-page .editor-sticker-nav:hover,
    body.editor-page .editor-sticker-nav:focus-visible{
      border-color:rgba(197,138,99,.72);
      background:rgba(197,138,99,.16);
      outline:none;
    }
    body.editor-page .editor-sticker-nav:disabled:hover,
    body.editor-page .editor-sticker-nav:disabled:focus-visible{
      border-color:rgba(122,94,83,.34);
      background:rgba(197,138,99,.08);
    }
    body.editor-page .editor-sticker-library{
      display:grid;
      grid-auto-flow:column;
      grid-auto-columns:100%;
      gap:8px;
      align-items:stretch;
      min-width:100%;
    }
    body.editor-page .editor-sticker-page{
      display:grid;
      grid-template-columns:repeat(4, minmax(0, 1fr));
      gap:4px;
    }
    body.editor-page .editor-sticker-option{
      appearance:none;
      -webkit-appearance:none;
      width:100%;
      aspect-ratio:1 / 1;
      padding:2px;
      display:grid;
      place-items:center;
      border:1px solid rgba(122,94,83,.34);
      border-radius:8px;
      background:rgba(197,138,99,.08);
      box-shadow:0 8px 18px rgba(22,14,10,.12), inset 0 1px 2px rgba(255,255,255,.04);
      transition:border-color .18s ease, background-color .18s ease, box-shadow .18s ease, transform .18s ease;
      cursor:pointer;
      overflow:hidden;
    }
    body.editor-page .editor-sticker-option:hover,
    body.editor-page .editor-sticker-option:focus-visible{
      border-color:rgba(197,138,99,.72);
      background:rgba(197,138,99,.16);
      transform:translateY(-1px);
      outline:none;
    }
    body.editor-page .editor-sticker-option.is-selected{
      border-color:rgba(240,228,219,.92);
      background:rgba(197,138,99,.26);
      box-shadow:0 0 0 2px rgba(197,138,99,.42), 0 10px 22px rgba(22,14,10,.18);
    }
    body.editor-page .editor-sticker-option img{
      display:block;
      width:100%;
      height:100%;
      object-fit:contain;
      max-width:none;
      border-radius:6px;
      pointer-events:none;
    }
    body.editor-page .editor-sticker-active-list{
      list-style:none;
      margin:2px 0 0;
      padding:0;
      display:flex;
      flex-wrap:wrap;
      gap:6px;
    }
    body.editor-page .editor-style-overlay-meta{
      display:grid;
      gap:6px;
      margin-top:32px;
    }
    body.editor-page #styleOverlayPanel{
      padding-bottom:14px;
    }
    body.editor-page .editor-sticker-active-item{
      position:relative;
      display:grid;
      place-items:center;
      width:34px;
      height:34px;
      padding:2px;
      border:1px solid rgba(122,94,83,.28);
      border-radius:8px;
      background:rgba(255,255,255,.02);
    }
    body.editor-page .editor-sticker-active-item.is-active{
      border-color:rgba(240,228,219,.92);
      box-shadow:0 0 0 1px rgba(197,138,99,.42);
    }
    body.editor-page .editor-sticker-active-thumb{
      width:100%;
      height:100%;
      object-fit:contain;
      border-radius:6px;
      background:rgba(197,138,99,.08);
    }
    body.editor-page .editor-sticker-remove-btn{
      position:absolute;
      top:-6px;
      right:-6px;
      width:16px;
      height:16px;
      min-height:16px;
      padding:0;
      border-radius:999px;
      font-size:12px;
      line-height:1;
    }
    body.editor-page .editor-style-panel-deck{display:grid}
    body.editor-page .editor-style-panel{
      display:grid;
      grid-template-columns:minmax(0,1fr);
      gap:10px;
      padding:10px 12px 12px;
      border-radius:10px;
      background:rgba(23,18,18,.72);
      border:1px solid rgba(122,94,83,.16);
    }
    body.editor-page .editor-style-panel.mode-hidden{display:none !important}
    body.editor-page .editor-style-panel .field{margin:0}
    body.editor-page .editor-style-panel .field.style-strength{display:grid;gap:8px}
    body.editor-page .editor-mode-row{
      margin:0;
      padding-top:2px;
      justify-content:center;
    }
    body.editor-page .editor-mode-row button{padding:7px 10px}
    body.editor-page .editor-source-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
    body.editor-page .editor-source-row .mode-hidden{display:none !important}
    body.editor-page .camera-stage{
      min-height:0;
      height:100%;
      border:0;
      background:transparent;
      border-radius:0;
    }
    body.editor-page .editor-board-frame{
      position:relative;
      min-height:var(--hero-board-min-height);
      display:grid;
      place-items:center;
      padding:var(--hero-board-padding);
      border-radius:12px;
      overflow:hidden;
      background:#050505;
    }
    body.editor-page .editor-board-header{
      position:absolute;
      top:14px;
      left:18px;
      right:18px;
      z-index:2;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      color:var(--muted);
      font-size:11px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-side-card{
      display:flex;
      flex-direction:column;
      min-height:0;
      overflow:hidden;
      width:min(640px, 100%);
      justify-self:center;
      order:3;
    }
    body.editor-page .editor-side-card h3,
    body.editor-page .editor-panel-card h3,
    body.editor-page .editor-support-form h3{
      margin:0 0 10px;
      font-size:14px;
      letter-spacing:.06em;
      text-transform:uppercase;
      color:#f0e4db;
    }
    body.editor-page .editor-panel-note{
      font-size:12px;
      line-height:1.45;
      color:#f0e4db;
      margin:0 0 12px;
    }
    body.editor-page .editor-side-list{
      display:grid;
      gap:10px;
      min-height:0;
      overflow:auto;
      padding-right:6px;
    }
    body.editor-page .photo-list{
      flex:1;
      min-height:0;
      overflow:auto;
      padding-right:6px;
      scrollbar-gutter:stable;
      scrollbar-width:auto;
      scrollbar-color:#6d809f rgba(148,163,184,.16);
    }
    body.editor-page .photo-list::-webkit-scrollbar{width:14px}
    body.editor-page .photo-list::-webkit-scrollbar-track{
      background:rgba(148,163,184,.16);
      border-radius:8px;
    }
    body.editor-page .photo-list::-webkit-scrollbar-thumb{
      background:linear-gradient(180deg,#8a9ab2 0%,#5f7394 100%);
      border-radius:8px;
      border:3px solid rgba(148,163,184,.16);
      background-clip:padding-box;
      box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);
    }
    body.editor-page .photo-list::-webkit-scrollbar-thumb:hover{
      background:linear-gradient(180deg,#7d8faa 0%,#4f6589 100%);
      border:3px solid rgba(148,163,184,.16);
      background-clip:padding-box;
    }
    body.editor-page .photo-item{background:var(--card)}
    body.editor-page .app-stack .landing-board,
    body.gallery-page .app-stack .landing-board{
      width:100%;
      max-width:none;
      margin-inline:auto;
      position:relative;
      z-index:1;
    }
    body.editor-page .editor-board-shell{
      width:100%;
      height:100%;
      max-width:none;
      margin-inline:auto;
      position:relative;
    }
    body.editor-page .editor-persistent-board{
      overflow:hidden;
      height:100%;
      min-height:0;
      transform:none;
      background:transparent;
      box-shadow:none;
    }
    body.editor-page .editor-persistent-board::before{
      display:none;
    }
    body.editor-page .editor-persistent-board .camera-stage{
      position:absolute;
      inset:0;
      z-index:2;
      min-height:0;
      height:auto;
      border:0;
      border-radius:0;
      background:transparent;
      overflow:hidden;
    }
    body.editor-page .editor-persistent-board #cameraPreview,
    body.editor-page .editor-persistent-board #uploadPreview,
    body.editor-page .editor-persistent-board #cameraCanvas{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center;
      z-index:2;
      border-radius:0;
      display:block;
    }
    body.editor-page .editor-persistent-board #cameraPreview{
      object-fit:cover;
    }
    body.editor-page .editor-persistent-board .overlay-preview{
      inset:0;
      border-radius:0;
    }
    body.editor-page .editor-persistent-board .editor-board-header{
      position:absolute;
      top:14px;
      left:18px;
      right:18px;
      z-index:3;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      color:var(--muted);
      font-size:11px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-persistent-board .editor-board-header:empty{
      display:none;
    }
    body.editor-page .editor-persistent-board .editor-board-actions{
      position:absolute;
      left:18px;
      right:18px;
      bottom:14px;
      z-index:3;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
      align-items:center;
      justify-content:center;
    }
    body.gallery-page .gallery-persistent-board{
      padding:0;
      display:block;
      background:transparent;
      box-shadow:none;
    }
    body.gallery-page .gallery-persistent-board .gallery-photo{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:contain;
      border-radius:0;
      display:block;
    }
    body.gallery-page .gallery-persistent-board .gallery-board-nav{
      position:absolute;
      inset:0;
      z-index:2;
      pointer-events:none;
    }
    body.editor-page .editor-support-form{
      display:block;
      min-width:0;
      padding:10px;
    }
    body.editor-page .editor-style-panel{
      padding:9px 10px 10px;
    }
    body.editor-page .editor-mode-row{
      justify-content:stretch;
      gap:8px;
      flex-wrap:wrap;
    }
    body.editor-page .editor-mode-row button{
      flex:1 1 calc(50% - 8px);
      min-width:0;
      padding:7px 9px;
    }
    body.editor-page .editor-source-row{
      grid-template-columns:1fr;
      gap:8px;
    }
    body.editor-page .editor-source-row .row{
      justify-content:stretch;
    }
    body.editor-page .editor-source-row .row button{
      flex:1 1 0;
      min-width:0;
    }
    body.editor-page .editor-style-row{
      flex-direction:column;
      align-items:stretch;
      gap:8px;
    }
    body.editor-page .editor-style-row .editor-chip{
      width:100%;
      justify-items:start;
      text-align:left;
      padding:9px 10px;
      border-radius:10px;
    }
    body.editor-page .editor-chip-value{
      max-width:none;
    }
    /* 2026 app-shell reset: internal pages use a single responsive flow instead of viewport-fixed rails. */
    body.account-page,
    body.editor-page,
    body.gallery-page{
      --app-page-gutter:clamp(18px, 2.8vw, 40px);
      --app-shell-max-width:1360px;
      --app-shell-narrow-max-width:1120px;
      --app-side-column-width:clamp(300px, 26vw, 360px);
      --app-panel-gap:24px;
      --app-toolbar-gap:12px;
      --app-toolbar-button-min-width:clamp(132px, 11vw, 160px);
      height:auto;
      min-height:100vh;
      overflow:auto;
    }
    body.account-page .wrap,
    body.editor-page .wrap,
    body.gallery-page .wrap{
      max-width:none;
      width:100%;
      min-height:100vh;
      margin:0;
      padding:24px var(--app-page-gutter) 48px;
      display:block;
      height:auto;
    }
    body.account-page header,
    body.gallery-page header{
      position:static;
      inset:auto;
      transform:none;
      width:min(var(--app-shell-max-width), 100%);
      margin:0 auto 20px;
      padding:0;
      justify-content:flex-end;
    }
    body.account-page nav,
    body.gallery-page nav{
      margin-left:auto;
      transform:none;
      gap:18px;
    }
    body.account-page nav a,
    body.gallery-page nav a{
      width:auto;
      flex:0 0 auto;
    }
    body.account-page .header-logout,
    body.gallery-page .header-logout{
      margin-left:12px;
    }

    body.account-page .account-app-shell{
      width:min(var(--app-shell-narrow-max-width), 100%);
      margin:0 auto;
      display:grid;
      grid-template-columns:repeat(2, minmax(0, 1fr));
      gap:var(--app-panel-gap);
      align-items:start;
    }
    body.account-page .account-card{
      border-radius:18px;
      padding:24px;
      background:rgba(20,15,14,.82);
      border:1px solid rgba(122,94,83,.24);
      box-shadow:none;
    }
    body.account-page .account-danger-card{
      border-color:rgba(181,28,28,.24);
      background:rgba(38,18,18,.82);
    }
    body.account-page .account-card-note{
      margin:0 0 18px;
      color:#f0e4db;
      line-height:1.5;
      max-width:42ch;
    }
    body.account-page .account-form{
      display:grid;
      gap:14px;
    }
    body.account-page .account-form .field{
      max-width:none;
      margin:0;
    }
    body.account-page .account-form input,
    body.account-page .account-form select,
    body.account-page .account-form textarea{
      background:rgba(16,12,12,.88);
      color:#f0e4db;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
    }
    body.account-page .account-form input::placeholder,
    body.account-page .account-form textarea::placeholder{
      color:#f0e4db;
    }
    body.account-page .account-form-actions{
      display:flex;
      justify-content:flex-start;
      gap:12px;
      padding-top:4px;
    }
    body.account-page .account-form button{
      min-height:48px;
      border-radius:8px;
      border:1px solid rgba(122,94,83,.24);
      background:rgba(20,15,14,.82);
      color:#f0e4db;
      box-shadow:none;
    }
    body.account-page .account-form button:hover,
    body.account-page .account-form button:focus-visible{
      border-color:rgba(197,138,99,.14);
      background:rgba(38,28,24,.72);
    }
    body.account-page .account-danger-card button,
    body.account-page .account-form button.danger{
      border-color:rgba(181,28,28,.24);
      background:rgba(38,18,18,.82);
      color:#f3d7d4;
    }

    body.editor-page .editor-pageview-grid,
    body.editor-page .app-stack::before{
      display:none;
    }

    body.editor-page .editor-app-shell{
      width:min(var(--app-shell-max-width), 100%);
      margin:0 auto;
      display:grid;
      gap:var(--app-panel-gap);
      padding:0;
      position:relative;
    }
    body.editor-page .editor-command-strip{
      display:flex;
      justify-content:flex-end;
      align-items:stretch;
      flex-wrap:wrap;
      gap:var(--app-toolbar-gap);
    }
    body.editor-page .editor-command-strip > *{
      flex:0 0 auto;
      max-width:100%;
    }
    body.editor-page .editor-workspace-grid{
      display:grid;
      grid-template-columns:minmax(0, 1.55fr) minmax(300px, var(--app-side-column-width));
      gap:var(--app-panel-gap);
      align-items:start;
    }
    body.editor-page .editor-stage-column,
    body.editor-page .editor-side-column{
      min-width:0;
    }
    body.editor-page .editor-side-column{
      width:100%;
      justify-self:stretch;
    }
    body.editor-page .editor-stage-intro{
      display:grid;
      gap:6px;
      margin-bottom:14px;
    }
    body.editor-page .editor-stage-intro h2{
      margin:0;
      color:#f0e4db;
      font-size:16px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-stage-note{
      margin:0;
      color:#f0e4db;
      line-height:1.5;
      max-width:54ch;
    }
    body.editor-page .editor-board-mode-switch{
      display:inline-flex;
      align-items:center;
      gap:8px;
      width:fit-content;
      padding:6px;
      border-radius:999px;
      background:rgba(14,12,12,.78);
      border:1px solid rgba(122,94,83,.34);
      box-shadow:inset 0 1px 3px rgba(255,255,255,.04);
    }
    body.editor-page .editor-board-mode-btn{
      min-height:34px;
      padding:0 14px;
      border-radius:999px;
      border:1px solid transparent;
      background:transparent;
      color:#f0e4db;
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-board-mode-btn.is-active{
      background:rgba(69,36,30,.62);
      border-color:rgba(197,138,99,.28);
      color:#f0e4db;
    }
    body.editor-page .editor-side-column{
      display:grid;
      gap:16px;
      align-content:start;
    }
    body.editor-page .editor-source-card,
    body.editor-page .editor-style-bar{
      position:relative;
      inset:auto;
      top:auto;
      right:auto;
      bottom:auto;
      left:auto;
      width:100%;
      height:auto;
      min-width:0;
      border-radius:18px;
      padding:20px;
      background:rgba(20,16,16,.88);
      border:1px solid rgba(122,94,83,.44);
      box-shadow:0 18px 44px rgba(0,0,0,.18);
      z-index:auto;
    }
    body.editor-page .editor-source-card-head,
    body.editor-page .editor-style-card-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
      margin-bottom:16px;
    }
    body.editor-page .editor-source-card h3,
    body.editor-page .editor-style-bar h3{
      margin:0 0 6px;
      color:#f0e4db;
      font-size:14px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-source-card .editor-panel-note,
    body.editor-page .editor-style-bar .editor-panel-note{
      margin:0;
      color:#f0e4db;
      line-height:1.45;
    }
    body.editor-page .editor-role-tags{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin-top:10px;
    }
    body.editor-page .editor-role-tag{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:24px;
      padding:0 10px;
      border-radius:999px;
      background:rgba(69,36,30,.48);
      border:1px solid rgba(197,138,99,.24);
      color:#f0e4db;
      font-size:11px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-source-form{
      display:grid;
      gap:16px;
    }
    body.editor-page .editor-source-form .field{
      max-width:none;
      margin:0;
    }
    body.editor-page .editor-source-form .field label,
    body.editor-page .editor-style-panel label{
      color:#c58a63;
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      line-height:1;
      text-transform:uppercase;
    }
    body.editor-page .editor-mode-row{
      display:flex;
      flex-wrap:wrap;
      gap:10px;
      margin:0;
    }
    body.editor-page .editor-mode-row button{
      flex:1 1 calc(33.333% - 10px);
      min-width:0;
      padding:10px 12px;
      border:1px solid #f0e4db;
      border-radius:12px;
      background:rgba(38,28,24,.58);
      color:#f0e4db;
    }
    body.editor-page .editor-mode-row button.mode-active{
      background:rgba(38,28,24,.72);
      border-color:rgba(197,138,99,.24);
      color:#f0e4db;
    }
    body.editor-page .editor-source-panel{
      display:grid;
      gap:12px;
    }
    body.editor-page .editor-source-panel.mode-hidden{
      display:none !important;
    }
    body.editor-page .editor-source-panel .row{
      justify-content:flex-start;
    }
    body.editor-page .editor-source-panel .small{
      margin:0;
    }
    body.editor-page .editor-side-toggle-source,
    body.editor-page .editor-style-bar-toggle{
      position:static;
      inset:auto;
      top:auto;
      right:auto;
      bottom:auto;
      left:auto;
      width:auto;
      height:42px;
      min-width:0;
      padding:0 14px;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      background:rgba(28,20,16,.82);
      border:1px solid rgba(122,94,83,.28);
      border-radius:12px;
      box-shadow:none;
    }
    body.editor-page .editor-side-toggle-source::before{
      content:none;
    }
    body.editor-page .editor-style-symbol,
    body.editor-page .editor-source-symbol{
      width:18px;
      height:auto;
      display:block;
    }
    body.editor-page .editor-side-toggle .editor-side-toggle-label{
      position:static;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      color:inherit;
      opacity:1;
      visibility:visible;
      transform:none;
    }
    body.editor-page .editor-style-label{
      position:static;
      display:inline-flex;
      opacity:1;
      visibility:visible;
      transform:none;
      padding:0;
      border:0;
      background:none;
      box-shadow:none;
      color:rgba(197,138,99,.9);
      font-size:14px;
      font-weight:700;
      line-height:1;
    }
    body.editor-page .editor-toggle-copy{
      color:rgba(197,138,99,.9);
      font-size:14px;
      font-weight:700;
      line-height:1;
    }
    body.editor-page .editor-style-bar-toggle:hover,
    body.editor-page .editor-style-bar-toggle:focus-visible,
    body.editor-page .editor-side-toggle-source:hover,
    body.editor-page .editor-side-toggle-source:focus-visible{
      transform:none;
    }
    body.editor-page .editor-side-card{
      display:block;
      position:static;
      inset:auto;
      width:100%;
      max-width:none;
      height:auto;
      margin:0;
      padding:0;
      border:0;
      background:none;
      box-shadow:none;
      overflow:visible;
      opacity:1;
      visibility:visible;
      pointer-events:auto;
      transform:none;
    }
    body.editor-page .editor-style-stack{
      display:grid;
      gap:10px;
    }
    body.editor-page .editor-style-row{
      display:grid;
      gap:10px;
      margin:0;
    }
    body.editor-page .editor-chip{
      width:100%;
      padding:12px 14px;
      display:grid;
      gap:4px;
      justify-items:start;
      text-align:left;
      border:1px solid rgba(122,94,83,.38);
      border-radius:14px;
      background:rgba(38,28,24,.56);
      color:#f0e4db;
    }
    body.editor-page .editor-chip.is-open{
      border-color:rgba(197,138,99,.42);
      background:rgba(78,50,36,.58);
    }
    body.editor-page .editor-chip-value{
      max-width:none;
      color:#f0e4db;
    }
    body.editor-page .editor-style-panel-deck{
      display:grid;
      position:static;
      inset:auto;
      width:100%;
      gap:12px;
      margin-top:16px;
      padding:0;
      background:none;
      border:0;
      box-shadow:none;
      z-index:auto;
    }
    body.editor-page .editor-style-panel{
      padding:12px;
      border-radius:12px;
      background:rgba(14,12,12,.58);
      border:1px solid rgba(122,94,83,.28);
    }
    body.editor-page .editor-style-panel.mode-hidden{
      display:none !important;
    }
    body.editor-page .editor-stage-column .app-stack{
      display:block;
      width:100%;
      height:auto;
      max-width:none;
    }
    body.editor-page .editor-persistent-board{
      position:relative;
      width:100%;
      min-height:min(74vh, 820px);
      aspect-ratio:24 / 16;
      overflow:hidden;
      border-radius:24px;
      background:#050505;
      border:1px solid rgba(122,94,83,.42);
      box-shadow:0 24px 64px rgba(0,0,0,.28);
      transform:none;
    }
    body.editor-page .editor-persistent-board .camera-stage{
      --editor-board-col-step:calc(100% / 24);
      --editor-board-row-step:calc(100% / 16);
      --editor-board-rhythm-color:rgba(236,228,222,.3);
      --editor-board-operational-opacity:.92;
      --editor-board-operational-opacity-loaded:.92;
      position:absolute;
      inset:0;
      z-index:1;
      background:#050505;
    }
    body.editor-page .editor-board-grid{
      position:absolute;
      inset:0;
      pointer-events:none;
      z-index:3;
      opacity:0;
      transition:opacity .18s ease;
      mix-blend-mode:screen;
    }
    body.editor-page .editor-persistent-board[data-board-mode="editorial"] .editor-board-grid-editorial{
      opacity:.82;
    }
    body.editor-page[data-editor-phase="loaded"] .editor-persistent-board[data-board-mode="editorial"] .editor-board-grid-editorial{
      opacity:.24;
      z-index:1;
    }
    body.editor-page .editor-board-grid::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        repeating-linear-gradient(90deg, rgba(226,212,202,.15) 0 1px, transparent 1px var(--editor-board-col-step)),
        repeating-linear-gradient(180deg, rgba(226,212,202,.15) 0 1px, transparent 1px var(--editor-board-row-step));
      border-right:1px solid rgba(226,212,202,.15);
      border-bottom:1px solid rgba(226,212,202,.15);
    }
    body.editor-page .editor-board-grid::after{
      content:none;
    }
    body.editor-page .editor-board-grid-operational{
      z-index:1;
      mix-blend-mode:normal;
    }
    body.editor-page .editor-board-grid-operational::before{
      content:none;
    }
    body.editor-page .editor-board-grid-frame{
      position:absolute;
      inset:0;
      border:1px solid var(--editor-board-rhythm-color);
      opacity:1;
    }
    body.editor-page .editor-board-grid-operational .editor-board-grid-frame{
      border-color:rgba(236,228,222,.22);
    }
    body.editor-page .editor-persistent-board[data-board-mode="operational"] .editor-board-grid-operational{
      opacity:var(--editor-board-operational-opacity);
    }
    body.editor-page[data-editor-phase="loaded"] .editor-persistent-board[data-board-mode="operational"] .editor-board-grid-operational{
      opacity:var(--editor-board-operational-opacity-loaded);
      z-index:1;
    }
    body.editor-page .editor-board-scan-layer{
      position:absolute;
      inset:0;
      pointer-events:none;
      z-index:3;
      opacity:0;
      transition:opacity .18s ease;
      background:url("/assets/editor-board-scan-overlay.png") center / 100% 100% no-repeat;
    }
    body.editor-page .editor-persistent-board[data-board-mode="operational"] .editor-board-scan-layer{
      opacity:var(--editor-board-operational-opacity);
    }
    body.editor-page[data-editor-phase="loaded"] .editor-persistent-board[data-board-mode="operational"] .editor-board-scan-layer{
      opacity:var(--editor-board-operational-opacity-loaded);
      z-index:1;
    }
    body.editor-page .camera-placeholder{
      background:
        radial-gradient(circle at 50% 32%, rgba(185,160,168,.14), transparent 22%),
        linear-gradient(180deg, rgba(37,29,29,.92) 0%, rgba(10,10,10,.98) 100%);
    }
    body.editor-page .camera-placeholder::before{
      content:"";
      position:absolute;
      left:50%;
      top:46%;
      transform:translate(-50%, -50%);
      width:min(28ch, calc(100% - 48px));
      text-align:center;
      font-size:14px;
      letter-spacing:.08em;
      text-transform:uppercase;
      line-height:1.45;
      color:#f0e4db;
    }
    body.editor-page .camera-placeholder::after{
      content:"Objects here: preview, overlay, status, actions.";
      position:absolute;
      left:50%;
      top:calc(46% + 54px);
      transform:translateX(-50%);
      width:min(30ch, calc(100% - 48px));
      text-align:center;
      font-size:12px;
      line-height:1.5;
      color:#f0e4db;
    }
    body.editor-page .editor-board-kicker{
      display:inline-flex;
      align-items:center;
      min-height:24px;
      padding:0 10px;
      border-radius:999px;
      background:rgba(10,8,16,.76);
      border:1px solid rgba(160,130,108,.24);
      color:#f0e4db;
      font-size:10px;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    body.editor-page .editor-board-header{
      z-index:3;
    }
    body.editor-page .editor-board-header{
      align-items:flex-start;
    }
    body.editor-page #taskBusy.editor-task-busy{
      position:absolute;
      left:50%;
      bottom:22px;
      top:auto;
      z-index:4;
      transform:translateX(-50%);
      display:grid;
      place-items:center;
      min-width:min(68vw, 360px);
      max-width:min(78vw, 520px);
      padding:14px 18px;
      border-radius:12px;
      background:rgba(10,8,16,.86);
      border:1px solid rgba(160,130,108,.24);
      color:#f0e4db;
      font-size:clamp(16px, 1.7vw, 22px);
      line-height:1.2;
      letter-spacing:.01em;
      text-align:center;
    }
    body.editor-page .editor-actions-panel{
      display:grid;
      gap:10px;
    }
    body.editor-page .editor-actions-panel button{
      width:100%;
      min-height:52px;
      justify-content:center;
    }
    body.editor-page #finalSaveSlot{
      display:grid;
    }
    body.editor-page #finalSaveSlot button{
      width:100%;
    }
    body.editor-page .editor-objects-card{
      display:grid;
      gap:14px;
    }
    body.editor-page .editor-objects-card h3{
      margin:0;
      color:#f0e4db;
      font-size:14px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-objects-list{
      display:grid;
      gap:12px;
    }
    body.editor-page .editor-object-item{
      display:grid;
      gap:4px;
      padding:12px 14px;
      border-radius:14px;
      background:rgba(38,28,24,.54);
      border:1px solid rgba(122,94,83,.32);
    }
    body.editor-page .editor-object-item h4{
      margin:0;
      color:#f0e4db;
      font-size:12px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-object-item p{
      margin:0;
      color:#f0e4db;
      line-height:1.5;
      font-size:13px;
    }
    body.editor-page,
    body.gallery-page{
      background:#000;
    }
    body.editor-page .wrap,
    body.gallery-page .wrap{
      background:#000;
    }
    body.editor-page{
      --editor-frame-edge:clamp(12px, 1.8vw, 24px);
      --editor-frame-top:clamp(10px, 2.4svh, 24px);
      --editor-frame-bottom:clamp(10px, 2.4svh, 24px);
      --editor-board-width:1440px;
      --editor-board-height:960px;
      --editor-side-frame-width:clamp(212px, 14vw, 248px);
      --editor-landing-login-barycenter-y:calc(
        var(--editor-computed-top) +
        (var(--editor-frame-scale) * (180px + ((420px * 0.9) / 2)))
      );
      --editor-input-block-barycenter-height:186px;
      --editor-planche-top-align:max(
        18px,
        calc(var(--editor-landing-login-barycenter-y) - var(--editor-frame-top) - (var(--editor-input-block-barycenter-height) / 2))
      );
      --editor-frame-scale:min(
        1,
        calc((100vw - (var(--editor-frame-edge) * 2) - var(--editor-side-frame-width)) / var(--editor-board-width)),
        calc((100svh - var(--editor-frame-top) - var(--editor-frame-bottom)) / var(--editor-board-height))
      );
      --editor-computed-top:max(
        0px,
        calc((100svh - var(--editor-frame-top) - var(--editor-frame-bottom) - var(--editor-frame-scale) * var(--editor-board-height)) / 2)
      );
      --editor-frame-radius:24px;
      --editor-planche-radius:20px;
      overflow:hidden;
    }
    body.editor-page .wrap{
      height:100vh;
      height:100svh;
      min-height:100vh;
      min-height:100svh;
      overflow:hidden;
    }
    body.editor-page .editor-app-shell{
      position:fixed;
      inset:0;
      background:#000;
    }
    body.editor-page .editor-frame-layout{
      position:relative;
    }
    body.editor-page .editor-main-frame{
      position:fixed;
      top:var(--editor-frame-top);
      bottom:var(--editor-frame-bottom);
      left:var(--editor-frame-edge);
      width:calc(var(--editor-frame-scale) * var(--editor-board-width));
      background:#050505;
      overflow:hidden;
      z-index:5;
    }
    body.editor-page .editor-main-frame-head{
      display:none;
    }
    body.editor-page .editor-stage-intro{
      margin:0;
      gap:8px;
    }
    body.editor-page .editor-stage-intro h2{
      margin:0;
      color:#f0e4db;
      font-size:18px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-stage-note{
      max-width:58ch;
      margin:0;
    }
    body.editor-page .editor-frame-kicker,
    body.editor-page .editor-planche-kicker{
      width:fit-content;
      display:inline-flex;
      align-items:center;
      min-height:24px;
      padding:0 10px;
      border-radius:999px;
      background:rgba(10,8,16,.76);
      border:1px solid rgba(160,130,108,.24);
      color:#f0e4db;
      font-size:10px;
      letter-spacing:.14em;
      text-transform:uppercase;
    }
    body.editor-page .editor-board-shell{
      min-width:0;
      min-height:0;
      display:grid;
    }
    body.editor-page .editor-persistent-board{
      position:absolute;
      top:var(--editor-computed-top);
      left:0;
      width:calc(var(--editor-frame-scale) * var(--editor-board-width));
      height:calc(var(--editor-frame-scale) * var(--editor-board-height));
      transform:none;
      background:#050505;
      overflow:hidden;
    }
    body.editor-page .camera-placeholder{
      z-index:0;
      background:
        radial-gradient(circle at 50% 28%, rgba(185,160,168,.18), transparent 24%),
        linear-gradient(180deg, rgba(37,29,29,.38) 0%, rgba(10,10,10,.72) 100%);
    }
    body.editor-page .camera-placeholder::before,
    body.editor-page .camera-placeholder::after{
      z-index:1;
    }
    body.editor-page .editor-persistent-board .overlay-preview{
      z-index:3;
    }
    body.editor-page .editor-board-header,
    body.editor-page .editor-board-actions{
      z-index:4;
    }
    body.editor-page .editor-side-frame{
      position:fixed;
      top:var(--editor-frame-top);
      bottom:var(--editor-frame-bottom);
      left:calc(var(--editor-frame-edge) + var(--editor-frame-scale) * var(--editor-board-width));
      right:var(--editor-frame-edge);
      min-width:var(--editor-side-frame-width);
      z-index:12;
    }
    body.editor-page .editor-planche{
      width:100%;
      height:100%;
      display:grid;
      grid-template-rows:auto 1fr;
      align-content:start;
      gap:12px;
      padding:12px;
      background:rgba(2,2,2,.8);
      border:1px solid rgba(122,94,83,.26);
      border-left:0;
      border-radius:0;
      box-shadow:none;
      overflow:hidden;
    }
    body.editor-page .editor-planche-head{
      display:grid;
      gap:6px;
      align-content:start;
    }
    body.editor-page .editor-planche-note{
      margin:0;
      color:#f0e4db;
      line-height:1.5;
    }
    body.editor-page .editor-planche-nav{
      display:grid;
      gap:10px;
    }
    body.editor-page .editor-planche-nav-form{
      margin:0;
    }
    body.editor-page .editor-planche-action{
      width:100%;
      min-height:54px;
      padding:0 14px;
      display:flex;
      align-items:center;
      gap:12px;
      text-decoration:none;
      border-radius:0;
      background:rgba(16,11,9,.9);
      border:1px solid rgba(160,130,108,.24);
      box-shadow:none;
      color:rgba(197,138,99,.9);
    }
    body.editor-page .editor-planche-action-icon{
      width:22px;
      height:22px;
      display:grid;
      place-items:center;
      flex:0 0 22px;
    }
    body.editor-page .editor-planche-action-icon img{
      width:22px;
      height:auto;
      display:block;
    }
    body.editor-page .editor-planche-action-copy{
      color:rgba(197,138,99,.9);
      font-family:"Questrial",sans-serif;
      font-size:14px;
      font-weight:700;
      line-height:1;
      letter-spacing:.06em;
      text-transform:uppercase;
    }
    body.editor-page .editor-planche-stack{
      display:grid;
      gap:10px;
      align-content:start;
    }
    body.editor-page .editor-planche-toggle{
      width:100%;
      padding:14px;
      display:grid;
      gap:4px;
      justify-items:start;
      text-align:left;
      border-radius:16px;
      border:1px solid rgba(122,94,83,.34);
      background:rgba(26,18,14,.84);
      color:#f0e4db;
      box-shadow:inset 0 1px 3px rgba(255,255,255,.03);
    }
    body.editor-page .editor-planche-toggle.is-open{
      border-color:rgba(197,138,99,.34);
      background:rgba(60,38,28,.92);
    }
    body.editor-page .editor-planche-toggle[disabled],
    body.editor-page .editor-planche-toggle[aria-disabled="true"]{
      opacity:.45;
      cursor:not-allowed;
    }
    body.editor-page .editor-planche-toggle-copy{
      font-size:14px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      line-height:1;
    }
    body.editor-page .editor-planche-toggle-meta{
      color:#f0e4db;
      font-size:12px;
      line-height:1.45;
    }
    body.editor-page .editor-planche-panel{
      display:none;
      gap:14px;
      padding:14px;
      border-radius:18px;
      background:rgba(24,18,14,.88);
      border:1px solid rgba(122,94,83,.28);
      box-shadow:inset 0 1px 4px rgba(255,255,255,.02);
    }
    body.editor-page .editor-app-shell[data-planche-panel="source"] .editor-planche-panel-source,
    body.editor-page .editor-app-shell[data-planche-panel="style"] .editor-planche-panel-style,
    body.editor-page .editor-app-shell[data-planche-panel="board"] .editor-planche-panel-board{
      display:grid;
    }
    body.editor-page .editor-planche-panel.editor-planche-panel-pinned{
      display:grid;
    }
    body.editor-page .editor-planche-section-head{
      display:grid;
      gap:6px;
    }
    body.editor-page .editor-planche-section-head h3{
      margin:0;
      color:#f0e4db;
      font-size:14px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.editor-page .editor-planche .editor-source-form{
      display:grid;
      gap:14px;
    }
    body.editor-page .editor-planche .editor-mode-row{
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
      margin:0;
      padding-top:0;
    }
    body.editor-page .editor-planche .editor-mode-row button{
      width:100%;
      flex:0 0 auto;
      padding:12px 14px;
    }
    body.editor-page .editor-planche .editor-source-panel{
      display:grid;
      gap:12px;
    }
    body.editor-page .editor-planche .editor-source-panel .row{
      display:grid;
      grid-template-columns:1fr;
      gap:10px;
      margin:0;
    }
    body.editor-page .editor-app-shell.is-source-collapsed #editorSourceHeading,
    body.editor-page .editor-app-shell.is-source-collapsed #editorSourcePanel{
      display:none;
    }
    body.editor-page .editor-planche .editor-style-stack{
      display:grid;
      gap:10px;
    }
    body.editor-page .editor-planche .editor-style-row{
      display:grid;
      gap:10px;
      margin:0;
    }
    body.editor-page .editor-planche .editor-style-row.editor-style-tabs{
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:0;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      overflow:hidden;
      background:rgba(20,15,14,.82);
    }
    body.editor-page .editor-planche .editor-style-row.editor-style-tabs .editor-chip{
      min-height:46px;
      border:0;
      border-right:1px solid rgba(122,94,83,.24);
      border-radius:0;
      background:transparent;
      padding:10px 8px;
      justify-items:center;
      text-align:center;
    }
    body.editor-page .editor-planche .editor-style-row.editor-style-tabs .editor-chip:last-child{
      border-right:0;
    }
    body.editor-page .editor-planche .editor-style-row.editor-style-tabs .editor-chip.is-open{
      background:rgba(38,28,24,.72);
    }
    body.editor-page .editor-planche .editor-chip{
      width:100%;
      padding:12px 14px;
      display:grid;
      gap:4px;
      justify-items:start;
      text-align:left;
      border:1px solid rgba(122,94,83,.38);
      border-radius:14px;
      background:rgba(38,28,24,.56);
      color:#f0e4db;
    }
    body.editor-page .editor-planche .editor-style-panel-deck{
      margin-top:0;
      display:grid;
      gap:12px;
    }
    body.editor-page .editor-planche .editor-style-panel{
      padding:7px;
      border-radius:12px;
      background:rgba(11,10,10,.64);
      border:1px solid rgba(122,94,83,.26);
    }
    body.editor-page .editor-planche .editor-board-mode-switch{
      width:100%;
      display:grid;
      gap:8px;
      padding:8px;
      border-radius:18px;
      background:rgba(14,12,12,.78);
      border:1px solid rgba(122,94,83,.32);
    }
    body.editor-page .editor-planche .editor-board-mode-btn{
      width:100%;
      min-height:38px;
      justify-self:stretch;
      border-radius:10px;
    }
    body.editor-page{
      overflow:hidden;
    }
    body.editor-page .wrap{
      height:100vh;
      height:100svh;
      overflow:hidden;
      padding:0;
    }
    body.editor-page .editor-app-shell{
      overflow:hidden;
    }
    body.editor-page .editor-frame-layout{
      min-height:0;
    }
    body.editor-page .editor-main-frame{
      padding:0;
      overflow:hidden;
      background:#050505;
    }
    body.editor-page .editor-main-frame-head{
      position:absolute;
      top:18px;
      left:18px;
      z-index:5;
      width:min(420px, calc(100% - 36px));
      pointer-events:none;
      gap:6px;
    }
    body.editor-page .editor-stage-intro{
      display:grid;
      gap:6px;
    }
    body.editor-page .editor-stage-intro h2{
      font-size:16px;
    }
    body.editor-page .editor-stage-note{
      font-size:13px;
      line-height:1.45;
      color:#f0e4db;
    }
    body.editor-page .editor-board-shell{
      position:absolute;
      inset:0;
      display:grid;
      align-items:start;
      justify-items:start;
    }
    body.editor-page .editor-persistent-board{
      border:0;
      border-radius:0;
      box-shadow:none;
    }
    body.editor-page .editor-board-header{
      top:14px;
      left:14px;
      right:14px;
      width:auto;
      max-width:none;
      justify-content:flex-end;
      text-align:right;
    }
    body.editor-page .editor-actions-panel button,
  body.editor-page #previewStyledBtn{
      min-height:48px;
      padding:12px 16px;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      background:rgba(20,15,14,.82);
      color:#f0e4db;
      box-shadow:none;
  }

  body.editor-page .editor-local-ai-panel{
    display:grid;
    gap:8px;
    margin-top:14px;
    padding:12px;
    border:1px solid rgba(184,148,73,.45);
    border-radius:8px;
    background:rgba(184,148,73,.06);
  }
  body.editor-page .editor-local-ai-heading{
    display:flex;
    align-items:baseline;
    justify-content:space-between;
    gap:12px;
  }
  body.editor-page .editor-local-ai-heading h4{margin:0}
  body.editor-page .editor-local-ai-controls{display:grid;gap:7px}
  body.editor-page .editor-local-ai-note{opacity:.75}
    body.editor-page .editor-actions-panel button:hover,
    body.editor-page .editor-actions-panel button:focus-visible,
    body.editor-page #previewStyledBtn:hover,
    body.editor-page #previewStyledBtn:focus-visible{
      border-color:rgba(197,138,99,.14);
      background:rgba(38,28,24,.72);
    }
    body.editor-page .editor-actions-panel button:disabled{
      opacity:.52;
      cursor:not-allowed;
    }
    body.editor-page #changeSourceBtn{
      margin-top:10px;
    }
    body.editor-page #previewStyledBtn{
      width:100%;
      margin-top:10px;
    }
    body.editor-page .editor-actions-panel .editor-action-secondary{
      min-height:48px;
      background:rgba(20,15,14,.72);
      border-color:rgba(122,94,83,.24);
      color:#f0e4db;
      font-size:13px;
      letter-spacing:.08em;
    }
    body.editor-page .editor-board-grid{
      mix-blend-mode:normal;
    }
    body.editor-page .editor-persistent-board[data-board-mode="editorial"] .editor-board-grid-editorial{
      opacity:.64;
    }
    body.editor-page .editor-persistent-board[data-board-mode="operational"] .editor-board-grid-operational{
      opacity:var(--editor-board-operational-opacity);
    }
    body.editor-page[data-editor-phase="loaded"] .editor-persistent-board[data-board-mode="editorial"] .editor-board-grid-editorial{
      opacity:.24;
    }
    body.editor-page[data-editor-phase="loaded"] .editor-persistent-board[data-board-mode="operational"] .editor-board-grid-operational{
      opacity:var(--editor-board-operational-opacity-loaded);
    }
    body.editor-page .camera-placeholder{
      z-index:0;
      background:linear-gradient(180deg, rgba(10,10,10,.54) 0%, rgba(5,5,5,.82) 100%);
    }
    body.editor-page .camera-placeholder::before,
    body.editor-page .camera-placeholder::after{
      content:none;
    }
    body.editor-page .editor-persistent-board .overlay-preview{
      z-index:3;
    }
    body.editor-page #cameraStatus:empty{
      display:none;
    }
    body.editor-page .editor-side-frame{
      min-height:0;
    }
    body.editor-page .editor-planche{
      height:100%;
      grid-template-rows:1fr;
      gap:10px;
      overflow:hidden;
      background:transparent;
      border:0;
    }
    body.editor-page .editor-planche-head{
      display:none;
    }
    body.editor-page .editor-planche-note{
      display:none;
    }
    body.editor-page .editor-planche-section-head,
    body.editor-page .editor-panel-note,
    body.editor-page .editor-board-mode-switch,
    body.editor-page .editor-objects-list,
    body.editor-page .editor-objects-card,
    body.editor-page .editor-frame-kicker,
    body.editor-page .editor-planche-kicker,
    body.editor-page .editor-planche-toggle-meta{
      display:none;
    }
    body.editor-page .editor-planche-section-head-static{
      display:grid;
      gap:0;
      padding:0;
    }
    body.editor-page .editor-planche-section-head-static h3{
      display:block;
      margin:0;
      color:#c58a63;
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      line-height:1;
      text-transform:uppercase;
    }
    body.editor-page .editor-planche-toggle,
    body.editor-page .editor-chip,
    body.editor-page .editor-board-mode-btn,
    body.editor-page .editor-source-form button,
    body.editor-page .editor-style-panel button{
      border-radius:0;
      box-shadow:none;
    }
    body.editor-page .editor-planche-nav{
      gap:8px;
    }
    body.editor-page .editor-planche-action{
      min-height:52px;
      border-radius:0;
      border-color:rgba(122,94,83,.22);
      background:rgba(16,12,12,.88);
      box-shadow:none;
    }
    body.editor-page .editor-planche-stack{
      min-height:0;
      grid-template-rows:auto auto auto minmax(0, 1fr) auto;
      align-content:start;
      padding-top:var(--editor-planche-top-align);
    }
    body.editor-page .editor-planche-panel-actions{
      grid-row:5;
      align-self:end;
    }
    body.editor-page .editor-planche-toggle{
      min-height:56px;
      padding:12px 14px;
      border-radius:0;
      background:rgba(20,15,14,.82);
      border-color:rgba(122,94,83,.24);
      box-shadow:none;
    }
    body.editor-page .editor-planche-toggle.is-open{
      background:rgba(38,28,24,.72);
      border-color:rgba(197,138,99,.14);
    }
    body.editor-page #editorStyleToggle{
      min-height:48px;
      border-radius:8px;
      border-color:rgba(122,94,83,.24);
      background:rgba(20,15,14,.82);
      color:#f0e4db;
    }
    body.editor-page #editorStyleToggle.is-open{
      border-color:rgba(197,138,99,.14);
      background:rgba(38,28,24,.72);
    }
    body.editor-page .editor-planche-panel{
      padding:10px 0 0;
      border:0;
      border-radius:0;
      background:transparent;
      box-shadow:none;
    }
    body.editor-page .editor-planche-panel.editor-planche-panel-pinned{
      padding-top:0;
    }
    body.editor-page .editor-planche-panel-style{
      min-height:0;
      overflow-y:auto;
      overscroll-behavior:contain;
    }
    body.editor-page .editor-planche-section-head{
      gap:4px;
    }
    body.editor-page .editor-planche-section-head h3{
      display:none;
    }
    body.editor-page .editor-planche-section-head.editor-planche-section-head-static{
      display:grid;
    }
    body.editor-page .editor-planche-section-head.editor-planche-section-head-static h3{
      display:block;
    }
    body.editor-page .editor-app-shell[data-planche-panel="board"] .editor-planche-panel-board .editor-panel-note{
      display:block;
    }
    body.editor-page .editor-app-shell[data-planche-panel="board"] .editor-planche-panel-board .editor-board-mode-switch{
      display:grid;
    }
    body.editor-page .editor-planche .editor-panel-note{
      margin:0;
      font-size:12px;
      line-height:1.45;
      color:#f0e4db;
    }
    body.editor-page #styleOverlayBtn,
    body.editor-page #styleFilterBtn,
    body.editor-page #styleNnBtn,
    body.editor-page #styleOverlayPanel,
    body.editor-page #styleFilterPanel,
    body.editor-page #styleNnPanel{
      border-color:rgba(122,94,83,.16);
      background:rgba(23,18,18,.72);
    }
    body.editor-page #styleOverlayBtn.is-open,
    body.editor-page #styleFilterBtn.is-open,
    body.editor-page #styleNnBtn.is-open{
      border-color:rgba(197,138,99,.32);
      background:rgba(38,28,24,.72);
    }
    body.editor-page #styleOverlayBtn .editor-chip-label,
    body.editor-page #styleFilterBtn .editor-chip-label,
    body.editor-page #styleNnBtn .editor-chip-label{
      color:#f0e4db;
    }
    body.editor-page #styleOverlayBtn .editor-chip-value,
    body.editor-page #styleFilterBtn .editor-chip-value,
    body.editor-page #styleNnBtn .editor-chip-value,
    body.editor-page #styleOverlayPanel label,
    body.editor-page #styleFilterPanel label,
    body.editor-page #styleNnPanel label{
      color:#f0e4db;
    }
    body.editor-page .editor-planche .editor-mode-row{
      display:grid;
      gap:8px;
      margin:0;
    }
    body.editor-page .editor-planche .editor-mode-item{
      display:grid;
      gap:8px;
    }
    body.editor-page .editor-planche .editor-mode-item > button{
      width:100%;
    }
    body.editor-page .editor-planche .editor-mode-row button,
    body.editor-page .editor-planche .editor-source-panel .row button,
    body.editor-page .editor-planche .editor-chip,
    body.editor-page .editor-planche .editor-board-mode-btn{
      min-height:48px;
      border-radius:8px;
      box-shadow:none;
    }
    body.editor-page .editor-planche .editor-mode-row button,
    body.editor-page .editor-planche .editor-source-panel .row button{
      border:1px solid rgba(122,94,83,.24);
      background:rgba(20,15,14,.82);
      color:#f0e4db;
    }
    body.editor-page .editor-planche .editor-mode-row button:hover,
    body.editor-page .editor-planche .editor-source-panel .row button:hover,
    body.editor-page .editor-planche .editor-mode-row button:focus-visible,
    body.editor-page .editor-planche .editor-source-panel .row button:focus-visible{
      border-color:rgba(197,138,99,.14);
      background:rgba(38,28,24,.72);
    }
    body.editor-page .editor-upload-field{
      display:grid;
      margin:0;
    }
    body.editor-page .editor-file-input{
      position:absolute;
      width:1px;
      height:1px;
      margin:-1px;
      padding:0;
      border:0;
      opacity:0;
      pointer-events:none;
      clip:rect(0 0 0 0);
      clip-path:inset(50%);
      overflow:hidden;
      white-space:nowrap;
    }
    body.editor-page .editor-planche .editor-source-panel .editor-file-trigger{
      width:100%;
      min-height:40px;
      height:40px;
      padding:0 14px;
      border:1px solid #cbd5e1;
      border-radius:8px;
      background:#fff;
      color:#1b1412;
      font-family:"Questrial",sans-serif;
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      line-height:1;
      text-transform:uppercase;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      box-shadow:none;
      cursor:pointer;
    }
    body.editor-page #gallerySource{
      min-height:40px;
      height:40px;
      padding:0 10px;
    }
    body.editor-page .editor-gallery-grid{
      display:grid;
      grid-template-columns:repeat(3, minmax(0, 1fr));
      gap:6px;
      padding:2px;
    }
    body.editor-page .editor-gallery-thumb{
      appearance:none;
      -webkit-appearance:none;
      display:block;
      width:100%;
      aspect-ratio:1;
      padding:0;
      border:2px solid rgba(122,94,83,.28);
      border-radius:6px;
      background:rgba(14,12,12,.6);
      cursor:pointer;
      overflow:hidden;
      transition:border-color .12s ease, transform .1s ease;
    }
    body.editor-page .editor-gallery-thumb img{
      display:block;
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:4px;
    }
    body.editor-page .editor-gallery-thumb:hover,
    body.editor-page .editor-gallery-thumb:focus-visible{
      border-color:rgba(197,138,99,.72);
      outline:none;
      transform:translateY(-1px);
    }
    body.editor-page .editor-gallery-thumb.is-selected{
      border-color:rgba(240,228,219,.92);
      box-shadow:0 0 0 2px rgba(197,138,99,.42);
    }
    body.editor-page .editor-gallery-empty{
      color:var(--muted);
      margin:4px 0 0;
    }
    body.editor-page .editor-planche .editor-source-panel .editor-file-trigger:hover,
    body.editor-page .editor-planche .editor-source-panel .editor-file-trigger:focus-visible{
      border-color:#b7c3d5;
      background:#f8fafc;
    }
    body.editor-page .editor-planche .editor-style-panel{
      padding:0;
      border:0;
      background:transparent;
    }
    body.editor-page .editor-planche .editor-board-mode-switch{
      padding:0;
      border:0;
      background:transparent;
      box-shadow:none;
    }
    body.editor-page .editor-objects-list{
      gap:8px;
    }
    body.editor-page .editor-object-item{
      padding:10px 12px;
      border-radius:10px;
      background:rgba(23,18,18,.72);
      border-color:rgba(122,94,83,.16);
    }
    body.gallery-page{
      --gallery-frame-edge:clamp(12px, 1.8vw, 24px);
      --gallery-frame-top:clamp(10px, 2.4svh, 24px);
      --gallery-frame-bottom:clamp(10px, 2.4svh, 24px);
      --gallery-board-width:1440px;
      --gallery-board-height:960px;
      --gallery-side-frame-width:clamp(212px, 14vw, 248px);
      --gallery-thumb-card-height:208px;
      --gallery-thumb-gap:8px;
      --gallery-frame-scale:min(
        1,
        calc((100vw - (var(--gallery-frame-edge) * 2) - var(--gallery-side-frame-width)) / var(--gallery-board-width)),
        calc((100svh - var(--gallery-frame-top) - var(--gallery-frame-bottom)) / var(--gallery-board-height))
      );
      --gallery-computed-top:max(
        0px,
        calc((100svh - var(--gallery-frame-top) - var(--gallery-frame-bottom) - var(--gallery-frame-scale) * var(--gallery-board-height)) / 2)
      );
      --gallery-frame-radius:24px;
      overflow:hidden;
    }
    body.gallery-page .wrap{
      height:100vh;
      height:100svh;
      overflow:hidden;
      padding:0;
    }
    body.gallery-page .gallery-page-marker{
      display:none;
    }
    body.gallery-page .gallery-app-shell{
      position:fixed;
      inset:0;
      background:#000;
    }
    body.gallery-page .gallery-frame-layout{
      position:relative;
    }
    body.gallery-page .gallery-main-frame{
      position:fixed;
      top:var(--gallery-frame-top);
      bottom:var(--gallery-frame-bottom);
      left:var(--gallery-frame-edge);
      width:calc(var(--gallery-frame-scale) * var(--gallery-board-width));
      background:#050505;
      overflow:hidden;
      z-index:5;
    }
    body.gallery-page .gallery-persistent-board{
      position:absolute;
      top:var(--gallery-computed-top);
      left:0;
      width:calc(var(--gallery-frame-scale) * var(--gallery-board-width));
      height:calc(var(--gallery-frame-scale) * var(--gallery-board-height));
      padding:0;
      display:block;
      transform:none;
      border:0;
      border-radius:0;
      box-shadow:none;
      background:#050505;
      overflow:hidden;
    }
    body.gallery-page .gallery-persistent-board::before{
      content:"";
      position:absolute;
      inset:0;
      border:1px solid rgba(236,228,222,.22);
      opacity:.92;
      pointer-events:none;
      z-index:1;
    }
    body.gallery-page .gallery-persistent-board .gallery-photo{
      position:absolute;
      inset:0;
      width:100%;
      height:100%;
      object-fit:contain;
      object-position:center;
      border-radius:0;
      border:0;
      background:transparent;
      z-index:2;
    }
    body.gallery-page .gallery-featured-meta{
      position:absolute;
      left:20px;
      bottom:20px;
      display:grid;
      gap:4px;
      max-width:min(420px, calc(100% - 40px));
      padding:10px 12px;
      background:rgba(12,10,10,.78);
      border:1px solid rgba(122,94,83,.22);
      color:#f0e4db;
      z-index:3;
      pointer-events:none;
    }
    body.gallery-page .gallery-featured-meta-line{
      font-size:11px;
      font-weight:700;
      letter-spacing:.06em;
      line-height:1.35;
      text-transform:uppercase;
    }
    body.gallery-page .gallery-board-nav{
      z-index:4;
    }
    body.gallery-page .gallery-board-nav a{
      width:58px;
      height:58px;
      border-radius:0;
      background:rgba(10,10,10,.62);
      border:1px solid rgba(223,117,107,.18);
      box-shadow:none;
    }
    body.gallery-page .gallery-board-nav a.prev{
      left:18px;
    }
    body.gallery-page .gallery-board-nav a.next{
      right:18px;
    }
    body.gallery-page .gallery-side-frame{
      position:fixed;
      top:var(--gallery-frame-top);
      bottom:var(--gallery-frame-bottom);
      left:calc(var(--gallery-frame-edge) + var(--gallery-frame-scale) * var(--gallery-board-width));
      right:var(--gallery-frame-edge);
      min-width:var(--gallery-side-frame-width);
      z-index:12;
    }
    body.gallery-page .gallery-planche{
      width:100%;
      height:100%;
      display:grid;
      grid-template-rows:1fr;
      gap:10px;
      padding:12px;
      overflow:hidden;
      background:transparent;
      border:0;
      border-radius:0;
      box-shadow:none;
    }
    body.gallery-page .gallery-planche-section{
      display:grid;
      gap:10px;
      min-height:0;
      padding:0;
      border:0;
      background:transparent;
    }
    body.gallery-page .gallery-planche-section h3{
      margin:0;
      color:#f0e4db;
      font-size:13px;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    body.gallery-page .gallery-planche-section-meta{
      align-content:start;
      gap:6px;
      max-height:none;
      overflow:visible;
    }
    body.gallery-page .gallery-meta-stack{
      gap:4px;
      min-height:0;
      overflow:visible;
      padding-right:2px;
    }
    body.gallery-page .gallery-action-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
      margin:0;
    }
    body.gallery-page .gallery-meta-stack .row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:6px;
      margin:2px 0 0;
    }
    body.gallery-page .gallery-meta-stack .row.gallery-action-row-delete{
      grid-template-columns:1fr;
      justify-items:center;
      margin-top:4px;
    }
    body.gallery-page .gallery-meta-stack .row.gallery-action-row-delete form{
      width:clamp(112px, 50%, 180px);
    }
    body.gallery-page .gallery-meta-stack .row form,
    body.gallery-page .gallery-page-row{
      margin:0;
    }
    body.gallery-page .gallery-meta-stack button,
    body.gallery-page .gallery-page-row a{
      width:100%;
      min-height:40px;
      border-radius:8px;
    }
    body.gallery-page .gallery-meta-stack form{
      margin:0;
    }
    body.gallery-page .gallery-meta-stack button{
      border:1px solid rgba(122,94,83,.24);
      background:rgba(20,15,14,.82);
      color:#f0e4db;
      font-family:"Questrial",sans-serif;
      font-size:11px;
      font-weight:700;
      letter-spacing:.06em;
      text-transform:uppercase;
      box-shadow:none;
    }
    body.gallery-page .gallery-meta-stack button:hover,
    body.gallery-page .gallery-meta-stack button:focus-visible{
      border-color:rgba(197,138,99,.14);
      background:rgba(38,28,24,.72);
    }
    body.gallery-page .gallery-meta-stack button.danger{
      border-color:rgba(181,28,28,.24);
      background:rgba(38,18,18,.82);
      color:#f3d7d4;
    }
    body.gallery-page .gallery-comment-form{
      display:grid;
      gap:6px;
    }
    body.gallery-page .gallery-comment-form .field{
      max-width:none;
      margin:0;
    }
    body.gallery-page .gallery-comment-form textarea{
      min-height:56px;
      resize:vertical;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      padding:8px 10px;
      background:rgba(16,12,12,.88);
      color:#f0e4db;
      font-family:"Questrial",sans-serif;
    }
    body.gallery-page .gallery-comment-form textarea:focus-visible{
      outline:none;
      border-color:rgba(197,138,99,.14);
      background:rgba(20,15,14,.82);
    }
    body.gallery-page .gallery-comment-form textarea::placeholder{
      color:#f0e4db;
    }
    body.gallery-page .gallery-comments{
      max-height:56px;
      padding-right:2px;
    }
    body.gallery-page .gallery-planche-section-previews{
      min-height:0;
      overflow:hidden;
      align-content:end;
    }
    body.gallery-page .gallery-thumb-scroller{
      height:100%;
      min-height:0;
      max-height:calc((var(--gallery-thumb-card-height) * 3) + (var(--gallery-thumb-gap) * 2) + 4px);
      overflow:auto;
      display:grid;
      gap:var(--gallery-thumb-gap);
      grid-auto-rows:var(--gallery-thumb-card-height);
      padding-right:4px;
    }
    body.gallery-page .gallery-planche-section-pagination{
      align-content:end;
    }
    body.gallery-page .gallery-page-module{
      display:grid;
      padding:0;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      background:rgba(20,15,14,.82);
      overflow:hidden;
      transform:none;
    }
    body.gallery-page .gallery-page-row{
      display:grid;
      grid-template-columns:auto minmax(0, 1fr) auto;
      align-items:center;
      gap:0;
    }
    body.gallery-page .gallery-page-link{
      width:auto;
      min-width:84px;
      min-height:48px;
      display:inline-grid;
      place-items:center;
      padding:10px 12px;
      border:0;
      border-radius:0;
      background:transparent;
      color:#f0e4db;
      text-decoration:none;
      font-size:12px;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      text-align:center;
      box-shadow:none;
    }
    body.gallery-page .gallery-page-link:hover,
    body.gallery-page .gallery-page-link:focus-visible{
      background:rgba(38,28,24,.72);
      color:#f0e4db;
    }
    body.gallery-page .gallery-page-row > * + *{
      border-left:1px solid rgba(122,94,83,.18);
    }
    body.gallery-page .gallery-page-link.is-disabled{
      background:rgba(27,20,18,.52);
      color:#f0e4db;
      cursor:default;
    }
    body.gallery-page .gallery-page-status{
      min-height:48px;
      display:inline-grid;
      place-items:center;
      padding:10px 14px;
      background:rgba(14,11,11,.58);
      color:#f0e4db;
      font-size:11px;
      font-weight:700;
      letter-spacing:.06em;
      text-transform:uppercase;
      white-space:nowrap;
    }
    body.gallery-page .gallery-thumb{
      display:grid;
      grid-template-rows:170px auto;
      gap:6px;
      padding:8px;
      min-height:var(--gallery-thumb-card-height);
      border-radius:8px;
      border:1px solid rgba(122,94,83,.16);
      background:rgba(23,18,18,.72);
      text-decoration:none;
      color:inherit;
      box-shadow:none;
    }
    body.gallery-page .gallery-thumb.is-active{
      border-color:rgba(197,138,99,.32);
      background:rgba(38,28,24,.72);
    }
    body.gallery-page .gallery-thumb:hover,
    body.gallery-page .gallery-thumb:focus-visible{
      border-color:rgba(197,138,99,.14);
      background:rgba(38,28,24,.72);
    }
    body.gallery-page .gallery-thumb .gallery-photo{
      width:100%;
      height:100%;
      object-fit:cover;
      border-radius:6px;
    }
    body.landing-page.editor-page,
    body.landing-page.gallery-page{
      --side-panel-top-offset:92px;
    }
    body.landing-page.editor-page .landing-v2-side-frame{
      top:var(--editor-frame-top);
      bottom:var(--editor-frame-bottom);
      left:calc(var(--editor-frame-edge) + (var(--editor-frame-scale) * var(--editor-board-width)));
      right:var(--editor-frame-edge);
    }
    body.landing-page.gallery-page .landing-v2-side-frame{
      top:var(--gallery-frame-top);
      bottom:var(--gallery-frame-bottom);
      left:calc(var(--gallery-frame-edge) + (var(--gallery-frame-scale) * var(--gallery-board-width)));
      right:var(--gallery-frame-edge);
    }
    body.landing-page.editor-page .landing-shell-side-view,
    body.landing-page.gallery-page .landing-shell-side-view{
      padding-top:var(--side-panel-top-offset);
    }
    body.landing-page.editor-page{
      --editor-side-nav-span:208px;
    }
    body.landing-page.editor-page #editorSourceHeading,
    body.landing-page.editor-page #editorSourcePanel{
      width:min(100%, var(--editor-side-nav-span));
      margin-inline:auto;
    }
    body.landing-page.editor-page #editorSourceHeading h3{
      width:100%;
      text-align:left;
    }
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-badge,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-badge,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-badge{
      align-items:center;
      justify-content:flex-start;
      padding:0 8px 0;
    }
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-rail-expanded,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-rail-expanded,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-rail-expanded{
      display:flex;
      flex-wrap:wrap;
      justify-content:center;
      align-items:flex-start;
      gap:8px;
      width:auto;
      max-width:100%;
      margin:0;
    }
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-rail-expanded{
      margin-bottom:4px;
    }
    body.landing-page[data-shell-view="landing"]{
      --landing-home-state-top-offset:clamp(24px, calc(var(--landing-wordmark-barycenter-y) - 188px), 180px);
    }
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-home-state{
      margin-top:var(--landing-home-state-top-offset);
      gap:16px;
      padding:12px;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      background:rgba(20,15,14,.82);
    }
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-home-state-panel{
      background:transparent;
      border:none;
      border-radius:0;
      padding:0;
      gap:8px;
    }
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-home-state > .landing-home-state-title{
      display:block;
      margin-bottom:-4px;
    }
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-card,
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-card-form,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-card,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-card-form,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-card,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-card-form{
      width:46px;
      min-width:46px;
    }
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-card,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-card,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-card{
      min-height:46px;
      height:46px;
      flex-direction:column;
      justify-content:center;
      gap:0;
      padding:0;
      border-radius:8px;
      border:1px solid rgba(122,94,83,.36);
      background:rgba(16,12,12,.96);
      position:relative;
      overflow:visible;
    }
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-card-icon-wrap,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-card-icon-wrap,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-card-icon-wrap{
      width:20px;
      height:20px;
      flex:0 0 20px;
    }
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-card-label,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-card-label,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-card-label{
      position:absolute;
      top:calc(100% + 7px);
      left:50%;
      transform:translateX(-50%) translateY(-2px);
      padding:4px 6px;
      border:1px solid rgba(122,94,83,.36);
      border-radius:6px;
      background:rgba(16,12,12,.96);
      font-size:8px;
      letter-spacing:.07em;
      line-height:1.1;
      text-align:center;
      white-space:nowrap;
      opacity:0;
      visibility:hidden;
      pointer-events:none;
      transition:opacity .12s ease, transform .12s ease;
      z-index:3;
    }
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-card:hover,
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-card:focus-visible,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-card:hover,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-card:focus-visible,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-card:hover,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-card:focus-visible{
      border-color:rgba(197,138,99,.64);
      background:rgba(30,22,20,.96);
    }
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-card:hover .landing-user-card-label,
    body.landing-page.editor-page .landing-v2-side-frame .landing-user-card:focus-visible .landing-user-card-label,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-card:hover .landing-user-card-label,
    body.landing-page.gallery-page .landing-v2-side-frame .landing-user-card:focus-visible .landing-user-card-label,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-card:hover .landing-user-card-label,
    body.landing-page[data-shell-view="landing"] .landing-v2-side-frame .landing-user-card:focus-visible .landing-user-card-label{
      opacity:1;
      visibility:visible;
      transform:translateX(-50%) translateY(0);
    }

    @media (max-width:1100px){
      body.account-page .account-app-shell{
        grid-template-columns:1fr;
      }
    }
    @media (max-width:760px){
      body.account-page .wrap{
        padding-inline:16px;
      }
      body.account-page header{
        margin-bottom:16px;
      }
      body.editor-page .editor-planche-nav{
        grid-template-columns:1fr;
      }
      body.gallery-page .gallery-meta-stack .row{
        grid-template-columns:1fr;
      }
      body.editor-page .editor-workspace-grid{
        grid-template-columns:1fr;
      }
      body.gallery-page{
        --gallery-side-frame-width:clamp(120px, 28vw, 180px);
      }
    }
    @media (max-width:820px){
      body.landing-page.editor-page .landing-v2-side-frame,
      body.landing-page.gallery-page .landing-v2-side-frame{
        position:relative;
        top:auto;
        right:auto;
        bottom:auto;
        left:auto;
        width:100%;
        min-width:0;
      }
      body.landing-page.editor-page .landing-v2-side-frame .landing-user-badge,
      body.landing-page.gallery-page .landing-v2-side-frame .landing-user-badge,
      body.landing-page.editor-page .landing-shell-side-view,
      body.landing-page.gallery-page .landing-shell-side-view{
        position:relative;
        inset:auto;
        width:100%;
        max-width:none;
      }
      body.landing-page.editor-page .landing-v2-main-frame,
      body.landing-page.gallery-page .landing-v2-main-frame{
        min-height:0;
        aspect-ratio:auto;
        background:transparent;
        overflow:visible;
      }
      body.landing-page.editor-page .landing-shell-main-view,
      body.landing-page.gallery-page .landing-shell-main-view{
        position:relative;
        inset:auto;
        overflow:visible;
        padding:0;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-shell-side-view,
      body.landing-page.gallery-page[data-shell-view="gallery"] .landing-shell-side-view{
        display:block;
        padding:0;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-v2-side-frame .landing-user-badge{
        min-height:0;
        height:auto;
        justify-content:flex-start;
        gap:8px;
        padding:0 0 8px;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-v2-side-frame .landing-user-rail-expanded{
        justify-content:flex-start;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-side-frame,
      body.landing-page.gallery-page[data-shell-view="gallery"] .gallery-side-frame{
        width:100%;
        max-width:none;
        min-width:0;
        margin-top:0;
        height:auto;
        max-height:none;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-side-panel,
      body.landing-page.gallery-page[data-shell-view="gallery"] .gallery-side-panel{
        overflow:visible;
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-feed-frame{
        width:100%;
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-feed-image{
        height:clamp(220px, 46svh, 420px);
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-page-row{
        grid-template-columns:1fr;
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-page-row > * + *{
        border-left:0;
        border-top:1px solid rgba(122,94,83,.18);
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-action-row,
      body.gallery-page[data-shell-view="gallery"] .gallery-meta-stack .row{
        grid-template-columns:1fr;
      }
    }

    /* Mobile editor: keep the complete control rail in normal flow and scrollable. */
    @media (max-width:820px){
      body.landing-page.editor-page[data-shell-view="editor"]{
        height:auto;
        min-height:100svh;
        overflow-x:hidden;
        overflow-y:auto;
        -webkit-overflow-scrolling:touch;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .wrap,
      body.landing-page.editor-page[data-shell-view="editor"] .editor-app-shell,
      body.landing-page.editor-page[data-shell-view="editor"] .editor-side-frame,
      body.landing-page.editor-page[data-shell-view="editor"] .editor-side-panel{
        position:relative;
        inset:auto;
        height:auto;
        min-height:0;
        max-height:none;
        overflow:visible;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-side-frame{
        margin-top:0;
      }
      body.landing-page.editor-page[data-shell-view="editor"] #styleNnPanel,
      body.landing-page.editor-page[data-shell-view="editor"] .editor-planche-panel-style{
        max-height:none;
        overflow:visible;
      }
    }

    /* Gallery 2026-04: main feed + side action rail */
    body.gallery-page[data-shell-view="gallery"] .landing-shell-main-ambient{
      display:none;
    }
    body.gallery-page[data-shell-view="gallery"] .landing-v2-main-frame{
      background:#050505;
      overflow:hidden;
    }
    body.gallery-page[data-shell-view="gallery"] .landing-shell-main-view{
      position:absolute;
      inset:0;
      z-index:7;
      overflow:auto;
      padding:clamp(14px, 2vw, 24px);
      scrollbar-width:thin;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-feed-frame{
      width:min(1024px, 100%);
      margin:0 auto;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-feed{
      display:grid;
      gap:16px;
      padding-bottom:36px;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-feed-card{
      border:1px solid rgba(122,94,83,.24);
      background:rgba(20,15,14,.82);
      border-radius:10px;
      overflow:hidden;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-feed-card.is-active{
      border-color:rgba(197,138,99,.52);
      box-shadow:0 0 0 1px rgba(197,138,99,.24);
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-feed-media{
      display:block;
      text-decoration:none;
      background:#050505;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-feed-image{
      width:100%;
      height:clamp(280px, 56vh, 720px);
      object-fit:contain;
      object-position:center;
      border:0;
      border-radius:0;
      display:block;
      background:#050505;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-feed-meta{
      display:grid;
      gap:6px;
      padding:10px 12px 12px;
      color:#f0e4db;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-feed-line{
      display:flex;
      align-items:center;
      flex-wrap:wrap;
      gap:8px;
      font-size:11px;
      font-weight:700;
      letter-spacing:.06em;
      line-height:1.35;
      text-transform:uppercase;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-feed-selected{
      padding:2px 6px;
      border:1px solid rgba(197,138,99,.5);
      background:rgba(38,28,24,.72);
      border-radius:999px;
    }

    body.gallery-page[data-shell-view="gallery"] .landing-shell-side-view{
      align-items:flex-start;
      justify-content:flex-end;
      padding:0 8px 8px;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-side-frame{
      position:relative;
      inset:auto;
      min-width:0;
      width:var(--landing-auth-chamber-width);
      max-width:100%;
      margin-top:calc(var(--landing-wordmark-barycenter-y) - 89px);
      height:auto;
      max-height:calc(100% - (var(--landing-wordmark-barycenter-y) - 89px) - 8px);
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-side-panel{
      width:100%;
      height:auto;
      display:grid;
      grid-template-rows:auto auto auto;
      gap:10px;
      padding:12px;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      background:rgba(20,15,14,.82);
      overflow:auto;
      box-shadow:none;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section{
      display:grid;
      gap:8px;
      min-height:0;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-side-stack{
      display:grid;
      gap:6px;
      color:#f0e4db;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions .gallery-side-stack{
      align-content:start;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-action-row{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:8px;
      margin:0;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-action-row-delete{
      grid-template-columns:1fr;
      justify-items:center;
      margin-top:4px;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-action-row-delete form{
      width:clamp(112px,50%,180px);
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-action-row form{
      margin:0;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions button{
      width:100%;
      min-height:36px;
      border:1px solid rgba(122,94,83,.28);
      border-radius:8px;
      background:rgba(20,15,14,.82);
      color:#f0e4db;
      font-family:"Questrial",sans-serif;
      font-size:11px;
      font-weight:700;
      letter-spacing:.06em;
      text-transform:uppercase;
      box-shadow:none;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions button:hover,
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions button:focus-visible{
      border-color:rgba(197,138,99,.22);
      background:rgba(38,28,24,.72);
    }
    /* Post Comment: bordo accent tenue → CTA primaria */
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions button[form="galleryCommentForm"]{
      border-color:rgba(217,90,87,.4);
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions button[form="galleryCommentForm"]:hover,
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions button[form="galleryCommentForm"]:focus-visible{
      border-color:rgba(217,90,87,.65);
      background:rgba(38,22,20,.72);
    }
    /* Delete: tono danger silenzioso */
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions button.danger{
      border-color:rgba(181,28,28,.28);
      background:rgba(38,18,18,.82);
      color:#f3d7d4;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions button.danger:hover,
    body.gallery-page[data-shell-view="gallery"] .gallery-side-section-actions button.danger:focus-visible{
      border-color:rgba(181,28,28,.48);
      background:rgba(52,20,20,.72);
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-comment-form{
      display:grid;
      gap:6px;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-comment-form .field{
      max-width:none;
      margin:0;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-comment-form textarea{
      min-height:52px;
      resize:vertical;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      padding:8px 10px;
      background:rgba(16,12,12,.88);
      color:#f0e4db;
      font-family:"Questrial",sans-serif;
      font-size:12px;
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-comment-form textarea:focus-visible{
      outline:none;
      border-color:rgba(197,138,99,.22);
      background:rgba(20,15,14,.82);
    }
    body.gallery-page[data-shell-view="gallery"] .gallery-comment-form textarea::placeholder{
      color:rgba(240,228,219,.45);
    }

    /* Editor 2026-04: adopt gallery side planche visual language */
    body.landing-page.editor-page[data-shell-view="editor"] .landing-shell-side-view{
      align-items:flex-start;
      justify-content:flex-end;
      padding:0 8px 8px;
    }
    body.landing-page.editor-page[data-shell-view="editor"] .editor-side-frame{
      position:relative;
      inset:auto;
      min-width:0;
      width:var(--landing-auth-chamber-width);
      max-width:100%;
      margin-top:calc(var(--landing-wordmark-barycenter-y) - 89px);
      height:calc(100% - (var(--landing-wordmark-barycenter-y) - 89px) - 8px);
    }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-side-panel{
        width:100%;
        height:auto;
        display:grid;
        grid-template-rows:auto;
      gap:10px;
      padding:12px;
      border:1px solid rgba(122,94,83,.24);
      border-radius:8px;
      background:rgba(20,15,14,.82);
        overflow:hidden;
        box-shadow:none;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-planche{
        height:auto;
        grid-template-rows:auto;
        overflow:visible;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-planche-panel-actions{
        position:static;
        grid-row:auto;
        align-self:auto;
        padding:0;
        border:0;
        border-radius:8px;
        background:transparent;
        box-shadow:none;
    }
    body.landing-page.editor-page[data-shell-view="editor"] .editor-planche-panel-actions:has(
      #finalSaveSlot:not(:empty),
      #changeSourceBtn:not(.hidden-action)
    ){
      padding:12px;
      border:1px solid rgba(122,94,83,.24);
      background:rgba(20,15,14,.82);
    }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-planche-stack{
        min-height:0;
        grid-template-rows:auto;
        align-content:start;
        padding-top:0;
        gap:8px;
      }
    body.landing-page.editor-page[data-shell-view="editor"] .editor-side-section{
      display:grid;
      gap:8px;
      min-height:0;
    }
    body.landing-page.editor-page[data-shell-view="editor"] #editorSourceHeading,
    body.landing-page.editor-page[data-shell-view="editor"] #editorSourcePanel{
      width:100%;
      margin-inline:0;
    }
    body.editor-page .editor-sticker-scale-controls{
      display:flex;
      gap:6px;
      margin-top:0;
      margin-bottom:2px;
    }
    body.editor-page .editor-sticker-scale-controls > button{
      min-width:30px;
      min-height:26px;
      padding:0;
      font-size:16px;
      line-height:1;
    }
    @media (max-width:820px){
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .wrap{
        padding-top:0;
      }
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .landing-shell.landing-v2-shell{
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto;
        padding-top:0;
      }
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .landing-v2-side-frame{
        display:contents;
      }
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .landing-side-frame-surface,
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .landing-planche,
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .landing-shell-side-view{
        display:none;
      }
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .landing-shell-side-chrome{
        display:block;
        grid-row:1;
      }
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .landing-v2-main-frame{
        grid-row:2;
        min-height:0;
        aspect-ratio:3 / 2;
        overflow:hidden;
      }
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .landing-shell-side-ambient{
        display:block;
        grid-row:3;
        margin-top:0;
      }
      body.landing-page[data-shell-view="landing"][data-auth-view="account"] .landing-shell-side-chrome .landing-user-badge{
        position:relative;
        inset:auto;
        width:100%;
        max-width:none;
        min-height:0;
        height:auto;
        margin:0;
        padding:0 0 8px;
      }
      body.landing-page.editor-page{
        height:auto;
        min-height:100vh;
        min-height:100svh;
        overflow:auto;
      }
      body.landing-page.editor-page .wrap{
        height:auto;
        min-height:100vh;
        min-height:100svh;
        overflow:visible;
        padding:0 0 16px;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-shell.landing-v2-shell{
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:auto auto auto;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-app-shell{
        position:relative;
        inset:auto;
        min-height:0;
        overflow:visible;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-v2-side-frame{
        display:contents;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-side-frame-surface,
      body.landing-page.editor-page[data-shell-view="editor"] .landing-planche,
      body.landing-page.editor-page[data-shell-view="editor"] .landing-shell-side-ambient{
        display:none;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-shell-side-chrome{
        display:block;
        grid-row:1;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-v2-main-frame{
        grid-row:2;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-shell-side-view{
        grid-row:3;
        margin-top:0;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .landing-shell-side-chrome .landing-user-badge{
        position:relative;
        inset:auto;
        width:100%;
        max-width:none;
        min-height:0;
        height:auto;
        margin:0;
        padding:0 0 8px;
      }
      body.gallery-page{
        overflow:auto;
      }
      body.gallery-page .wrap{
        height:auto;
        min-height:100vh;
        min-height:100svh;
        overflow:visible;
      }
      body.gallery-page .gallery-app-shell{
        position:relative;
        inset:auto;
        min-height:0;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-main-frame{
        position:relative;
        top:auto;
        right:auto;
        bottom:auto;
        left:auto;
        width:100%;
        min-width:0;
        overflow:visible;
        background:transparent;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-persistent-board{
        position:relative;
        top:auto;
        left:auto;
        width:100%;
        height:auto;
        min-height:0;
        aspect-ratio:24 / 16;
        border-radius:12px;
      }
      body.landing-page.editor-page[data-shell-view="editor"] .editor-persistent-board .camera-stage{
        position:absolute;
        inset:0;
      }
      body.gallery-page[data-shell-view="gallery"] .landing-v2-main-frame,
      body.landing-page.editor-page[data-shell-view="editor"] .landing-v2-main-frame{
        min-height:0;
        aspect-ratio:auto;
        background:transparent;
        overflow:visible;
      }
      body.gallery-page[data-shell-view="gallery"] .landing-shell-main-view,
      body.landing-page.editor-page[data-shell-view="editor"] .landing-shell-main-view{
        position:relative;
        inset:auto;
        z-index:auto;
        overflow:visible;
        padding:0;
      }
      body.gallery-page[data-shell-view="gallery"] .landing-shell-side-view,
      body.landing-page.editor-page[data-shell-view="editor"] .landing-shell-side-view{
        display:block;
        padding:0;
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-side-frame,
      body.landing-page.editor-page[data-shell-view="editor"] .editor-side-frame{
        width:100%;
        max-width:none;
        min-width:0;
        margin-top:0;
        height:auto;
        max-height:none;
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-side-panel,
      body.landing-page.editor-page[data-shell-view="editor"] .editor-side-panel{
        overflow:visible;
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-feed-frame{
        width:100%;
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-feed-image{
        height:clamp(220px, 46svh, 420px);
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-page-row{
        grid-template-columns:1fr;
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-page-row > * + *{
        border-left:0;
        border-top:1px solid rgba(122,94,83,.18);
      }
      body.gallery-page[data-shell-view="gallery"] .gallery-action-row,
      body.gallery-page[data-shell-view="gallery"] .gallery-meta-stack .row{
        grid-template-columns:1fr;
      }
    }