/* White panels retain the orange brand accent and legible neutral controls. */
#panel{--muted:#68685f;background:#fff;color:#191916;border:1px solid #dcdcd4;box-shadow:0 25px 100px #19191625}
#panel::backdrop{background:#29292240;backdrop-filter:blur(12px)}
#panel .panel-bar{background:#fffffff5;border-color:#e7e7df}
#panel .close-button{border-color:#d6d6cd;color:#191916;background:#fff}#panel .close-button:hover{background:#fff2dd;border-color:var(--orange)}
#panel .eyebrow,#panel .inline-link,#panel .ledger-row a{color:#a34e00}
#panel .social-links a{border-color:#e5e5df;padding:29px 0}#panel .social-links a:hover strong{color:#a34e00}
#panel .social-icon{width:44px;flex:0 0 44px;display:grid;place-items:center}#panel .social-icon img{display:block;width:36px;height:36px;object-fit:contain}
#panel .social-links a>span:last-child{color:#a34e00}
#panel .canvas-area{background-color:#f4f4f0;background-image:linear-gradient(45deg,#e8e8e3 25%,transparent 25%),linear-gradient(-45deg,#e8e8e3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e8e3 75%),linear-gradient(-45deg,transparent 75%,#e8e8e3 75%);border-color:#ddddd3;align-self:start;min-height:390px;padding:0}
#panel .canvas-area.dragover{border-color:var(--orange)}#panel canvas{width:auto;height:auto;max-width:100%;max-height:560px;touch-action:none;cursor:grab}#panel canvas:active{cursor:grabbing}
#panel .upload-button{background:#fff;border-color:#cfcfc5}#panel .upload-button:hover{border-color:var(--orange)}
#panel select{background:#fff;color:#191916;border-color:#d2d2c8}
#panel .original-overlay{background:#fff5e6;color:#8c4600;border:1px solid #f4d5a1;border-radius:4px;font-size:13px;padding:12px 15px;margin:10px 0 0}
#panel .studio-controls input[type=range]{min-height:28px}#panel .studio-controls button:disabled{opacity:.5}
#panel .reward-mechanic,#panel .reward-total,#panel .reward-stats,#panel .reward-metrics,#panel .reward-metrics>div,#panel .ledger-row,#panel .calculated-result{border-color:#e2e2d9}
#panel .reward-metrics{background:#fdfdfb}#panel .reward-reconciliation strong{color:#191916}
#panel .reward-calculator{background:#f6f6f2;border-color:#e5e5dc}
#panel .reward-calculation input{background:#fff;color:#191916;border-color:#d1d1c7}
#panel .volume-presets button{color:#191916;background:#fff;border-color:#d5d5ca}#panel .volume-presets button:hover{border-color:#d36d00;color:#a34e00}
#panel .pill{color:#8c4600;background:#fff6e7;border-color:#ecd4ae}
#panel .reward-metrics>div:nth-child(2) strong,#panel .calculated-result output{color:#a34e00}
@media(max-width:800px){#panel .canvas-area{min-height:280px}#panel canvas{max-height:430px}#panel .social-links a{gap:15px}#panel .social-links strong{font-size:19px}}