.nw-h{color:#3a2a22;margin:1.25rem 0 .6rem;font-size:1.05rem;font-weight:700}.nw-pick{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;display:grid}.nw-pick__card{text-align:left;cursor:pointer;background:#fff;border:1px solid #3a2a221f;border-radius:.8rem;flex-direction:column;gap:.2rem;padding:.6rem .6rem .75rem;transition:border-color .15s;display:flex}.nw-pick__card:hover{border-color:#cb000166}.nw-pick__card.is-on{border-color:var(--primary);outline:2px solid #cb00012e}.nw-pick__thumb{background:#f5efe8;border-radius:.5rem;height:11rem;margin-bottom:.4rem;display:block;position:relative;overflow:hidden}.nw-pick__thumb iframe{transform-origin:top;pointer-events:none;border:0;width:320px;height:520px;position:absolute;top:.6rem;left:50%;transform:translate(-50%)scale(.62)}.nw-pick__name{color:#3a2a22;font-weight:700}.nw-pick__desc{color:#6b5d52;font-size:.85rem}.nw-layout{gap:1rem;display:grid}@media (min-width:992px){.nw-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}}.nw-side{min-width:0}@media (min-width:992px){.nw-side{position:sticky;top:4.5rem}.nw-side>.nw-h{margin-top:1rem}}.nw-controls.fk{margin-bottom:0;display:block}.nw-sec{border:0;min-width:0;margin:0 0 1rem;padding:0}.nw-sec__title{color:#3a2a22;margin-bottom:.5rem;font-size:.95rem;font-weight:700}.nw-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:.75rem .8rem;margin-top:.6rem;display:grid}.nw-grid>:not(.fk__f){grid-column:1/-1}.nw-tpl{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (min-width:576px){.nw-tpl{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:992px){.nw-tpl{grid-template-columns:repeat(2,minmax(0,1fr))}}.nw-tpl__opt{text-align:left;cursor:pointer;background:#fff;border:1px solid #f0d9c0;border-radius:.6rem;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.5rem;display:flex}.nw-tpl__opt.is-on{border-color:var(--primary);background:#fff3f0}.nw-tpl__icon{fill:#cb000159;width:3rem;height:2rem;margin-bottom:.2rem}.nw-tpl__frame{fill:none;stroke:#3a2a2259}.nw-tpl__name{color:#3a2a22;font-size:.9rem;font-weight:700}.nw-tpl__hint{color:#6b5d52;font-size:.78rem}.nw-themes{flex-wrap:wrap;gap:.4rem;display:flex}.nw-themes__opt{color:#3a2a22;cursor:pointer;background:#fff;border:1px solid #f0d9c0;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .65rem .25rem .3rem;font-size:.85rem;display:inline-flex}.nw-themes__opt.is-on{border-color:var(--primary);background:#fff3f0;font-weight:600}.nw-swatch{border:1px solid #00000026;border-radius:50%;width:1.5rem;height:1.5rem;display:inline-block;position:relative;overflow:hidden}.nw-swatch>span{border-radius:50%;width:.55rem;height:.55rem;position:absolute;bottom:.2rem;right:.2rem}.nw-swatch--custom{background:conic-gradient(#e53935,#fdd835,#43a047,#1e88e5,#8e24aa,#e53935)}.nw-color{align-items:center;gap:.35rem;display:flex}.nw-color input[type=color]{cursor:pointer;background:#fff;border:1px solid #e3cdb5;border-radius:.5rem;flex:0 0 2.5rem;width:2.5rem;height:2.5rem;padding:.15rem}.nw-color .fk__control{text-transform:lowercase;min-width:0;font-family:ui-monospace,Menlo,Consolas,monospace}.nw-range{align-items:center;gap:.6rem;display:flex}.nw-range input[type=range]{min-width:0;accent-color:var(--primary);flex:1}.nw-range .fk__control{flex:0 0 6rem;width:6rem}.nw-checks{flex-wrap:wrap;gap:.4rem 1.2rem;display:flex}.nw-note{color:#6b5d52;margin:0 0 .75rem;font-size:.85rem}.nw-preview{background:#fff;border:1px solid #3a2a221f;border-radius:.8rem;overflow:hidden}.nw-preview__bar{background:#fff8ef;border-bottom:1px solid #3a2a221f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.nw-preview__size{color:#6b5d52;font-variant-numeric:tabular-nums;font-size:.85rem}.nw-preview__stage{justify-content:center;align-items:flex-start;min-height:16rem;padding:1.5rem 1rem;display:flex;overflow-x:auto}.nw-preview__stage--sang{background:#f7f4f0}.nw-preview__stage--toi{background:#24201d}.nw-preview__stage--o{background-color:#fff;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.nw-preview__frame{background:0 0;border:0;flex:none;max-width:100%;transition:height .15s;display:block}@media (prefers-reduced-motion:reduce){.nw-preview__frame{transition:none}}.nw-preview__open{text-align:right;border-top:1px solid #3a2a221f;padding:.45rem .75rem;font-size:.85rem;display:block}.nw-code{background:#fff8ef;border:1px solid #f0d9c0;border-radius:.8rem;padding:.75rem}.nw-code__bar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.6rem 1rem;margin-bottom:.6rem;display:flex}.nw-code__anchor{flex:0 15rem}.nw-code__text{color:#3a2a22;resize:vertical;word-break:break-all;background:#fff;border:1px solid #e3cdb5;border-radius:.5rem;width:100%;padding:.6rem .7rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;line-height:1.5;display:block}.nw-code__foot{flex-wrap:wrap;align-items:center;gap:.5rem .9rem;margin-top:.6rem;display:flex}.nw-code__msg{color:#6b5d52;flex:14rem;font-size:.85rem}