html.tools-workspace body{padding-top:76px}.workspace-header{position:fixed;inset:0 0 auto;height:68px;z-index:16;display:flex;align-items:center;gap:20px;padding:0 28px;background:#101518f5;border-bottom:1px solid #e9be652a;backdrop-filter:blur(12px);box-sizing:border-box}.workspace-header strong{color:#e9be65;letter-spacing:3px}.workspace-header span{font-size:12px;color:#b9aa89}.workspace-header div{margin-left:auto;display:flex;gap:5px}.workspace-header button{min-height:44px;padding:8px 12px;background:transparent;color:#b9bdbc;border:1px solid transparent;border-radius:9px;font:inherit;cursor:pointer}.workspace-header button[aria-pressed=true]{color:#e9be65;border-color:#e9be6540;background:#e9be6510}html.tools-workspace body>main>header{display:none}body.workspace-active{overflow:hidden}.workspace-host{position:fixed;top:68px;left:0;right:0;bottom:calc(82px + env(safe-area-inset-bottom));background:#0b0e10}.workspace-host iframe{border:0;width:100%;height:100%;background:#0b0e10;display:block}.workspace-host iframe[hidden],.workspace-host[hidden]{display:none}.workspace-host iframe:not(.loaded){opacity:1}.workspace-host iframe.loaded{opacity:1}.workspace-embedded body{padding-bottom:24px!important}.workspace-embedded .motion-dock,.workspace-embedded .motion-intro,.workspace-embedded .tool-centre-nav,.workspace-embedded .tool-return,.workspace-embedded .topbar,.workspace-embedded main>header{display:none!important}.workspace-embedded .motion-scene{display:none}.workspace-embedded .page-title{margin-top:10px}.workspace-embedded input,.workspace-embedded select,.workspace-embedded textarea{scroll-margin-top:20px}.workspace-embedded button,.workspace-embedded select,.workspace-embedded summary{min-height:44px}.workspace-embedded .table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}@media(max-width:600px){.workspace-header{padding:0 14px;gap:10px}.workspace-header span{display:none}.workspace-header button{font-size:14px}.workspace-host{bottom:calc(78px + env(safe-area-inset-bottom))}.workspace-embedded input,.workspace-embedded select,.workspace-embedded textarea{font-size:16px!important}.workspace-embedded main{padding-left:12px;padding-right:12px}}@media(prefers-reduced-motion:no-preference){.workspace-host iframe.loaded{animation:workspace-reveal .13s ease-out}@keyframes workspace-reveal{from{opacity:.5}to{opacity:1}}}@media print{.workspace-header{display:none}.workspace-embedded body{padding:0!important}}

.workspace-embedded body{padding-top:0!important}.workspace-keyboard .motion-dock{display:none}.workspace-host iframe{color-scheme:dark}

.rate-update-box{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px;margin:12px 0;border:1px solid #e9be6550;background:#e9be650b;border-radius:10px;font-size:13px}.rate-update-box[hidden]{display:none}.rate-update-box button{min-height:44px;border:1px solid #e9be65;background:#e9be65;color:#17130d;border-radius:8px;padding:8px 14px}

.workspace-loading{position:absolute;top:12px;right:14px;z-index:3;padding:10px 14px;color:#e9be65;background:#13191cf0;border:1px solid #e9be6530;border-radius:10px;font-size:13px;pointer-events:none}.workspace-loading button{pointer-events:auto;min-height:44px;background:#e9be65;color:#16130d;border:0;border-radius:8px;margin-left:8px;padding:8px 14px}

/* One persistent scene and one transition for the complete tool surface. */
html.tools-workspace body>main,.workspace-host{view-transition-name:tool-surface}
.workspace-header{view-transition-name:workspace-header}
.workspace-host{background:transparent}
.workspace-host iframe,.workspace-embedded body{background:transparent!important}
.workspace-embedded html{background:#0b0e10}
.workspace-host iframe.loaded{animation:none!important}
.workspace-embedded .chart-saving,.workspace-embedded .chart-investment{animation:none!important}
.workspace-embedded .motion-result{animation:none!important}
.workspace-dock-highlight{position:absolute;left:0;top:0;border-radius:12px;background:#e9be65;pointer-events:none;z-index:0;box-shadow:0 3px 18px #e9be651b}
html.tools-workspace .motion-dock a{position:relative;z-index:1}
html.tools-workspace .motion-dock a[aria-current=page],html.tools-workspace .motion-dock a[aria-current=page]:hover{background:transparent;box-shadow:none}
.workspace-loading{position:fixed;top:80px;right:16px}
@media(prefers-reduced-motion:no-preference){
 .workspace-dock-highlight{transition:transform .24s cubic-bezier(.2,.8,.2,1),width .24s cubic-bezier(.2,.8,.2,1),height .24s cubic-bezier(.2,.8,.2,1)}
 ::view-transition-old(root),::view-transition-new(root){animation:none}
 ::view-transition-group(workspace-header),::view-transition-group(tools-dock){animation:none}
 ::view-transition-old(workspace-header),::view-transition-old(tools-dock){display:none}
 ::view-transition-new(workspace-header),::view-transition-new(tools-dock){animation:none}
 ::view-transition-group(tool-surface){animation-duration:.22s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
 ::view-transition-old(tool-surface){animation:surface-leave .18s ease-out both}
 ::view-transition-new(tool-surface){animation:surface-enter .22s cubic-bezier(.2,.8,.2,1) both}
 @keyframes surface-leave{to{opacity:0;transform:translateY(-4px)}}
 @keyframes surface-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}
@media(prefers-reduced-motion:reduce){.workspace-dock-highlight{transition:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}

html.workspace-embedded{background:transparent!important}

::view-transition{pointer-events:none}

/* Keep navigation live while only the named content surface is captured. */
.workspace-header,html.tools-workspace .motion-dock{view-transition-name:none}
html.tools-workspace::view-transition-old(root),html.tools-workspace::view-transition-new(root){display:none}

/* The shell uses a single fixed scene; a short body must never tile a gradient. */
html.tools-workspace,html.tools-workspace body{min-height:100vh;min-height:100dvh;background:#0b0e10;background-repeat:no-repeat}
html.tools-workspace body>main,.workspace-host{view-transition-name:none;animation:none!important}
html.tools-workspace .motion-scene{background-repeat:no-repeat}
html.workspace-embedded,html.workspace-embedded body{background:none!important;background-repeat:no-repeat!important;border-top:0!important}
.workspace-header{inset:0 0 auto!important;height:68px!important;transform:none!important;animation:none!important;z-index:20}
html.tools-workspace .motion-dock{animation:none!important}

.rate-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:12px 0 18px}.rate-toolbar .rate-source-note{margin:0!important}.rate-toolbar .rate-metadata{border:0;margin:0;padding:0;white-space:normal}.rate-toolbar .rate-metadata summary{padding:8px 0;min-height:44px;align-items:center}.rate-toolbar .rate-metadata[open]{flex-basis:100%}.rate-toolbar .rate-metadata p{white-space:pre-line;border-left:2px solid #e9be65;padding-left:12px}.rate-toolbar .rate-check{margin:0}
