/* ambient.css — very subtle drifting colour wash behind the app; follows the theme accent */
html body::before{content:"";position:fixed;inset:-20%;z-index:0;pointer-events:none;opacity:.55;
  background:radial-gradient(40% 35% at 20% 25%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 70%),
             radial-gradient(35% 40% at 80% 70%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%);
  animation:aorusDrift 60s ease-in-out infinite alternate;will-change:transform}
html .editor{background:transparent !important}
@keyframes aorusDrift{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(2%,2%,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){html body::before{animation:none}}
.palette{position:fixed;inset:0;z-index:9999;display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;background:rgba(0,0,0,.45)}
.pal-card{width:min(520px,92vw);background:var(--panel);border:1px solid var(--border);border-radius:var(--r);box-shadow:0 20px 60px rgba(0,0,0,.5);overflow:hidden}
.pal-card input{width:100%;box-sizing:border-box;padding:14px 16px;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--text);font-size:14px;outline:none}
.pal-list{max-height:50vh;overflow:auto;padding:6px;color:var(--muted)}
.pal-row{display:flex;justify-content:space-between;width:100%;padding:8px 10px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--text);font:inherit;cursor:pointer;text-align:left}
.pal-row.on,.pal-row:hover{background:var(--panel-2)}
.pal-row kbd{color:var(--muted);font:11px ui-monospace,monospace}