.nbcp-preview {
    max-width: 42rem;
    margin: 2rem auto;
    padding: clamp(1rem, 4vw, 2.5rem);
    border: 1px solid #dbcbb5;
    border-radius: 1rem;
    background: #fcf8f0;
    color: #29251f;
}
.nbcp-preview h2 { color: inherit; margin-top: 0; }
.nbcp-preview textarea { display: block; width: 100%; box-sizing: border-box; margin: .5rem 0 1rem; padding: .65rem; color: #29251f; background: #fff; border: 1px solid #ac9c87; }
.nbcp-preview button { background: #534335; color: #fff; padding: .7rem 1rem; border: 0; border-radius: .4rem; }
.nbcp-preview button:disabled { opacity: .65; }
.nbcp-answer { margin: 1rem 0; padding: 1rem; border-left: 3px solid #ac845d; white-space: pre-wrap; overflow-wrap: anywhere; }
.nbcp-preview > a { display: inline-block; margin-top: 1rem; color: #534335; text-decoration: underline; }

.nbcp-launcher { position: fixed; right: 1rem; bottom: 1rem; z-index: 9990; }
.nbcp-toggle { color: #fff; background: #534335; padding: .8rem 1.1rem; border: 0; border-radius: 2rem; box-shadow: 0 .3rem 1rem #0003; }
.nbcp-launcher .nbcp-preview { position: absolute; right: 0; bottom: 3.3rem; width: min(25rem, calc(100vw - 2rem)); box-sizing: border-box; max-height: min(35rem, 70vh); overflow-y: auto; margin: 0; padding: 1rem; box-shadow: 0 .4rem 1.5rem #0003; }
.nbcp-launcher [hidden] { display: none !important; }