/* Readable draft workbench, matching Word Weave's existing amber palette. */
.ww-notebook-open { width: 54px; min-height: 56px; gap: 2px; }
.ww-notebook-open > span { font-size: 25px; line-height: 1; }
.ww-notebook-open > small { font-size: 10px; font-weight: 800; }
.ww-notebook__sheet { max-width: 440px; padding: 16px; }
.ww-notebook__head { display: flex; align-items: center; gap: 8px; }
.ww-notebook__head h2 { flex: 1; font-size: 18px; }
.ww-notebook__close { flex-shrink: 0; width: 44px; min-height: 44px; border-radius: 12px; background: var(--amber-100); }
.ww-notebook p { font-size: 13px; line-height: 1.5; }
.ww-notebook__slots { flex-shrink: 0; display: grid; gap: 6px; max-height: 24vh; overflow-y: auto; padding: 3px; }
.ww-notebook__slot { min-height: 54px; width: 100%; display: flex; flex-direction: column; justify-content: center; gap: 4px; padding: 8px; text-align: left; background: #fff; border: 2px solid var(--amber-200); border-radius: 10px; }
.ww-notebook__slot span { font-size: 11px; }
.ww-notebook__slot b { font-family: var(--font-label); font-size: 14px; overflow-wrap: anywhere; }
.ww-notebook__slot[aria-pressed="true"] { border-color: var(--amber-800); box-shadow: inset 4px 0 var(--amber-800); padding-left: 12px; }
.ww-notebook__form { display: grid; gap: 8px; }
.ww-notebook__form label { font-weight: 800; font-size: 13px; }
.ww-notebook input { width: 100%; min-width: 0; min-height: 48px; padding: 10px; border: 2px solid var(--amber-300); border-radius: 10px; color: var(--ink); background: #fff; font: 700 20px var(--font-label); letter-spacing: .15em; }
.ww-notebook__bank { display: flex; flex-wrap: wrap; gap: 6px; }
.ww-notebook__bank button { min-width: 44px; min-height: 44px; padding: 6px; background: var(--amber-100); border: 1px solid var(--amber-700); border-radius: 10px; font: 700 13px var(--font-label); }
.ww-notebook__actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ww-notebook__actions button { min-height: 48px; padding: 8px; font-weight: 800; font-size: 13px; border-radius: 12px; border: 1px solid var(--amber-700); }
.ww-notebook__try { background: var(--amber-400); }
.ww-notebook__erase { background: #fff; }
.ww-notebook button:disabled { opacity: .5; cursor: default; }
.ww-notebook input:focus-visible, .ww-notebook button:focus-visible { outline: 3px solid var(--amber-700); outline-offset: 2px; }
.ww-notebook #notebook-status { min-height: 40px; }
.ww-notebook__foot { color: var(--amber-900); }
@media (max-width: 359px) { .ww-notebook-open { width: 48px; } }
@media (prefers-reduced-motion: reduce) { .ww-notebook__sheet { animation: none; } }