/* Shared visual language for creative tools. No changes to the underlying controls. */
body:has(.playground-steps),body:has(.agent-steps),body:has(.board-guide),body:has(.daily-date){--studio-amber:#ffba8a;--studio-red:#eb756e}
.playground-steps,.agent-steps,.board-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin:0 0 1.2rem}
.playground-steps>span,.agent-steps>span,.board-guide>div{min-width:0;border:1px solid #f5ad8455;border-radius:17px;padding:1rem 1.1rem;background:linear-gradient(130deg,#393039,#222d38);box-shadow:0 12px 30px #0003;color:#f8eee9}
.playground-steps b,.board-guide b{color:#ffbd8e;font-weight:800;margin-right:.6rem}.board-guide b,.board-guide span{display:block;margin:.15rem 0}.board-guide span{font-size:.9rem;line-height:1.5;color:#d4dce4}
body:has(.agent-steps) .hero,body:has(.board-guide) .hero,body:has(.daily-date) .hero{padding:clamp(1.5rem,3vw,2.8rem);border-radius:28px;border:1px solid #ffb88768;background:radial-gradient(circle at 85% 30%,#af5e565e,transparent 48%),linear-gradient(125deg,#373044,#192531 70%);box-shadow:0 22px 50px #0006;align-items:center}
body:has(.agent-steps) .hero h1,body:has(.board-guide) .hero h1,body:has(.daily-date) .hero h1{font-size:clamp(2.5rem,5vw,4.7rem)}
body:has(.agent-steps) .card,body:has(.board-guide) .card,body:has(.daily-date) .card{border:1px solid #ffffff35;background:linear-gradient(145deg,#262b37,#171e2a);border-radius:23px;box-shadow:0 18px 36px #0004}
body:has(.agent-steps) .grid{align-items:start}body:has(.agent-steps) .grid>.card{padding:clamp(1.3rem,3vw,2rem)}body:has(.agent-steps) .card .eyebrow{margin-bottom:.6rem}body:has(.agent-steps) .card label{line-height:1.5;display:block}body:has(.agent-steps) .card :is(input,textarea,select){width:100%;min-height:52px;background:#101923;border-color:#a0b2c363}
body:has(.agent-steps) fieldset{border:1px solid #e99e7866;border-radius:17px;padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:.4rem}body:has(.agent-steps) fieldset label{display:flex;align-items:center;gap:.5rem;margin:.2rem}body:has(.agent-steps) fieldset input{width:auto;min-height:auto;accent-color:#ffab87}
body:has(.agent-steps) #agent-run,body:has(.agent-steps) #agent-form button[type=submit]{background:linear-gradient(110deg,#ffbc8b,#ff8578);border-color:#ffcb9c;color:#24171a;font-weight:800;min-height:48px}
body:has(.agent-steps) #agent-result{line-height:1.65;overflow-wrap:anywhere}body:has(.agent-steps) #owned-agents>*{border-radius:14px;border-color:#ffffff35!important;margin-top:.7rem}
body:has(.playground-steps) .intro{background:radial-gradient(circle at 88% 20%,#e4706055,transparent 48%),linear-gradient(120deg,#43313d,#1d2932);border-color:#f8b48c80}
body:has(.playground-steps) .projects,body:has(.playground-steps) .editor-shell{background:linear-gradient(145deg,#282b36,#171e29);border-color:#ffffff38;box-shadow:0 20px 45px #0006}
body:has(.playground-steps) .project-list button{border-color:#ffffff30;background:#1d2731;transition:transform .18s,background .18s}body:has(.playground-steps) .project-list button:hover{transform:translateX(3px);background:#37404b}
body:has(.playground-steps) .tabs button.active,body:has(.playground-steps) .devices button.active{box-shadow:0 0 0 1px #ffb48c,0 7px 23px #e1857466}
body:has(.playground-steps) .frame-wrap{border-color:#ffc09b70;box-shadow:0 18px 36px #0005}
body:has(.playground-steps) .code-wrap{border-color:#ffffff34;box-shadow:inset 0 2px 14px #0004}
.daily-date{display:block;width:max-content;max-width:100%;margin:.45rem 0;padding:.4rem .7rem;background:#f4aa7f23;color:#ffd0a5;border:1px solid #f6ae825f;border-radius:10px;font-size:.82rem;font-weight:700;letter-spacing:.04em}
body:has(.daily-date) #play-card:not([hidden]){animation:arena-reveal .36s ease both}body:has(.daily-date) .option{transition:transform .18s,background .18s,box-shadow .18s}body:has(.daily-date) .option:hover:not(:disabled){transform:translateX(5px);box-shadow:0 6px 18px #0005}
body:has(.daily-date) .meter span{transition:width .48s cubic-bezier(.2,.8,.2,1)}
body:has(.board-guide) .board-shell{grid-template-columns:minmax(205px,255px) minmax(0,1fr);align-items:start}body:has(.board-guide) .board-side{position:sticky;top:83px;max-height:calc(100dvh - 98px)}
body:has(.board-guide) .board-stage{border:2px solid #eda78a86;background:radial-gradient(#909cad36 1px,transparent 1px) 0 0/24px 24px,#101925;box-shadow:inset 0 12px 50px #0005,0 18px 40px #0004}
body:has(.board-guide) .toolbar{gap:.55rem}body:has(.board-guide) .toolbar button{min-height:44px}body:has(.board-guide) .toolbar [data-tool].primary{color:#271419;box-shadow:0 5px 24px #fc8d7691}
body:has(.board-guide) #mind-topic{flex:1 1 200px}body:has(.board-guide) .board-stage .node:hover{filter:drop-shadow(0 0 11px #ffc3a2)}body:has(.board-guide) #editor-status{padding:.7rem 1rem;border-radius:12px;background:#35455266}
@keyframes arena-reveal{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.playground-steps,.agent-steps,.board-guide{grid-template-columns:1fr}.board-guide{gap:.5rem}.board-guide>div{padding:.7rem 1rem}body:has(.board-guide) .board-shell{grid-template-columns:1fr}body:has(.board-guide) .board-side{position:static;max-height:none}body:has(.board-guide) .board-stage{height:58dvh;min-height:350px}body:has(.playground-steps) .toolbar{position:static}}
@media(prefers-reduced-motion:reduce){body:has(.daily-date) #play-card:not([hidden]){animation:none}body:has(.daily-date) .option{transition:none}}
/* Main chat shell: a consistent, restrained treatment across both themes. */
body.senvora-app-body .sidebar{border-right:1px solid #b6a1a638;box-shadow:10px 0 34px #2019200c}
body.senvora-app-body .sidebar-brand-row{border-radius:16px}
body.senvora-app-body .sidebar-nav{border-radius:13px;transition:background .18s,transform .18s,box-shadow .18s}
body.senvora-app-body .sidebar-nav:hover{transform:translateX(2px);box-shadow:0 8px 20px #171b1f18}
body.senvora-app-body .new-chat-button{border-radius:14px;box-shadow:0 9px 27px #d7545340}
body.senvora-app-body .composer-card{border-radius:23px;box-shadow:0 16px 42px #16151c2b;transition:box-shadow .22s,border-color .22s}
body.senvora-app-body .composer-card:focus-within{box-shadow:0 18px 46px #15151d33,0 0 0 2px #df947963}
body.senvora-app-body .messages{max-width:100%;min-width:0}
body.senvora-app-body .modal-content,body.senvora-app-body .settings-atlas-header-v223{border-radius:22px}
.arcade-career-links252{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.8rem 0 1.2rem}.arcade-career-links252 a{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:linear-gradient(120deg,#2c3540,#362930);border:1px solid #edac867d;color:#ffe5d1;border-radius:16px;text-decoration:none;font-weight:800;transition:transform .2s,box-shadow .2s}.arcade-career-links252 a:hover{transform:translateY(-3px);box-shadow:0 11px 30px #0005}.arcade-career-links252 span{font-size:.65rem;letter-spacing:.12em;color:#fdb889;text-transform:uppercase}
@media(max-width:620px){body.senvora-app-body .composer-card{border-radius:18px}body.senvora-app-body .sidebar-nav:hover{transform:none}.arcade-career-links252{grid-template-columns:1fr}}