.platform-nav{box-sizing:border-box;width:200px;min-width:0;padding:24px 14px;display:flex;flex-direction:column;gap:28px;background:#fff;border-right:1px solid #f5f0f3;color:#393139}
.platform-nav .platform-brand{font-size:23px;font-weight:700;text-decoration:none;letter-spacing:-1px;color:#393139}
.platform-nav nav{display:grid;gap:5px;align-content:start}
.platform-nav nav a{padding:10px;border-radius:7px;color:inherit;text-decoration:none;font-size:13px}
.platform-nav nav button{padding:10px;border:0;border-radius:7px;background:transparent;text-align:left;font:inherit;font-size:13px;color:#80727c;line-height:1.5}
.platform-nav nav a{line-height:1.5}
.platform-nav nav button:disabled{opacity:.7;cursor:default}
@media(min-width:901px) and (max-width:1200px){body:has(>.platform-nav){grid-template-columns:160px minmax(0,1fr)}body>.platform-nav,body.console-platform-shell .sidebar.platform-nav{width:160px;padding:20px 10px}body.console-platform-shell main{margin-left:160px}}
.console-platform-shell .sidebar.platform-nav{width:200px;padding:24px 14px;height:100dvh}
.console-platform-shell main{margin-left:200px}
.console-platform-shell .workspace-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:18px}
.console-platform-shell .workspace-toolbar select{max-width:100%;padding:8px;border:1px solid #f5f0f3;border-radius:7px;background:white}
@media(max-width:900px){.console-platform-shell .sidebar.platform-nav{position:static;width:100%;height:auto;padding:12px 14px}.console-platform-shell main{margin-left:0}.console-platform-shell{padding-bottom:0}.console-platform-shell .sidebar.platform-nav .account-dock{width:100%}.console-platform-shell .sidebar.platform-nav nav{display:flex;flex-wrap:wrap}}
.platform-nav .nav-group{font-size:11px;color:#80727c;margin:12px 10px 2px}
.platform-nav [aria-current=page]{background:#f5f0f3;font-weight:700}
.platform-nav a:focus-visible{outline:2px solid #b02546;outline-offset:3px}
.experience-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:none;align-items:stretch;padding:10px 14px;border-bottom:1px solid #f5f0f3;background:#fbf9fa;min-width:0;margin:0 0 12px;width:100%}
.experience-tabs a{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:8px 12px;border:1px solid #e5dce2;border-radius:7px;text-decoration:none;color:#393139;font-size:15px;line-height:1.4;white-space:normal;hyphens:none;word-break:keep-all;background:#fff}
.experience-tabs a[aria-current=page]{border:2px solid #b02546;background:#f5f0f3;color:#b02546;font-weight:700;padding:7px 11px}
.experience-tabs a:hover{border-color:#b02546;background:#f5f0f3;color:#393139}
.experience-tabs a:focus-visible{outline:3px solid #b02546;outline-offset:3px}
.host-workspace>.experience-tabs{margin-bottom:0}
.experience-tabs-header{display:grid;place-items:center;width:100%;padding:20px 16px 0}
.experience-tabs-header .experience-tabs{width:min(880px,100%);padding:0;border-bottom:0;background:transparent;margin:0 0 16px}
body.experience-gate-shell{display:grid;grid-template-columns:200px minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:stretch;padding:0;gap:0}
/* U03: single second-column wrapper holds the tabs header and the gate card;
   the card itself stays centered in the remaining main area. */
.experience-main-column{display:flex;flex-direction:column;align-items:center;grid-column:2;min-width:0;min-height:100dvh}
.experience-main-column>main{margin:32px;width:min(520px,calc(100% - 32px))}
.experience-gate-shell .experience-tabs-header{width:100%;padding-top:28px}
@media(max-width:900px){body.experience-gate-shell{display:block}.experience-main-column{min-height:0}.experience-main-column>main{margin:16px;width:calc(100% - 32px)}.experience-gate-shell .experience-tabs-header{padding:12px 0 0}.experience-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:0}.experience-tabs-header .experience-tabs{padding:0}.experience-tabs a{padding:8px 6px;font-size:13px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.experience-tabs,.experience-tabs a{animation:none;transition:none;scroll-behavior:auto}}
.platform-nav nav a{transition:background .16s,border-color .16s,color .16s,transform .16s}.platform-nav nav a:hover{transform:translateX(2px)}.platform-nav nav a[aria-current=page]{background:#f5f0f3;border-color:#e5dce2;color:#b02546}.experience-tabs a{background:#fff;border-color:#e5dce2;box-shadow:0 2px 8px rgba(32,55,47,.05)}.experience-tabs a[aria-current=page]{background:#fff8e8;border-color:#e7b34c;color:#7a5510;box-shadow:0 4px 12px rgba(167,116,20,.12)}
.platform-nav [data-account-dock].account-dock{position:static;width:100%;margin-top:auto;padding:12px 0;border-radius:0}
.platform-nav .language-toggle{margin-top:12px;align-self:flex-start;border:1px solid #f5f0f3;background:#fff;color:#b02546;font-size:12px;min-width:54px;padding:7px 12px;border-radius:8px}
.platform-nav .language-toggle:hover{background:#fbf9fa;border-color:#e5dce2}
.top-language-toggle{margin-left:auto;border:1px solid #f5f0f3;background:#fff;color:#b02546;font-size:12px;min-width:54px;padding:7px 12px;border-radius:8px}
.top-language-toggle:hover{background:#fbf9fa;border-color:#e5dce2}
.platform-nav .space-switcher{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;padding:0;border:0}
.platform-nav .space-title{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 12px;border:1px solid #e9dec8;background:#fbf7ee;color:#393139;border-radius:12px;font-size:12px;font-weight:750;letter-spacing:.08em;text-align:left;box-shadow:0 2px 7px rgba(95,75,35,.06)}
.platform-nav .space-title:hover{background:#fff8e8;border-color:#e7c77e}
.platform-nav .space-title-copy{display:grid;gap:2px;min-width:0}
.platform-nav .space-title-copy b{font-size:11px;letter-spacing:.12em}
.platform-nav .space-title-copy small{max-width:142px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#806f50;font-size:11px;font-weight:500;letter-spacing:0}
.platform-nav .space-title::after{content:'⌄';font-size:16px;letter-spacing:0}
.platform-nav .space-title[aria-expanded=true]::after{content:'⌃'}
.platform-nav .space-menu{display:grid;gap:8px;padding:10px;background:#fff;border:1px solid #f5f0f3;border-radius:12px;box-shadow:0 8px 22px rgba(36,60,52,.09)}
.platform-nav .space-manage-label{font-size:10px;color:#80727c;letter-spacing:.04em;padding:2px 4px 3px}
.platform-nav .space-menu .space-picker{display:block;font-size:11px;color:#80727c;letter-spacing:.02em}
.platform-nav .space-menu select{width:100%;margin-top:4px;padding:8px 7px;border:1px solid #f5f0f3;border-radius:6px;background:#fff;color:#393139}
.platform-nav .space-menu #new-space{padding:6px 4px;border:0;background:transparent;color:#b02546;font-size:11px;text-align:left}
.platform-nav .account-trigger{padding:4px;gap:7px;font-size:12px}
.platform-nav .account-trigger small{font-size:10px}
.platform-nav .account-trigger>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.platform-nav .account-trigger>span:last-child{display:none}
.host-platform-shell{display:grid;grid-template-columns:200px minmax(0,1fr)}
.host-platform-shell .host-workspace{min-width:0;min-height:0}
.host-platform-shell .platform-nav{height:100dvh;overflow:auto}
.host-platform-shell .setup-panel{padding-bottom:0}
.host-platform-shell .app-header{display:flex;flex-wrap:wrap;gap:8px;height:auto;min-height:88px;padding:10px 14px}
.host-platform-shell .app-header .brand{flex:1;min-width:0}
.host-platform-shell .app-header .brand strong{font-size:16px}
.host-platform-shell .header-actions{gap:6px}
.host-platform-shell .header-actions>a{display:none}
.host-platform-shell .app-grid{height:calc(100dvh - 126px);padding:10px;grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);gap:10px}
@media(min-width:901px) and (max-width:1200px){.host-platform-shell{grid-template-columns:160px minmax(0,1fr)}.host-platform-shell .platform-nav{width:160px;padding:20px 10px}.host-platform-shell .app-grid{grid-template-columns:190px minmax(0,1fr) minmax(0,1fr)}.host-platform-shell .app-header .brand small{display:none}}
@media(max-width:900px){.host-platform-shell{display:block;height:auto;overflow:auto}.host-platform-shell .platform-nav,.platform-nav{width:100%;height:auto;padding:12px 14px;gap:12px;border-right:0;border-bottom:1px solid #f5f0f3}.platform-nav nav{display:flex;flex-wrap:wrap;gap:3px}.platform-nav .nav-group{display:none}.platform-nav nav a{padding:7px;font-size:12px}.host-platform-shell .app-grid{height:auto;display:flex;flex-direction:column}.host-platform-shell .app-header{min-height:0}.host-platform-shell .platform-nav .account-dock{margin-top:0}.host-platform-shell .app-footer{height:auto;flex-wrap:wrap}}