.dev-panel {
    margin-top: 1.5rem;
    padding: 1rem 1.2rem;
    border: 1px dashed #6fb0ff;
    border-radius: 1rem;
    background: rgba(111,176,255,.06);
}
.dev-panel h3 { margin: 0 0 .6rem; color: #bcd8ff; }
.dev-panel h3 small { color: var(--muted); font-weight: 400; font-size: .75rem; }
.dev-panel .btn { margin: 0 .4rem .4rem 0; }

.app-root { outline: none; min-height: 100vh; }
.toast {
    position: fixed;
    left: 50%;
    top: 1.5rem;
    transform: translateX(-50%);
    z-index: 2000;
    padding: .8rem 1.6rem;
    border-radius: 999px;
    background: linear-gradient(90deg, #3a2a08, #6b4a10, #3a2a08);
    border: 1px solid #ffd34a;
    color: #fff3c4;
    font-weight: 700;
    box-shadow: 0 0 2rem rgba(255,211,74,.6);
    animation: toast-in .4s ease-out, fade .6s 3.4s forwards;
}
@keyframes toast-in { from { opacity: 0; transform: translate(-50%, -1rem); } }

.act-back { position: absolute; top: 1.5%; right: 1.5%; z-index: 30; }