.np-shell{--np-ink:#172c37;--np-muted:#63737a;--np-line:#d9ded9;min-height:100vh;color:var(--np-ink);background:#f4f3ed}.np-header{border-bottom:1px solid var(--np-line);background:#fafbf7;justify-content:space-between;align-items:center;padding:19px 3.5%;display:flex}.np-brand{letter-spacing:-1px;color:#173e43;font-size:25px;font-weight:800;text-decoration:none}.np-brand span{color:#388b86}.np-brand small{letter-spacing:3px;margin-top:2px;font-size:8px;display:block}.np-header-label{letter-spacing:2px;font-size:10px}.np-back{color:inherit;border:1px solid var(--np-line);border-radius:30px;padding:9px 15px;font-size:12px;text-decoration:none}.np-heading{justify-content:space-between;align-items:end;gap:24px;padding:46px 4% 32px;display:flex}.np-eyebrow{color:#507d79;letter-spacing:1.8px;text-transform:uppercase;font-size:10px;font-weight:700;display:block}.np-heading h1{letter-spacing:-2px;margin:13px 0 0;font:400 clamp(42px,4.8vw,70px)/1.02 Georgia,serif}.np-heading h1 em{color:#367e79}.np-heading p{color:var(--np-muted);padding-bottom:4px;font-size:14px;line-height:1.8}.np-themes{grid-template-columns:repeat(9,minmax(0,1fr));gap:9px;padding:0 4% 30px;display:grid}.np-theme{border:1px solid var(--np-line);cursor:pointer;background:#fbfcf8;border-radius:12px;flex-direction:column;align-items:center;gap:8px;min-height:110px;padding:14px 5px 12px;font-size:11px;display:flex}.np-theme.selected{background:#e8f1e9;border:2px solid #347f78;padding:13px 4px 11px}.np-theme-symbol{font-size:28px;line-height:32px}.np-mini-colors{gap:3px;display:flex}.np-mini-colors i{border-radius:5px;width:15px;height:6px}.np-workspace{border-top:1px solid var(--np-line);grid-template-columns:280px minmax(350px,1fr) 255px;display:grid}.np-controls,.np-output{background:#fbfcf8;padding:28px 23px}.np-controls{border-right:1px solid var(--np-line)}.np-output{border-left:1px solid var(--np-line)}.np-controls h2{align-items:center;gap:10px;margin:4px 0 22px;font-size:13px;display:flex}.np-controls h2:not(:first-child){margin-top:30px}.np-controls h2>span{color:#4a8880;border:1px solid #c7d8ce;border-radius:50%;place-items:center;width:24px;height:24px;font-size:10px;display:grid}.np-controls>label,.np-logo label{margin:19px 0 8px;font-size:11px;font-weight:700;display:block}.np-controls label strong,.np-controls label>span{float:right;font-size:10px}.np-controls label>span{color:var(--np-muted);font-weight:400}.np-controls input:not([type=range]):not([type=color]):not([type=checkbox]),.np-controls select{width:100%;color:inherit;background:#fff;border:1px solid #cfd8d1;border-radius:7px;padding:10px 9px;font-size:12px}.np-controls input[type=range]{accent-color:#347f78;width:100%}.np-controls small,.np-logo p{color:var(--np-muted);margin-top:7px;font-size:10px;line-height:1.6;display:block}.np-segment{border:1px solid var(--np-line);border-radius:8px;display:flex;overflow:hidden}.np-segment button{cursor:pointer;background:#fff;border:0;width:50%;padding:9px;font-size:11px}.np-segment button.active{color:#fff;background:#1d514e}.np-swatches{grid-template-columns:repeat(3,1fr);gap:12px 7px;margin-top:17px;display:grid}.np-swatches label{text-align:center;flex-direction:column;align-items:center;gap:6px;font-size:9px;line-height:1.4;display:flex}.np-swatches input{cursor:pointer;background:0 0;border:0;width:34px;height:34px;padding:0}.np-controls .np-check{align-items:center;gap:7px;font-weight:400;line-height:1.5;display:flex}.np-logo{border-top:1px solid var(--np-line);margin-top:24px;padding-top:18px}.np-logo summary{cursor:pointer;font-size:12px;font-weight:700}.np-logo-actions{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.np-logo-actions button{cursor:pointer;background:#e9f1e9;border:1px solid #c8d6ca;border-radius:5px;padding:7px;font-size:10px}.np-preview{background:radial-gradient(at 50% 25%,#fffef9 0,#ecefe8 66%);min-width:0}.np-preview-bar{letter-spacing:1px;color:#56716a;justify-content:space-between;align-items:center;padding:22px;font-size:9px;display:flex}.np-preview-bar i{background:#529a78;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.np-view-buttons{gap:3px;display:flex}.np-view-buttons button{cursor:pointer;letter-spacing:0;background:#f7f9f4;border:1px solid #cfd8d1;border-radius:5px;padding:6px 10px;font-size:10px}.np-view-buttons button[aria-pressed=true]{color:#fff;background:#1d514e}.np-stage{justify-content:center;align-items:center;height:440px;display:flex;position:relative}.np-stage canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.np-stage img{object-fit:contain;filter:drop-shadow(0 15px 9px #25352b29);max-width:94%;max-height:90%}.np-loading{text-align:center;max-width:85%;font-size:13px;line-height:1.6;position:absolute}.np-updating{background:#fff9;border-radius:20px;padding:6px 10px;font-size:11px;position:absolute;bottom:15px;left:20px}.np-preview-caption{color:#61746c;justify-content:space-between;gap:10px;padding:15px 22px;font-size:10px;display:flex}.np-preview-caption strong{color:#2b5146}.np-specs{border-top:1px solid #d8dfd4;border-bottom:1px solid #d8dfd4;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 22px;padding:20px 0;display:grid}.np-specs small{letter-spacing:1px;color:var(--np-muted);margin-bottom:7px;font-size:8px;display:block}.np-specs strong{font-size:12px}.np-story{max-width:650px;padding:35px 28px}.np-story h2{margin:12px 0;font:30px Georgia,serif}.np-story p{color:var(--np-muted);font-size:12px;line-height:1.8}.np-output h2{letter-spacing:-1px;margin:19px 0;font:34px/1.05 Georgia,serif}.np-output>p{color:var(--np-muted);font-size:12px;line-height:1.8}.np-download,.np-secondary{cursor:pointer;border-radius:8px;width:100%;padding:13px 12px;font-size:12px}.np-download{color:#fff;background:#1e514c;border:0;justify-content:space-between;align-items:center;margin-top:20px;display:flex}.np-secondary{color:inherit;background:0 0;border:1px solid #cad7ce;margin-top:10px}.np-shell button:disabled{opacity:.45;cursor:not-allowed}.np-shell button:focus-visible,.np-shell input:focus-visible,.np-shell select:focus-visible,.np-shell a:focus-visible,.np-shell summary:focus-visible{outline-offset:3px;outline:3px solid #58b9b5}.np-status{color:#3f6c63;min-height:50px;margin:14px 0;font-size:11px;line-height:1.7}.np-print-note{background:#eef3e9;border:1px solid #d6dfd4;border-radius:10px;margin:18px 0;padding:15px}.np-print-note strong{font-size:11px}.np-print-note p{color:#65786a;font-size:10px;line-height:1.7}.np-project-open{margin-top:13px;font-size:11px;display:block}.np-project-open input{max-width:100%;margin-top:9px;font-size:10px;display:block}.np-output .np-private{margin-top:22px;font-size:10px;line-height:1.8}.np-footer{border-top:1px solid var(--np-line);letter-spacing:1.5px;justify-content:space-between;gap:15px;padding:22px 4%;font-size:9px;display:flex}.np-footer span{letter-spacing:0;color:var(--np-muted)}@media (min-width:1500px){.np-workspace{grid-template-columns:310px minmax(350px,1fr) 285px}.np-stage{height:520px}.np-shell{max-width:1800px;margin:auto}}@media (max-width:1100px){.np-themes{grid-template-columns:repeat(5,minmax(0,1fr))}.np-workspace{grid-template-columns:250px minmax(300px,1fr)}.np-output{border-top:1px solid var(--np-line);border-left:0;grid-column:1/-1;grid-template-columns:1fr 1fr;gap:0 24px;display:grid}.np-output .np-eyebrow,.np-output .np-status{grid-column:1/-1}.np-stage{height:380px}}@media (max-width:650px){.np-header{padding:14px 5%}.np-header-label{display:none}.np-heading{padding:32px 5% 22px;display:block}.np-heading h1{font-size:48px}.np-heading p{margin-top:20px;font-size:12px}.np-themes{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:0 5% 24px}.np-theme{min-height:91px;padding:10px 4px;font-size:10px}.np-theme.selected{padding:9px 3px}.np-workspace{flex-direction:column;display:flex}.np-preview{order:0}.np-controls{border-right:0;border-top:1px solid var(--np-line);order:1}.np-output{order:2;display:block}.np-stage{height:290px}.np-preview-caption{padding:12px;font-size:9px}.np-specs{gap:8px;margin:0 15px}.np-specs strong{font-size:10px}.np-story{padding:24px}.np-footer{flex-direction:column}.np-brand{font-size:22px}}