:root{--ex-sidebar:280px;--ex-compact:72px;--ex-main:1040px;--ex-top:64px;--ex-bg:var(--platform-bg,var(--bg-primary,#090909));--ex-panel:var(--platform-surface,var(--bg-secondary,#111));--ex-line:var(--platform-border,var(--border-color,rgba(255,255,255,.12)));--ex-text:var(--platform-text,var(--text-primary,#f5f5f5));--ex-muted:var(--platform-muted,var(--text-tertiary,#aaa))}
.platform-shell{grid-template-columns:var(--ex-sidebar) minmax(0,1fr)!important;min-height:100dvh;background:var(--ex-bg)}
.platform-shell.exterior-sidebar-collapsed{grid-template-columns:var(--ex-compact) minmax(0,1fr)!important}.platform-main{min-width:0}.platform-page-head,.platform-page-content{width:min(100%,var(--ex-main))!important;margin-inline:auto}.platform-sidebar{position:relative}.platform-brand{min-height:44px}.platform-brand img{width:auto!important;max-width:150px!important;height:30px!important;object-fit:contain}.exterior-sidebar-collapse{position:absolute;top:18px;right:10px;width:30px;height:30px;border:0;border-radius:9px;background:transparent;color:inherit;cursor:pointer}.platform-shell.exterior-sidebar-collapsed .platform-brand img{width:38px!important;max-width:38px!important;object-fit:cover;object-position:left}.platform-shell.exterior-sidebar-collapsed .platform-brand span,.platform-shell.exterior-sidebar-collapsed .platform-nav a span,.platform-shell.exterior-sidebar-collapsed .platform-side-meta>a:not(.exterior-account-row),.platform-shell.exterior-sidebar-collapsed .exterior-settings-trigger,.platform-shell.exterior-sidebar-collapsed .exterior-credit-shortcuts,.platform-shell.exterior-sidebar-collapsed .exterior-account-row>span:last-child{display:none!important}.platform-shell.exterior-sidebar-collapsed .platform-nav a,.platform-shell.exterior-sidebar-collapsed .exterior-account-row{justify-content:center;padding-inline:0}.platform-side-meta>a[href="/legal"],.platform-side-meta>a[href="/status"],.platform-side-meta>.platform-account-name{display:none!important}.exterior-settings-trigger{width:100%;min-height:42px;border:0;border-radius:10px;background:transparent;color:inherit;text-align:left;padding:0 10px;cursor:pointer}.exterior-settings-trigger:hover,.exterior-credit-shortcuts a:hover,.exterior-account-row:hover{background:color-mix(in srgb,var(--ex-text) 6%,transparent)}.exterior-credit-shortcuts{display:grid;gap:2px;margin-top:8px;padding-top:8px;border-top:1px solid var(--ex-line)}.exterior-credit-shortcuts a,.exterior-account-row{min-height:38px;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:10px;text-decoration:none;color:var(--ex-muted)}.exterior-account-row{margin-top:6px;color:var(--ex-text)}.exterior-account-row>span:last-child{display:grid;min-width:0}.exterior-account-row small{font-size:10px;color:var(--ex-muted)}
.platform-credit-layer{left:16px!important;right:auto!important;top:auto!important;bottom:126px!important;width:calc(var(--ex-sidebar) - 32px)!important;padding:0!important}.platform-shell.exterior-sidebar-collapsed .platform-credit-layer{width:52px!important}.platform-shell.exterior-sidebar-collapsed .platform-credit-title,.platform-shell.exterior-sidebar-collapsed .platform-credit-track{display:none!important}.platform-shell.exterior-sidebar-collapsed .platform-credit-meter{grid-template-columns:1fr!important;padding:0!important}.platform-shell.exterior-sidebar-collapsed .platform-credit-number{text-align:center!important}.platform-credit-meter{max-width:none!important}
.exterior-settings-backdrop,.exterior-picker-backdrop{position:fixed;inset:0;z-index:180;border:0;background:color-mix(in srgb,var(--bg-primary,#000) 50%,transparent)}.exterior-settings-panel{position:fixed;z-index:190;left:calc(var(--ex-sidebar) + 14px);bottom:18px;width:min(420px,calc(100vw - var(--ex-sidebar) - 34px));max-height:min(76dvh,680px);overflow:auto;border:1px solid var(--ex-line);border-radius:18px;background:var(--ex-bg);box-shadow:0 24px 80px var(--shadow,rgba(0,0,0,.45))}.exterior-settings-panel header,.exterior-picker header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--ex-line)}.exterior-settings-panel header div{display:grid}.exterior-settings-panel header small{color:var(--ex-muted)}.exterior-settings-panel header button,.exterior-picker header button{width:36px;height:36px;border:0;border-radius:10px;background:transparent;color:inherit}.exterior-settings-panel nav{display:grid;padding:8px}.exterior-settings-panel nav a{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-radius:11px;text-decoration:none;color:inherit}.exterior-settings-panel nav a:hover{background:color-mix(in srgb,var(--ex-text) 6%,transparent)}
html.exterior-composer-route .platform-page-head{display:none!important}html.exterior-composer-route .platform-main{height:100dvh;overflow:hidden;padding-top:0!important;padding-bottom:0!important}html.exterior-composer-route .platform-page-content{height:100%;max-width:none!important;width:100%!important;display:flex!important;flex-direction:column!important;overflow:auto;padding:20px max(20px,calc((100% - var(--ex-main))/2)) 150px!important}html.exterior-composer-route .canonical-composer-card{order:50;position:fixed;z-index:55;left:calc(var(--ex-sidebar) + (100vw - var(--ex-sidebar))/2);transform:translateX(-50%);bottom:16px;width:min(760px,calc(100vw - var(--ex-sidebar) - 40px));padding:10px 12px!important;border:1px solid var(--ex-line)!important;border-radius:24px!important;background:color-mix(in srgb,var(--ex-bg) 94%,transparent)!important;box-shadow:0 18px 60px var(--shadow,rgba(0,0,0,.35));backdrop-filter:blur(18px);gap:7px!important}.platform-shell.exterior-sidebar-collapsed .canonical-composer-card{left:calc(var(--ex-compact) + (100vw - var(--ex-compact))/2);width:min(760px,calc(100vw - var(--ex-compact) - 40px))}html.exterior-composer-route .canonical-composer-toolbar{display:none!important}html.exterior-composer-route .canonical-purpose-grid,html.exterior-composer-route .canonical-option-section,html.exterior-composer-route .canonical-two-column{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}html.exterior-composer-route .canonical-files>.canonical-section-head,html.exterior-composer-route .canonical-files>.canonical-empty{display:none!important}html.exterior-composer-route .canonical-files{gap:4px!important}html.exterior-composer-route .canonical-files ul{display:flex!important;gap:6px!important;overflow-x:auto!important}html.exterior-composer-route .canonical-files li{min-width:180px!important;max-width:260px!important;padding:7px 9px!important}html.exterior-composer-route .canonical-composer-card>.canonical-field{display:block!important}html.exterior-composer-route .canonical-composer-card>.canonical-field>span,html.exterior-composer-route .canonical-composer-card>.canonical-field>small{display:none!important}html.exterior-composer-route .canonical-composer-card>.canonical-field textarea{min-height:46px!important;max-height:180px!important;resize:none!important;border:0!important;background:transparent!important;padding:10px 8px!important;box-shadow:none!important}html.exterior-composer-route .canonical-primary-actions{position:absolute;right:12px;bottom:10px;z-index:4;gap:6px!important}html.exterior-composer-route .canonical-primary-actions .platform-button:not(.is-primary),html.exterior-composer-route .canonical-primary-actions a{display:none!important}html.exterior-composer-route .canonical-primary-actions .is-primary{width:42px;height:42px;min-height:42px;border-radius:50%!important;padding:0!important;font-size:0!important}html.exterior-composer-route .canonical-primary-actions .is-primary:after{content:'↑';font-size:22px}html.exterior-composer-route .canonical-alert{margin-right:48px;padding:7px 9px!important;font-size:12px}.exterior-composer-tools{display:flex;align-items:center;gap:6px;padding-right:50px}.exterior-round-tool{width:34px;height:34px;border:1px solid var(--ex-line);border-radius:50%;background:transparent;color:inherit;font-size:19px;cursor:pointer}.exterior-chips{min-width:0;display:flex;gap:5px;overflow-x:auto}.exterior-chips button{flex:none;min-height:30px;padding:0 9px;border:1px solid var(--ex-line);border-radius:999px;background:color-mix(in srgb,var(--ex-text) 4%,transparent);color:var(--ex-muted);font-size:11px}.exterior-picker{position:fixed;z-index:190;left:calc(var(--ex-sidebar) + max(16px,calc((100vw - var(--ex-sidebar) - 760px)/2)));bottom:92px;width:min(380px,calc(100vw - var(--ex-sidebar) - 40px));max-height:min(66dvh,580px);overflow:auto;border:1px solid var(--ex-line);border-radius:18px;background:var(--ex-bg);box-shadow:0 24px 70px rgba(0,0,0,.45)}.exterior-picker-body{display:grid;padding:7px}.exterior-picker-body>button{min-height:48px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:8px;padding:7px 10px;border:0;border-radius:11px;background:transparent;color:inherit;text-align:left}.exterior-picker-body>button:hover,.exterior-picker-body>button.is-selected{background:color-mix(in srgb,var(--ex-text) 7%,transparent)}.exterior-project-picker{display:grid;gap:10px;padding:8px}.exterior-project-picker input{min-height:44px;border:1px solid var(--ex-line);border-radius:11px;background:transparent;color:inherit;padding:0 11px}.exterior-project-picker a,.exterior-project-picker button{min-height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ex-line);border-radius:10px;background:transparent;color:inherit;text-decoration:none}
html.exterior-composer-route .canonical-result{order:10;width:min(100%,860px)!important;margin:0 auto 20px!important;padding:0!important;border:0!important;background:transparent!important}html.exterior-composer-route .canonical-result-grid{gap:0!important}html.exterior-composer-route .canonical-result-grid article{padding:24px 2px 28px!important;border:0!important;border-bottom:1px solid var(--ex-line)!important;border-radius:0!important;background:transparent!important}html.exterior-composer-route .canonical-result-grid article header button{margin-left:auto}html.exterior-composer-route .canonical-prompt-accordion{border:0!important;background:color-mix(in srgb,var(--ex-text) 4%,transparent)!important}html.exterior-composer-route .canonical-confirmation{position:fixed!important;z-index:195;right:0!important;top:0!important;width:min(470px,92vw)!important;height:100dvh!important;max-height:none!important;overflow:auto!important;margin:0!important;border-radius:0!important;border-width:0 0 0 1px!important;padding:22px!important;background:var(--ex-bg)!important;box-shadow:-24px 0 80px rgba(0,0,0,.45)}html.exterior-composer-route .canonical-confirmation:before{content:'';position:fixed;inset:0;z-index:-1;background:rgba(0,0,0,.46);transform:translateX(-470px);width:100vw}html.exterior-composer-route .canonical-confirmation dl{grid-template-columns:1fr 1fr!important}
@media(max-width:1100px){.platform-shell,.platform-shell.exterior-sidebar-collapsed{display:block!important;padding-top:calc(var(--ex-top) + env(safe-area-inset-top));min-height:100dvh}.platform-sidebar{display:none!important}.platform-mobile-header{display:grid!important;position:fixed!important;inset:env(safe-area-inset-top) env(safe-area-inset-right) auto env(safe-area-inset-left)!important;height:var(--ex-top)!important;z-index:70!important}.platform-credit-layer,.platform-shell.exterior-sidebar-collapsed .platform-credit-layer{top:calc(env(safe-area-inset-top) + 10px)!important;left:62px!important;right:62px!important;bottom:auto!important;width:auto!important;z-index:75!important}.platform-main{padding:24px 20px calc(32px + env(safe-area-inset-bottom))!important}.exterior-sidebar-collapse{display:none!important}.exterior-settings-panel{left:14px;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:auto;max-height:min(76dvh,680px);border-radius:20px}.exterior-picker{left:0;right:0;bottom:0;width:100%;max-height:min(72dvh,620px);border-width:1px 0 0;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom)}html.exterior-composer-route .platform-main{padding:0!important}html.exterior-composer-route .platform-page-content{padding:18px 16px 142px!important}html.exterior-composer-route .canonical-composer-card,.platform-shell.exterior-sidebar-collapsed .canonical-composer-card{left:14px!important;right:14px!important;bottom:calc(8px + env(safe-area-inset-bottom));transform:none!important;width:auto!important}html.exterior-composer-route .canonical-confirmation{top:auto!important;left:0!important;right:0!important;bottom:0!important;width:100%!important;height:auto!important;max-height:80dvh!important;border-width:1px 0 0!important;border-radius:22px 22px 0 0!important;padding-bottom:calc(22px + env(safe-area-inset-bottom))!important}html.exterior-composer-route .canonical-confirmation:before{transform:none;inset:auto 0 100% 0;height:100vh;width:100vw}.platform-mobile-drawer .exterior-credit-shortcuts{margin-top:auto}}
@media(max-width:640px){.platform-main{padding-inline:12px!important}.platform-page-head,.platform-page-content{width:100%!important}.exterior-settings-panel{left:8px;right:8px}.canonical-confirmation dl{grid-template-columns:1fr!important}.exterior-chips{max-width:calc(100vw - 190px)}html.exterior-composer-route .canonical-result-grid article{padding-inline:4px!important}}
@media(orientation:landscape) and (max-height:560px) and (max-width:1100px){:root{--ex-top:54px}.exterior-picker{max-height:88dvh}html.exterior-composer-route .canonical-confirmation{max-height:92dvh!important}}
@media(pointer:coarse){.exterior-settings-trigger,.exterior-credit-shortcuts a,.exterior-account-row,.exterior-picker-body>button,.exterior-round-tool{min-height:46px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

/* 2026-08-17 Master canonical top-control placement */
.platform-credit-layer{top:calc(env(safe-area-inset-top) + 10px)!important;left:calc(var(--ex-sidebar) + (100vw - var(--ex-sidebar))/2)!important;right:auto!important;bottom:auto!important;width:clamp(240px,28vw,360px)!important;transform:translateX(-50%);padding:0!important;z-index:75!important}.platform-credit-meter{width:100%!important;max-width:360px!important}.platform-shell.exterior-sidebar-collapsed .platform-credit-layer{left:calc(var(--ex-compact) + (100vw - var(--ex-compact))/2)!important;width:clamp(220px,28vw,340px)!important}.platform-shell.exterior-sidebar-collapsed .platform-credit-title{display:block!important}.platform-shell.exterior-sidebar-collapsed .platform-credit-track{display:block!important}.platform-shell.exterior-sidebar-collapsed .platform-credit-meter{grid-template-columns:auto auto minmax(72px,1fr) auto!important;padding:5px 13px 5px 10px!important}.platform-shell.exterior-sidebar-collapsed .platform-credit-number{text-align:right!important}html.exterior-composer-route .platform-page-content{padding-top:72px!important}
.aca-shell{left:calc(var(--ex-sidebar) + 8px)!important;right:auto!important;top:calc(env(safe-area-inset-top) + 10px)!important;bottom:auto!important}.aca-launcher{width:42px!important;height:42px!important;cursor:pointer!important;touch-action:manipulation!important}.aca-orbit{inset:5px!important}.aca-mark{font-size:18px!important}.aca-launcher-label{left:48px!important;right:auto!important}.aca-panel{left:0!important;right:auto!important;top:52px!important;bottom:auto!important;transform-origin:0 0!important}
@media(max-width:1100px){.platform-credit-layer,.platform-shell.exterior-sidebar-collapsed .platform-credit-layer{left:50%!important;right:auto!important;width:clamp(180px,34vw,320px)!important;transform:translateX(-50%)!important}.aca-shell{left:calc(env(safe-area-inset-left) + 60px)!important;top:calc(env(safe-area-inset-top) + 11px)!important}html.exterior-composer-route .platform-page-content{padding-top:72px!important}}
@media(max-width:600px){.aca-panel{position:fixed!important;left:8px!important;right:8px!important;top:auto!important;bottom:max(8px,env(safe-area-inset-bottom))!important;width:auto!important;height:min(690px,calc(100svh - 16px))!important;transform-origin:0 0!important}}
@media(max-width:420px){.platform-credit-layer,.platform-shell.exterior-sidebar-collapsed .platform-credit-layer{width:clamp(112px,36vw,156px)!important}.platform-credit-mark{display:none!important}.platform-credit-meter,.platform-shell.exterior-sidebar-collapsed .platform-credit-meter{grid-template-columns:minmax(48px,1fr) auto!important;gap:6px!important;padding-inline:7px!important}.platform-credit-number{min-width:42px!important;font-size:10px!important}}