/* Approved structure prototype: shared production presentation. */
.account-primary-nav { display:flex; align-items:center; gap:26px; margin-right:auto; margin-left:36px; font-size:12px; color:var(--muted); }
.account-primary-nav a { display:flex; align-items:center; min-height:44px; }
.account-primary-nav a:hover { color:var(--ink); }
.workspace-icon { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.workspace-back { display:flex; align-items:center; min-height:44px; margin:0 10px 16px; color:var(--muted); font-size:12px; }
.workspace-event-switcher { display:flex; align-items:center; gap:12px; width:100%; border:1px solid var(--line); border-radius:5px; padding:14px 12px; background:white; text-align:left; cursor:pointer; }
.workspace-event-switcher>span:nth-child(2) { min-width:0; flex:1; }
.workspace-event-switcher strong { display:block; font-size:12px; line-height:1.5; overflow-wrap:anywhere; }
.workspace-event-switcher small { display:block; margin-top:4px; font-size:10px; line-height:1.5; color:var(--muted); }
.workspace-event-initial { display:grid; place-items:center; min-width:42px; height:48px; background:#eee8d9; font:24px Georgia,serif; }
.workspace-nav-caption { margin:24px 12px 10px; text-transform:uppercase; letter-spacing:.12em; font-size:9px; }
.workspace-link { border:0; border-radius:5px; min-height:52px; padding:10px 12px; }
.workspace-link[aria-current=page] { background:#e0e5da; color:#3c5140; }
.workspace-link>span:first-child { width:20px; }
.workspace-usage { margin-top:auto; padding:20px 12px 12px; color:var(--muted); font-size:11px; }
.workspace-usage>strong { display:block; font-weight:500; font-size:12px; color:var(--ink); }
.workspace-usage-label { display:block; margin:8px 0; font-size:10px; }
.workspace-usage meter { display:block; appearance:none; width:100%; height:5px; border:0; border-radius:2px; overflow:hidden; background:#e0e1d9; accent-color:#7c8e6d; }
.workspace-usage meter::-webkit-meter-bar { border:0; height:5px; border-radius:2px; background:#e0e1d9; }
.workspace-usage meter::-webkit-meter-optimum-value { background:#7c8e6d; }
.workspace-usage meter::-moz-meter-bar { background:#7c8e6d; }
.workspace-usage>div { display:flex; justify-content:space-between; gap:10px; margin-top:8px; }
.workspace-usage>small { display:block; margin-top:6px; font-size:10px; }
.workspace-usage>a { display:inline-flex; min-height:40px; align-items:center; margin-top:3px; text-decoration:underline; text-underline-offset:3px; }
.workspace-area-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:22px; }
.workspace-area-heading h2 { font:650 28px/1.3 var(--font-primary); letter-spacing:-.025em; margin:0 0 10px; }
.workspace-area-heading p { color:var(--muted); font-size:13px; line-height:1.7; margin:0; max-width:70ch; }
.workspace-preview { flex-shrink:0; gap:9px; font-size:12px; }
.workspace-tabs { gap:28px; margin-bottom:30px; }
.workspace-tabs>a { font-size:12px; }
.prototype-overview { color:var(--ink); }
.overview-hero { display:grid; grid-template-columns:1.07fr .93fr; background:#ede9df; border-radius:8px; overflow:hidden; min-height:290px; }
.overview-hero-copy { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:clamp(26px,3vw,48px); min-width:0; }
.overview-status { font-size:10px; color:#405440; padding:5px 8px; background:#e5e9df; border-radius:3px; }
.overview-hero h1 { font:400 clamp(30px,3vw,48px)/1.1 var(--font-editorial); letter-spacing:-.035em; margin:22px 0 14px; overflow-wrap:anywhere; }
.overview-hero-copy>p { color:var(--muted); font-size:12px; line-height:1.8; }
.overview-hero .ui-actions { margin-top:24px; gap:8px; flex-wrap:wrap; }
.overview-hero .ui-actions>* { font-size:11px; min-height:44px; padding:10px 12px; }
.overview-cover { display:block; width:100%; height:100%; min-height:290px; max-height:440px; object-fit:cover; }
.overview-invitation { display:grid; place-items:center; background:#e2dfd1; padding:32px; overflow:hidden; }
.overview-invitation>div { display:flex; flex-direction:column; gap:22px; align-items:center; justify-content:center; width:min(100%,260px); min-height:260px; padding:28px 22px; background:#faf9ef; transform:rotate(-7deg); box-shadow:0 12px 36px #292c2710; text-align:center; }
.overview-invitation strong { font:400 clamp(24px,2.3vw,36px)/1.15 Georgia,serif; overflow-wrap:anywhere; }
.overview-invitation small { text-transform:uppercase; letter-spacing:.12em; font-size:9px; }
.overview-invitation span { font-size:26px; }
.overview-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:24px 0; border-bottom:1px solid var(--line); }
.overview-stats>div { padding:8px 22px; border-right:1px solid var(--line); }
.overview-stats>div:first-child { padding-left:0; }
.overview-stats>div:last-child { border:0; }
.overview-stats dt,.overview-stats p { font-size:11px; color:var(--muted); line-height:1.7; }
.overview-stats dd { font-size:30px; margin:8px 0; font-weight:650; line-height:1.2; }
.overview-columns { display:grid; grid-template-columns:minmax(0,1.7fr) minmax(240px,1fr); gap:40px; padding-top:34px; }
.prototype-overview h2 { font:650 18px/1.5 var(--font-primary); letter-spacing:-.02em; margin-bottom:18px; }
.prototype-overview h3 { font:650 14px/1.5 var(--font-primary); }
.overview-next>div { display:flex; gap:18px; padding:24px; border-radius:6px; background:#e9eddf; }
.overview-next>div>span { display:grid; place-items:center; flex:0 0 40px; height:40px; border-radius:50%; background:#dce5ce; }
.overview-next p { font-size:12px; line-height:1.8; color:var(--muted); margin:8px 0 18px; }
.overview-next a { font-size:11px; min-height:44px; }
.overview-destinations { margin-top:34px; }
.overview-destinations [data-workspace-journey] { display:grid; grid-template-columns:1fr 1fr; gap:0 28px; }
.overview-destinations a { display:grid; grid-template-columns:1fr auto; padding:20px 0; border-bottom:1px solid var(--line); font-size:12px; }
.overview-destinations a>span { grid-column:2; grid-row:1; }
.overview-destinations a>strong { grid-column:1; grid-row:1; font-weight:650; }
.overview-destinations a>p { grid-column:1/-1; margin-top:8px; color:var(--muted); font-size:11px; line-height:1.7; }
.overview-aside>section+section { margin-top:32px; }
.overview-aside ul { list-style:none; padding:0; }
.overview-aside li { display:flex; align-items:center; gap:12px; padding:16px 0; border-bottom:1px solid var(--line); font-size:12px; }
.overview-aside li>span { display:grid; place-items:center; flex:0 0 32px; height:32px; border-radius:50%; background:var(--surface-soft); }
.overview-aside time { display:block; font-size:10px; color:var(--muted); margin-top:5px; }
.overview-empty,.overview-share>p { font-size:12px; line-height:1.8; color:var(--muted); }
.overview-share { padding:24px; background:#f0eee7; border-radius:6px; }
.overview-share input { width:100%; min-width:0; border:1px solid var(--line); background:white; border-radius:4px; padding:11px; margin:16px 0 8px; font-size:12px; }
.overview-share button { width:100%; min-height:44px; font-size:12px; }
.overview-share>a { display:inline-flex; align-items:center; min-height:44px; margin-top:8px; font-size:11px; }
.prototype-panel { min-width:0; background:white; border:1px solid var(--line); border-radius:6px; padding:24px; }
.prototype-panel h1,.prototype-section-intro h1 { font:650 22px/1.4 var(--font-primary); letter-spacing:-.025em; margin-bottom:10px; }
.prototype-panel h2 { font:650 18px/1.5 var(--font-primary); }
.prototype-panel>p,.prototype-section-intro>p { font-size:13px; line-height:1.8; color:var(--muted); margin:10px 0 24px; }
.prototype-panel>.mbx-button { margin-top:16px; }
.workspace-content>section.workspace-details-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(260px,.8fr); gap:28px; }
.workspace-details-grid>aside { align-self:start; background:#f0eee7; }
.workspace-details-grid .event-details-form { margin-top:26px; }
.workspace-details-grid .event-details-form>label { display:grid; gap:8px; }
.prototype-option-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr)); gap:22px; }
.prototype-manage-actions { display:grid; justify-items:start; gap:22px; margin-top:26px; }
.prototype-section-intro { margin-bottom:24px; }
.prototype-share-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(270px,.85fr); align-items:start; gap:28px; }
.prototype-share-grid .ui-field { width:100%; font-size:13px; }
.prototype-share-grid .ui-actions { margin-top:18px; }
.prototype-inline-link { display:flex; align-items:center; min-height:44px; font-size:12px; margin-top:16px; }
.prototype-share-qr { text-align:center; }
.prototype-share-qr .qr-share-card { padding:0; border:0; background:transparent; }
.prototype-share-qr .qr-code-display { margin-inline:auto; width:min(100%,250px); }
[data-design-studio][data-studio-view=files]>.ds-kinds,
[data-design-studio][data-studio-view=files]>.ds-layout,
[data-design-studio][data-studio-view=files]>.ds-canva { display:none; }
@media(min-width:1101px) {
  .workspace-full { padding:0; position:relative; }
  .workspace-context { position:absolute; top:0; left:256px; right:0; min-height:44px; padding:0 clamp(24px,3vw,48px); background:var(--surface-soft); z-index:1; }
  .workspace-context>a { margin-left:0; }
  .workspace-layout { grid-template-columns:256px minmax(0,1fr); padding-top:0; gap:0; }
  .workspace-rail { border-right:1px solid var(--line); background:#f3f2ed; padding:16px 14px 10px; overflow:hidden; }
  .workspace-rail>[data-workspace-navigation] { display:flex; flex-direction:column; height:100%; min-height:0; }
  .workspace-rail [data-workspace-navigation]>nav { flex:1; min-height:80px; overflow-y:auto; scrollbar-width:thin; }
  .workspace-content { padding:68px clamp(24px,3vw,48px) 56px; scroll-padding-top:68px; }
  .workspace-collapsed .workspace-context { left:0; }
  .workspace-collapsed .workspace-context>a { margin-left:0; }
}
@media(max-width:1100px) {
  .account-primary-nav { display:none; }
  .workspace-area-heading { gap:16px; }
  .workspace-area-heading h2 { font-size:22px; }
  .workspace-area-heading p { font-size:12px; }
  .workspace-preview { font-size:11px; min-height:44px; padding:8px 12px; }
  .workspace-navigation-panel [data-workspace-navigation] { display:flex; flex-direction:column; }
  .workspace-navigation-panel .workspace-back { display:none; }
  .workspace-navigation-panel .workspace-event-switcher { margin-top:12px; }
  .workspace-navigation-panel .workspace-usage { margin-top:12px; padding-bottom:12px; border-top:1px solid var(--line); }
  .overview-columns { grid-template-columns:1fr; gap:30px; }
  .overview-aside { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
  .overview-aside>section+section { margin-top:0; }
}
@media(max-width:700px) {
  .account-primary-nav { display:none; }
  .workspace-area-heading { align-items:flex-start; margin-bottom:14px; }
  .workspace-area-heading h2 { font-size:20px; }
  .workspace-area-heading p { display:none; }
  .workspace-preview { min-height:40px; padding:8px; gap:5px; font-size:10px; }
  .workspace-preview .workspace-icon { width:15px; height:15px; }
  .workspace-tabs { gap:22px; margin-bottom:20px; }
  .overview-hero { grid-template-columns:1fr; min-height:0; }
  .overview-hero-copy { padding:24px; }
  .overview-hero h1 { font-size:30px; margin:14px 0 10px; }
  .overview-hero .ui-actions { margin-top:18px; }
  .overview-cover { grid-row:1; height:160px; min-height:0; }
  .overview-invitation { display:none; }
  .overview-stats { grid-template-columns:1fr 1fr; gap:18px 0; padding:22px 0; }
  .overview-stats>div { padding:0 16px; }
  .overview-stats>div:nth-child(odd) { padding-left:0; }
  .overview-stats>div:nth-child(even) { border-right:0; }
  .overview-stats dd { font-size:26px; }
  .overview-stats p { font-size:10px; }
  .overview-columns { padding-top:26px; }
  .overview-next>div { padding:18px; gap:12px; }
  .overview-next>div>span { display:none; }
  .overview-aside { grid-template-columns:1fr; }
  .workspace-content>section.workspace-details-grid,.prototype-share-grid { grid-template-columns:1fr; gap:20px; }
  .prototype-panel { padding:20px; }
  .prototype-share-grid .ui-field { font-size:16px; }
  .overview-share input { font-size:16px; }
  .overview-destinations [data-workspace-journey] { gap:0 20px; }
}
@media print { .account-primary-nav,.workspace-preview,.workspace-usage { display:none; } }

.workspace-editor { min-width:0; }
.account-workspace { display:grid; grid-template-columns:256px minmax(0,1fr); min-height:calc(100dvh - 80px); }
.account-workspace-rail { position:sticky; top:0; align-self:start; height:calc(100dvh - 80px); overflow-y:auto; border-right:1px solid var(--line); padding:24px 20px; background:#f3f2ed; }
.account-workspace-rail h2 { font:650 17px/1.5 var(--font-primary); padding:0 12px 24px; }
.account-workspace-rail nav { display:grid; gap:8px; }
.account-workspace-rail nav>a { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:48px; padding:12px; border-radius:5px; font-size:12px; color:var(--muted); }
.account-workspace-rail nav>a[aria-current=page] { background:#e0e5da; color:#3c5140; }
.account-workspace-rail nav>a:hover { background:#e9ebe3; }
.account-workspace-content { min-width:0; padding:36px clamp(24px,3vw,48px) 64px; }
.account-workspace-content>.ui-page { width:100%; max-width:1100px; padding:0; margin:0 auto; }
.account-workspace-content .page-title { font:650 28px/1.4 var(--font-primary); }
.account-workspace-content [data-settings-back] { background:none; border:0; box-shadow:none; padding:0; font-size:11px; }
.settings-directory[hidden] { display:none; }
.studio-profile-link { display:block; border-top:1px solid var(--line); padding:24px 12px; margin-top:24px; font-size:12px; color:var(--muted); }
@media(min-width:1101px) and (max-height:800px) {
 .workspace-rail { padding-top:8px; }
 .workspace-back { min-height:36px; margin-bottom:8px; }
 .workspace-event-switcher { padding:10px; }
 .workspace-event-initial { height:36px; min-width:34px; font-size:22px; }
 .workspace-nav-caption { margin:16px 12px 6px; }
 .workspace-link { min-height:44px; padding-block:8px; }
 .workspace-usage { padding-top:12px; padding-bottom:0; }
 .workspace-usage>a { min-height:36px; }
}
@media(max-width:1100px) {
 .account-workspace { grid-template-columns:210px minmax(0,1fr); }
 .account-workspace-rail { padding-inline:12px; }
 .account-workspace-content { padding:28px 22px 50px; }
}
@media(max-width:700px) {
 .account-workspace { display:block; }
 .account-workspace-rail { position:static; width:100%; height:auto; border-right:0; border-bottom:1px solid var(--line); padding:12px 16px 0; }
 .account-workspace-rail .workspace-back { margin:0; min-height:32px; }
 .account-workspace-rail h2 { padding:8px 0; font-size:15px; }
 .account-workspace-rail nav { display:flex; overflow-x:auto; gap:20px; }
 .account-workspace-rail nav>a { flex-shrink:0; min-height:44px; padding:10px 0; border-radius:0; font-size:12px; }
 .account-workspace-rail nav>a[aria-current=page] { background:transparent; border-bottom:2px solid currentColor; }
 .account-workspace-rail nav>a>span { display:none; }
 .account-workspace-content { padding:24px 16px 50px; }
 .studio-profile-link { margin-top:8px; padding:12px 0; }
}

.moderation-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr)); gap:24px; }
.moderation-grid article { min-width:0; max-width:360px; }
.moderation-grid img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:4px; }
.moderation-grid form { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.moderation-grid article>p { margin-top:10px; font-size:12px; }

.workspace-content :where(h1) { font:650 28px/1.4 var(--font-primary); letter-spacing:-.025em; }
.workspace-content :where(h2) { font:650 19px/1.5 var(--font-primary); letter-spacing:-.02em; }
.workspace-content :where(h3) { font:650 15px/1.5 var(--font-primary); }
@media(min-width:1101px) {body:has([data-event-workspace-shell]) .m-cookie-open { left:274px; } body:has(.workspace-collapsed) .m-cookie-open { left:16px; }}
@media(max-width:700px) {.workspace-content :where(h1) { font-size:23px; } .workspace-content :where(h2) { font-size:18px; }}