.notebook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.notebook-card{min-height:175px;border:1px solid #356878;border-radius:12px;padding:20px;color:#fff;text-align:left;display:flex;flex-direction:column;gap:12px;background:var(--cover-color);box-shadow:inset 8px 0 0 #0002}.notebook-card span{font-size:.85rem;opacity:.85;overflow-wrap:anywhere}.notebook-card[data-template=gradient]{background:linear-gradient(145deg,var(--cover-color),#081b27)}.notebook-card[data-template=geometric]{background:repeating-linear-gradient(135deg,transparent 0 25px,#fff1 26px 28px),var(--cover-color)}.notebook-card[data-template=classic]{border-left:12px solid #102a34}.notebook-card strong{overflow-wrap:anywhere}[data-editor] textarea{min-height:240px;resize:vertical}
.notebook-card{background-size:cover;background-position:center}.notebook-cover-tools{display:grid;gap:10px;margin:18px 0}.notebook-cover-tools canvas{width:135px;height:180px;max-width:100%;border-radius:10px;background:#102b39}.notebook-cover-tools input[type=range]{max-width:300px}
.notebook-toolbar{display:flex;gap:6px;flex-wrap:wrap}.notebook-toolbar button{background:#153341;border:1px solid #326071;color:inherit;border-radius:9px;padding:8px}.notebook-preview{overflow-wrap:anywhere;padding:12px;border:1px solid #285365;border-radius:10px}.notebook-fullscreen{position:fixed;inset:0;z-index:1000;overflow:auto;padding:clamp(16px,4vw,48px);background:#091d27}.notebook-fullscreen textarea{min-height:55vh}@media(max-width:430px){.notebook-fullscreen{padding:14px}.notebook-toolbar button{min-height:44px}.notebook-cover-tools canvas{max-width:100%}}