.nav-glyph{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;flex:0 0 31px;border-radius:10px;border:1px solid #fff8;box-shadow:0 2px 4px #75533610,inset 0 1px 1px #fff9;transition:transform .18s ease,box-shadow .18s ease}.nav-glyph svg{width:17px!important;height:17px!important;stroke-width:1.85;fill:none;stroke:currentColor}.nav-glyph.clay{background:linear-gradient(145deg,#ff9654,#df512a);color:#fff}.nav-glyph.amber{background:linear-gradient(145deg,#ffda42,#efa90b);color:#fff}.nav-glyph.sage{background:linear-gradient(145deg,#7cdb73,#2da75d);color:#fff}.nav-glyph.rose{background:linear-gradient(145deg,#ff7fa5,#dc3b72);color:#fff}.nav-glyph.violet{background:linear-gradient(145deg,#ac80fb,#7541d5);color:#fff}.nav-glyph.teal{background:linear-gradient(145deg,#53d7c5,#0c9f98);color:#fff}.platform-shell .site-rail{padding:27px 14px 20px;background:linear-gradient(160deg,#f0e7d9,#eae0cf)}.platform-shell .site-brand{margin:0 7px 25px}.platform-shell .site-brand .brandmark{background:linear-gradient(145deg,#d09056,#ad5433);box-shadow:0 4px 12px #aa633a28}.platform-shell .site-rail button.illustrated-nav{min-height:44px;padding:6px 10px;gap:12px;border:1px solid transparent;border-radius:11px;font-size:12px;font-weight:500;position:relative}.platform-shell #creativeNav{display:grid;gap:5px}.platform-shell .site-rail>button.illustrated-nav{width:100%}.platform-shell .site-rail button.illustrated-nav:hover{background:#fff6e5;border-color:#e3d1b5}.platform-shell .site-rail button.selected{background:#fff5e6;border-color:#debea0;box-shadow:0 3px 9px #a0784420;color:#935031}.platform-shell .site-rail button.selected:after{content:'›';margin-left:auto;font-size:19px;color:#b1784e}.platform-shell .site-rail button.selected .nav-glyph{box-shadow:0 3px 7px #9c713a22;transform:rotate(-5deg)}.platform-shell .site-rail .rail-create{background:linear-gradient(120deg,#bd7749,#a75334);box-shadow:0 4px 10px #ac653526;border:1px solid #b37248;padding-left:15px;border-radius:10px;margin:0 4px 16px;min-height:44px}.platform-shell .rail-label{margin-top:5px;margin-bottom:8px}.platform-shell .rail-divider{margin:14px 10px}.platform-shell .rail-person{margin-top:12px;padding-top:14px}.platform-shell #apinav{gap:9px;padding:8px 0 13px}.platform-shell #apinav button.illustrated-nav{display:inline-flex;align-items:center;gap:8px;padding:8px 12px!important;border-radius:10px!important;transition:background .18s}.platform-shell #apinav .nav-glyph{width:26px;height:26px;flex-basis:26px;border-radius:8px}.platform-shell #apinav .nav-glyph svg{width:15px!important;height:15px!important}.platform-shell #apinav button.active{background:#f1e3cb!important;box-shadow:inset 0 0 0 1px #dec5a0}.platform-shell .heroicon{background:linear-gradient(145deg,#f6e5c5,#edd0a4);border:1px solid #fff9;border-radius:18px;box-shadow:0 5px 15px #a17b3f12;color:#b08336;padding:13px}@media(prefers-reduced-motion:reduce){.nav-glyph{transition:none}.platform-shell .site-rail button.selected .nav-glyph{transform:none}}@media(max-width:860px){.platform-shell .site-rail{padding:22px 8px}.platform-shell .site-brand{margin:0 0 22px}.platform-shell .site-rail button.illustrated-nav{font-size:0;gap:0;padding:6px 0;justify-content:center}.platform-shell .site-rail button.selected:after{display:none}.platform-shell .site-rail #railAccount{font-size:0}.platform-shell #apinav button.illustrated-nav{font-size:11px;gap:6px;padding:7px 9px!important}.platform-shell #apinav .nav-glyph{width:24px;height:24px;flex-basis:24px}}
.platform-shell .heroicon{display:grid;place-items:center;width:58px;height:58px;padding:0}.platform-shell .heroicon svg{width:29px;height:29px}
/* Clear color cues for primary navigation and creation modes. */
.platform-shell .top .right>.pill.buy{background:linear-gradient(120deg,#f8dda0,#edbb61);color:#815014;box-shadow:0 4px 11px #c58b3025,inset 0 0 0 1px #d6aa5c;border-color:#fff1cf}
.platform-shell .top .right>button:nth-child(2){background:linear-gradient(120deg,#d6e9df,#a9cfc0);color:#366e5d;box-shadow:0 4px 11px #4d8b7520,inset 0 0 0 1px #9dc2ad;border-color:#edf8f0}
.platform-shell .top .right>.balancepill{background:linear-gradient(120deg,#fff0c5,#e9d39c);color:#8a6726;box-shadow:0 4px 10px #b18a3820,inset 0 0 0 1px #ddc690;border-color:#fff7dc;font-weight:600}
.platform-shell .top .right>.pill.orange{background:linear-gradient(120deg,#e7a174,#bc6244);border-color:#f5c4a4;box-shadow:0 4px 13px #b65b3730}
.platform-shell #modeTrigger{background:linear-gradient(120deg,#fae7d7,#f2d5bc);color:#a45c35;border-color:#fff4e6;box-shadow:0 3px 12px #a6753920,inset 0 0 0 1px #e6c5a2}
.platform-shell .badgeicon.text{background:linear-gradient(140deg,#f7d9cb,#df9e83);color:#aa4e30;box-shadow:0 2px 6px #ae644d22}
.platform-shell .badgeicon.image{background:linear-gradient(140deg,#fff0b3,#edbf5c);color:#a97719;box-shadow:0 2px 6px #b8872922}
.platform-shell .badgeicon.edit{background:linear-gradient(140deg,#e1ebcc,#b2cc93);color:#5f7f3f;box-shadow:0 2px 6px #6e873e22}
.platform-shell .badgeicon.video{background:linear-gradient(140deg,#f9dce0,#dfa6ae);color:#a95c6d;box-shadow:0 2px 6px #a35a6e22}
.platform-shell .badgeicon.canvas{background:linear-gradient(140deg,#ece0f4,#c6aadf);color:#875da4;box-shadow:0 2px 6px #8d68a122}
.platform-shell .badgeicon.api{background:linear-gradient(140deg,#d8eee7,#9fcbbb);color:#3e7e6b;box-shadow:0 2px 6px #4d887422}
.platform-shell #modeMenu{background:#fff9ef;border:1px solid #ead8bd;box-shadow:0 12px 32px #805c3022;padding:8px}
.platform-shell #modeMenu button{border-radius:12px;margin:3px 0;padding:11px 10px;transition:background .16s}
.platform-shell #modeMenu button[data-mode="text"]{background:#f7e3d6;color:#a95b36}
.platform-shell #modeMenu button[data-mode="image"]{background:#f8edcb;color:#a37a28}
.platform-shell #modeMenu button[data-mode="edit"]{background:#e9efd9;color:#6b834b}
.platform-shell #modeMenu button[data-mode="video"]{background:#f4e1e3;color:#9e5c6b}
.platform-shell #modeMenu button[data-mode="canvas"]{background:#ede3f3;color:#85649d}
.platform-shell #modeMenu button[data-mode="api"]{background:#deeee5;color:#4d806b}
.platform-shell #modeMenu button small{color:inherit;opacity:.65}
.platform-shell #modeMenu button.active{box-shadow:inset 0 0 0 1px currentColor}
.platform-shell #modeMenu button:hover{filter:brightness(.97)}

.nav-glyph{border-color:#ffffffb8;box-shadow:0 3px 7px #68471a26,inset 0 1px 2px #ffffff75}.nav-glyph svg{stroke-width:2.25;filter:drop-shadow(0 1px 1px #66341e25)}.nav-glyph.amber{color:#7d4404}.nav-glyph.sage{color:#fff}.nav-glyph.teal{color:#fff}