.dev-room{background:#25133f;border:1px solid #b399df;border-radius:16px;padding:16px;color:#fff;margin-bottom:18px;font:14px system-ui,sans-serif}.dev-room summary{font-size:17px;font-weight:750;cursor:pointer}.dev-room label{display:inline-flex;flex-direction:column;gap:5px;margin:6px}.dev-room input,.dev-room select{font:inherit;padding:10px;max-width:180px;border-radius:8px;border:1px solid #baa8d5;color:#21142e;background:#fff}.dev-room button{font:inherit;min-height:44px;padding:8px 12px;margin:5px;border-radius:8px;border:1px solid #ccb8eb;color:#21142e;background:#e9dcfa}.dev-room button:disabled{opacity:.45}.dev-actions{display:flex;flex-wrap:wrap}.dev-room p{line-height:1.5}.board-view .dev-room{position:fixed;top:8px;left:8px;z-index:10020;max-width:min(420px,calc(100vw - 16px));max-height:46vh;overflow:auto;font-size:12px}.board-view .dev-room summary{font-size:13px}.dev-room [hidden]{display:none!important}.dev-room :focus-visible{outline:3px solid #ffdc5e;outline-offset:3px}
/* Original financial and account integrations are outside this private prototype. */
#supportBtn,#supportSubscribeBtn,#shopBtn,#onlineMpBanner,.support-subscription{display:none!important}

/* A stable transition also covers the return to zero degrees. */
body canvas#board{transform-origin:center center;transition:transform .28s ease!important}
@media(prefers-reduced-motion:reduce){body canvas#board{transition:none!important}}

.board-view .dev-room{padding:7px 10px;max-height:46vh;width:auto;border-radius:10px;margin:0}
.board-view .dev-room:not(.dev-room-open){max-width:150px;background:#25133fe8}
.board-view .dev-room:not(.dev-room-open) summary{font-size:12px;line-height:1.5}
.board-view .dev-room.dev-room-open{width:min(420px,calc(100vw - 16px));padding:14px}

.piece-style-picker{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:12px 0;font-size:14px;color:inherit}
.piece-style-picker select{max-width:180px;min-height:40px;padding:6px 10px;border:1px solid #ffffff55;border-radius:8px;background:#25133f;color:white;font:inherit}
.piece-style-picker img{object-fit:contain;flex:none}

.piece-shadow-control{display:flex;flex-direction:column;gap:9px;margin:10px 0;padding:10px;border:1px solid #ffffff33;border-radius:10px;font-size:14px}
.piece-shadow-control>span{display:flex;justify-content:space-between;gap:12px}
.piece-shadow-control output{font-variant-numeric:tabular-nums}
.piece-shadow-control input{width:100%;min-height:28px;accent-color:#ffd21f}

.piece-settings{margin:16px 0;padding:16px;border:1px solid #ffffff44;border-radius:16px;background:#25133fcc;text-align:center}
.piece-settings>strong{font-size:18px;color:#ffd21f}
.piece-settings .piece-shadow-control{max-width:360px;margin:12px auto 0}
body.board-view #pieceSettings{display:none}