/* Start surfaces only; the presentation canvas retains its own design. */
.fsas-cubes{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:#2082b6;background-image:linear-gradient(#ffffff25 1px,transparent 1px),linear-gradient(90deg,#ffffff25 1px,transparent 1px);background-size:100px 100px;z-index:0}
.fsas-cubes canvas{width:100%;height:100%;display:block}
#cloudLogin{background:#2082b6!important;color:white;isolation:isolate;overflow:hidden}
#cloudLogin form{position:relative;z-index:1;background:#12638feb!important;color:white;border:1px solid #ffffff80;box-shadow:0 24px 80px #093c5b40!important;backdrop-filter:blur(12px);max-height:calc(100dvh - 48px);overflow:auto}
#cloudLogin h1,#cloudLogin p,#cloudLogin label{color:white}
#cloudLogin input{box-sizing:border-box;border:1px solid #ffffffb3;border-radius:8px;background:#fff;color:#16384b}
#cloudLogin button.primary{background:white;color:#125b83;border:1px solid white;font-weight:700;width:100%;padding:12px}
#cloudLogin button.primary:hover{background:#eaf7ff}
#cloudLogin #loginError:not(:empty){background:#fff;color:#9f2038;padding:10px;border-radius:6px}
#cloudDashboard{background:#2082b6!important;color:white!important;isolation:isolate}
#cloudDashboard>.fsas-cubes{position:fixed}
#cloudDashboard>header,#cloudDashboard>.dash-layout{position:relative;z-index:1}
#cloudDashboard>header{background:#12638feb!important;color:white;border-color:#ffffff66!important;backdrop-filter:blur(12px)}
#cloudDashboard h1,#cloudDashboard>.dash-layout>div>p{color:white;text-shadow:0 1px 6px #0c527a}
#cloudDashboard aside{align-self:start;padding:14px;border:1px solid #ffffff66;border-radius:14px;background:#12638fe8;backdrop-filter:blur(12px)}
#cloudDashboard button{color:#164d6b!important}
#cloudDashboard aside button,#cloudDashboard>header button,#cloudDashboard .dash-folder-actions button{background:#12638f!important;color:white!important;border-color:#ffffffa6!important}
#cloudDashboard aside button[aria-current=true],#cloudDashboard button.primary{background:white!important;color:#125b83!important;border-color:white!important;font-weight:700}
#cloudDashboard .dash-tools>button:not(.primary){background:#12638f!important;color:white!important;border-color:#ffffffa6!important}
#cloudDashboard article{color:#203546;border-color:#ffffffb3!important;box-shadow:0 8px 28px #0e496428!important}
#cloudDashboard article button.primary{background:#12638f!important;color:white!important;border-color:#12638f!important}
#cloudDashboard article select,#cloudDashboard input{color:#203546!important;background:white!important}
#cloudDashboard .dash-empty,#cloudDashboard #dashInfo{background:#12638fe8;color:white;border-radius:10px;padding:12px;text-shadow:none}
#cloudDashboard .dash-empty{border-color:#ffffff99!important;padding:40px 20px}
#cloudDashboard button:hover{filter:brightness(.94)}
#cloudLogin :focus-visible,#cloudDashboard :focus-visible{outline:3px solid #ffdd76;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.fsas-cubes{background-size:100px 100px}}