@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{font-family:Inter,system-ui,sans-serif;color:#101116;background:#f0f0f2;--violet:#9b3fd1;--line:#e7e7ec}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#ededf0}a{text-decoration:none;color:inherit}button,textarea{font:inherit}.rail{position:fixed;inset:18px auto 18px 18px;width:68px;border:1px solid var(--line);border-radius:22px;background:#fff;display:flex;flex-direction:column;align-items:center;padding:14px 10px;z-index:10}.mark img{width:40px;height:40px;border-radius:12px}.rail nav{display:grid;gap:12px;margin-top:42px}.rail nav a,.rail-bottom a{width:40px;height:40px;display:grid;place-items:center;border-radius:11px;color:#696b75}.rail nav a.active{background:#f4ecfb;color:#842bb8;box-shadow:inset 3px 0 #a23cdc}.rail svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.rail-bottom{margin-top:auto;display:grid;place-items:center;gap:10px}.rail-bottom a{font-size:15px}.rail-bottom>span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#151620;color:#fff;font-size:11px}main{margin:18px 18px 18px 104px;min-height:calc(100vh - 36px);border:1px solid #e5e5ea;border-radius:24px;background:#fff;overflow:hidden}.topbar{height:74px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f0f3}.topbar button,.topbar a{border:1px solid #e5e5ea;border-radius:11px;background:#fff;padding:11px 15px}.topbar>div{display:flex;gap:10px}.topbar .primary{background:#101116;color:#fff;border-color:#101116}.context span{margin-left:14px;color:#85868d}.assistant-home{max-width:980px;margin:auto;padding:70px 36px 44px;text-align:center}.orb{width:78px;height:78px;margin:auto;border-radius:50%;background:radial-gradient(circle at 35% 27%,#fff 0 8%,#e7b9ff 24%,#b849e4 52%,#6d18bd 78%,#371050 100%);box-shadow:0 16px 42px rgba(151,53,208,.26),0 0 38px rgba(188,102,238,.24)}.assistant-home>p,.starter>p{margin-top:25px;color:#777983;font-size:10px;letter-spacing:.14em;font-weight:600}.assistant-home h1{font-size:42px;line-height:1.2;letter-spacing:-.045em;margin:14px 0 38px}.assistant-home h1 em{font-style:normal;background:linear-gradient(90deg,#7021b1,#db4ee5);-webkit-background-clip:text;color:transparent}.composer{border:1px solid #dedfe5;border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(27,28,36,.08);text-align:left;overflow:hidden}.composer label{display:flex;gap:12px;padding:20px}.composer label>span{color:#9a36cf}.composer textarea{width:100%;height:100px;border:0;outline:0;resize:none;color:#171820}.composer footer{padding:12px 14px;border-top:1px solid #eeeeF2;display:flex;justify-content:space-between}.composer footer>div{display:flex;gap:8px;align-items:center}.composer button{border:1px solid #e6e6ea;border-radius:9px;background:#fff;padding:9px 12px}.composer .send{width:38px;height:38px;padding:0;background:#11121a;color:#fff;font-size:18px}.composer footer span{font-size:11px;color:#6e3a91}.starter{text-align:left;margin-top:42px}.starter>div{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.starter button{min-height:138px;padding:16px;text-align:left;border:1px solid #ececf0;border-radius:15px;background:#f7f7f9;display:flex;flex-direction:column;cursor:pointer}.starter button:hover{border-color:#d9bae9;background:#fbf7fd}.starter button>span{font-size:9px;color:#9b3fd1}.starter strong{margin-top:22px;font-size:13px;line-height:1.35}.starter small{margin-top:8px;color:#777983;line-height:1.4}.trust{display:block;margin-top:35px;color:#85868f}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid rgba(162,60,220,.24);outline-offset:3px}
@media(max-width:760px){.rail{inset:auto 12px 12px;width:calc(100% - 24px);height:62px;flex-direction:row;padding:8px 12px}.mark{display:none}.rail nav{margin:0;display:flex;justify-content:space-around;width:100%}.rail nav a:nth-child(n+5){display:none}.rail-bottom{display:none}main{margin:0 0 82px;min-height:calc(100vh - 82px);border:0;border-radius:0}.topbar{height:66px;padding:0 16px}.context{font-size:0}.context:first-letter{font-size:16px}.topbar>div button,.topbar>div a:not(.primary){display:none}.topbar .primary{font-size:12px}.assistant-home{padding:48px 18px 32px}.orb{width:64px;height:64px}.assistant-home h1{font-size:32px;margin-bottom:28px}.composer textarea{height:88px}.composer footer>div:first-child button:nth-child(2){display:none}.starter{margin-top:32px}.starter>div{grid-template-columns:1fr 1fr}.starter button{min-height:130px}}

/* Shared full product navigation used on AI home and Dashboard. */
.sidebar{position:fixed;inset:18px auto 18px 18px;width:244px;padding:20px 14px 14px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 60px rgba(48,54,85,.09);display:flex;flex-direction:column;z-index:20;color:#626a80}.brand{display:flex;align-items:center;gap:10px;padding:2px 10px 17px;border-bottom:1px solid #e8eaf1;color:#111322;font-size:19px}.brand img{width:38px;height:38px;border-radius:12px}.product-nav{display:grid;gap:3px;overflow:auto;margin:10px -2px 12px;padding:0 2px 12px}.nav-label{margin:17px 11px 7px;color:#9298aa;text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:700}.product-nav>a,.product-nav summary{height:40px;padding:0 11px;display:flex;align-items:center;gap:12px;border-radius:11px;list-style:none;cursor:pointer;font-size:12px;font-weight:600}.product-nav>a>span,.product-nav summary>span{width:20px;text-align:center}.product-nav>a:hover,.product-nav summary:hover{background:#f3f4f8;color:#171820}.product-nav>a.active{background:#151727;color:#fff;box-shadow:0 9px 20px rgba(21,23,39,.14)}.product-nav summary::-webkit-details-marker{display:none}.product-nav summary:after{content:'›';margin-left:auto}.product-nav details[open] summary:after{transform:rotate(90deg)}.product-nav details>div{display:grid;margin:3px 0 6px 31px;padding:4px 0 4px 11px;border-left:1px solid #dfe2eb}.product-nav details>div a{padding:7px 9px;border-radius:7px;color:#747c92;font-size:11px}.product-nav details>div a:hover{background:#f2f4f8;color:#171820}.account{margin-top:auto;border:0;border-radius:12px;background:transparent;color:#171a29;padding:9px;display:grid;grid-template-columns:40px 1fr;gap:10px;align-items:center;text-align:left}.account>span:first-child{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#5875ed;color:#fff}.account b,.account small{display:block}.account small{margin-top:3px;color:#777f92;font-size:10px}body>main{margin-left:280px}
@media(max-width:760px){.sidebar{inset:0 auto 0 0;width:278px;border-radius:0;transform:translateX(-100%)}body>main{margin:0}.topbar:before{content:'PhotoGram';font-weight:700;margin-right:auto}.topbar{gap:8px}}
.menu{display:none}
@media(max-width:760px){.menu{display:block!important;border:0!important;padding:8px!important}.topbar:before{display:none}.nav-open .sidebar{transform:translateX(0);box-shadow:20px 0 60px rgba(20,20,30,.18)}.sidebar{transition:transform .2s}}
@media(min-width:761px){.sidebar{width:210px;padding:16px 11px 12px}.brand{justify-content:center;padding:0 6px 14px}.brand strong{display:none}.product-nav{margin-top:7px}.product-nav>a,.product-nav summary{padding:0 9px;gap:9px}.nav-label{margin:14px 9px 6px}.account{padding:7px;grid-template-columns:36px 1fr}.account>span:first-child{width:34px;height:34px}body>main{margin-left:246px}}

/* Explicit type scale: no browser-default small text. */
.topbar button,.topbar a{font-size:14px;line-height:20px}.context{font-weight:500}.nav-label{font-size:9px;line-height:12px}.product-nav>a,.product-nav summary{font-size:12.5px;line-height:18px}.product-nav details>div a{font-size:11.5px;line-height:17px}.account b{font-size:12.5px;line-height:17px}.account small{font-size:10.5px;line-height:14px}.assistant-home>p,.starter>p{font-size:10.5px;line-height:15px}.assistant-home h1{font-size:42px;line-height:1.18}.composer textarea{font-size:16px;line-height:24px}.composer button{font-size:13px;line-height:18px}.composer footer span{font-size:11px;line-height:16px}.starter button>span{font-size:10px;line-height:14px}.starter strong{font-size:13.5px;line-height:18px}.starter small{font-size:12.5px;line-height:18px}.trust{font-size:12.5px;line-height:18px}
@media(max-width:760px){.assistant-home h1{font-size:32px;line-height:1.16}.assistant-home>p,.starter>p{font-size:10.5px}.starter strong{font-size:13px;line-height:17px}.starter small{font-size:12.5px;line-height:18px}.trust{font-size:12px;line-height:17px}.topbar .context{font-size:0}.topbar .context:after{content:'AI';font-size:12px}}

/* Explicit full/icon-only navigation toggle, matching Dashboard. */
@media(min-width:761px){
  .menu{display:grid!important;width:40px;height:40px;padding:0!important;place-items:center;border:1px solid #e5e5ea!important;border-radius:11px;background:#fff!important;color:#171820;cursor:pointer}
  .topbar{justify-content:flex-start}.topbar>.context{margin-left:12px}.topbar>div{margin-left:auto}
  .sidebar,body>main{transition:width .22s ease,margin-left .22s ease}
  .nav-collapsed .sidebar{width:72px;padding:16px 10px}.nav-collapsed .product-nav{overflow-x:hidden}.nav-collapsed .nav-label{height:8px;margin:14px 9px 6px;overflow:hidden;color:transparent}
  .nav-collapsed .product-nav>a,.nav-collapsed .product-nav summary{width:48px;overflow:hidden;white-space:nowrap;font-size:0}.nav-collapsed .product-nav>a>span,.nav-collapsed .product-nav summary>span{min-width:20px;font-size:16px;line-height:1}.nav-collapsed .product-nav summary:after,.nav-collapsed .product-nav details>div{display:none}
  .nav-collapsed .account{width:48px;grid-template-columns:34px 140px;overflow:hidden}.nav-collapsed .account>span+span{opacity:0;white-space:nowrap}
  .nav-collapsed main{margin-left:108px}
}

@media(min-width:761px){.sidebar,body>main{transition:none!important}}
.brand.nav-toggle{width:100%;border:0;background:transparent;font:inherit;text-align:left;cursor:pointer}.brand.nav-toggle:focus-visible{outline:3px solid rgba(155,63,209,.24);outline-offset:3px}
@media(min-width:761px){body>main{height:calc(100vh - 36px);min-height:0}.assistant-home{height:calc(100% - 74px);overflow:auto}}
@media(min-width:761px) and (max-height:950px){.assistant-home{padding:42px 36px 24px}.orb{width:64px;height:64px}.assistant-home>p{margin-top:18px}.assistant-home h1{font-size:38px;margin:10px 0 24px}.composer textarea{height:80px}.starter{margin-top:26px}.starter button{min-height:112px}.starter strong{margin-top:15px}.trust{margin-top:20px}}
.topbar.ai-actions-only{justify-content:flex-end}
.topbar.ai-actions-only a{height:44px;padding:11px 15px;border-radius:11px;font-size:14px;line-height:20px;font-weight:400}
.product-nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.product-nav>a.active svg{stroke-width:2}.product-nav>a>span,.product-nav summary>span{display:grid;place-items:center}

/* PG-TECH-0023: redesigned account and logout interaction. */
.account-control{position:relative;margin-top:auto}.account-control .account{margin-top:0;width:100%;grid-template-columns:40px 1fr auto;cursor:pointer}.account-control .account:hover,.account-control .account[aria-expanded="true"]{background:transparent}.account-chevron{color:#777f92;transition:transform .18s}.account[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}.account-menu{position:absolute;left:0;right:0;bottom:calc(100% + 9px);padding:8px;border:1px solid #dedfe7;border-radius:16px;background:#fff;box-shadow:0 18px 48px rgba(27,30,50,.18);z-index:30}.account-menu[hidden]{display:none}.account-menu-profile{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:center;padding:8px 9px 12px;border-bottom:1px solid #ececf1}.account-menu-profile>span:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#5875ed;color:#fff;font-size:11px}.account-menu b,.account-menu small{display:block}.account-menu b{font-size:12px}.account-menu small{margin-top:2px;color:#777f92;font-size:9px}.account-menu a,.account-menu button{width:100%;display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:center;margin-top:5px;padding:9px;border:0;border-radius:10px;background:transparent;color:#252734;text-align:left;cursor:pointer}.account-menu a:hover,.account-menu button:hover{background:#f3f4f8}.account-menu .logout{color:#b42318}.account-menu .logout small{color:#98605b}
.mobile-menu{display:none;border:0;background:transparent;color:#171820;font-size:20px}.topbar.ai-actions-only{justify-content:flex-end}
@media(max-width:760px){.topbar.ai-actions-only{justify-content:space-between}.mobile-menu{display:grid;place-items:center}.account-menu{bottom:calc(100% + 8px)}}
@media(min-width:761px){.account-control .account{grid-template-columns:36px 1fr auto}.nav-collapsed .account-control{width:48px}.nav-collapsed .account-control .account{width:48px;grid-template-columns:34px 140px auto;overflow:hidden}.nav-collapsed .account-menu{left:0;right:auto;width:230px}.nav-collapsed .account-menu span{opacity:1!important}}