.novelight-thumbnail-composer{margin-top:12px}
.nl-thumb-composer-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.8fr);gap:22px;align-items:start}
.nl-thumb-composer-controls{display:grid;gap:10px;min-width:0}
.nl-thumb-randomize{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:11px 12px;border:1px solid #d9d0bf;border-radius:11px;background:#fffaf0}
.nl-thumb-randomize-button{flex:0 0 auto;min-height:40px;padding:9px 14px;border:1px solid #8b6f37;border-radius:9px;background:#8b6f37;color:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer;box-shadow:0 4px 12px rgba(91,70,31,.14)}
.nl-thumb-randomize-button:hover{filter:brightness(.98)}
.nl-thumb-randomize-button:focus-visible{outline:2px solid #6d4aff;outline-offset:2px}
.nl-thumb-randomize-help{flex:1 1 220px;color:#6f675d;font-size:11px;line-height:1.55}
.nl-thumb-template-field{display:grid;gap:7px}
.nl-thumb-template-field>span,.nl-thumb-layer-summary strong{font-size:14px;font-weight:900}
.nl-thumb-template-field select{width:100%;min-height:44px;padding:9px 11px;border:1px solid #d7d2c6;border-radius:9px;background:#fff;font:inherit}
.nl-thumb-layer{min-width:0;overflow:hidden;border:1px solid #d7d0c4;border-radius:12px;background:#fff}
.nl-thumb-layer-summary{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:11px 14px;cursor:pointer;list-style:none;background:#fbf9f4}
.nl-thumb-layer-summary::-webkit-details-marker{display:none}
.nl-thumb-layer-summary::after{content:'›';font-size:22px;line-height:1;color:#8a806f;transform:rotate(0deg);transition:transform .15s}
.nl-thumb-layer[open]>.nl-thumb-layer-summary{border-bottom:1px solid #e5dfd4;background:#f7f2e8}
.nl-thumb-layer[open]>.nl-thumb-layer-summary::after{transform:rotate(90deg)}
.nl-thumb-layer-selection{min-width:0;color:#786f62;font-size:11px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.nl-thumb-layer-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:min(56vh,520px);padding:10px;overflow-y:auto;overscroll-behavior:contain}
.nl-thumb-option{display:grid;grid-template-rows:auto minmax(32px,auto);align-content:start;min-width:0;padding:0;overflow:hidden;border:2px solid #ddd5c8;border-radius:10px;background:#fff;color:#40382e;cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.nl-thumb-option:hover{transform:translateY(-1px)}
.nl-thumb-option[aria-pressed="true"]{border-color:#8b6f37;box-shadow:0 0 0 3px rgba(139,111,55,.14)}
.nl-thumb-option:focus-visible,.nl-thumb-layer-summary:focus-visible{outline:2px solid #6d4aff;outline-offset:2px}
.nl-thumb-option img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:#eee8dc}
.nl-thumb-option span:not(.nl-thumb-option-none){display:block;padding:7px 8px;font-size:11px;font-weight:800;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl-thumb-option .nl-thumb-option-label{min-height:46px;white-space:pre-line;overflow:visible;text-overflow:clip}
.nl-thumb-option-none{display:grid;place-items:center;aspect-ratio:3/4;background:repeating-linear-gradient(135deg,#f7f4ed,#f7f4ed 10px,#eee9de 10px,#eee9de 20px);color:#6e665b;font-size:12px;font-weight:900}
.nl-thumb-composer-preview{position:sticky;top:18px;display:grid;gap:8px}
.nl-thumb-composer-preview canvas{display:block;width:min(100%,360px);height:auto;aspect-ratio:3/4;margin-inline:auto;border:1px solid #d8d0c2;border-radius:12px;background:#ece7dd;box-shadow:0 12px 30px rgba(39,31,20,.12)}
.nl-thumb-preview-status{text-align:center;color:#7a7165;font-size:11px;line-height:1.5}
.nl-thumb-composer-note{margin-top:9px;color:#6f675d;font-size:12px;line-height:1.7}
.nl-thumb-composer-error{padding:14px;border:1px dashed #b9afa0;border-radius:9px;background:#f8f5ef;color:#665e54;font-size:12px;line-height:1.7}
@media(max-width:820px){.nl-thumb-composer-layout{grid-template-columns:1fr}.nl-thumb-composer-preview{position:static;grid-row:1}.nl-thumb-composer-preview canvas{width:min(100%,300px)}.nl-thumb-layer-options{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:640px){.nl-thumb-randomize{align-items:stretch}.nl-thumb-randomize-button{width:100%}.nl-thumb-randomize-help{text-align:center}.nl-thumb-layer-summary{grid-template-columns:auto minmax(0,1fr) auto;padding:10px 12px}.nl-thumb-layer-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:48vh}.nl-thumb-option span:not(.nl-thumb-option-none){font-size:10px;padding:6px}.nl-thumb-composer-preview canvas{width:min(76vw,280px)}}
@media(max-width:390px){.nl-thumb-layer-options{grid-template-columns:repeat(2,minmax(0,1fr))}.nl-thumb-layer-selection{font-size:10px}}