.npw{padding:2rem 1.5rem 3rem;max-width:56rem;margin:0 auto}.npw__back{color:var(--color-primary-base,#6366f1);font-size:.875rem;text-decoration:none}.npw__back:hover{text-decoration:underline}.npw__header{margin-top:1.5rem;margin-bottom:1.5rem}.npw__title{font-size:2rem;font-weight:700;margin-bottom:.5rem}.npw__subtitle{color:var(--color-text-secondary,#9ca3af);line-height:1.6;max-width:40rem}.npw__mode{margin-bottom:2rem}.tp-layout{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}@media (max-width:768px){.tp-layout{grid-template-columns:1fr}}.tp-controls{display:flex;flex-direction:column;gap:1.25rem}.tp-preview{position:-webkit-sticky;position:sticky;top:5rem;align-self:start}.tp-control__label{display:block;font-size:.8rem;font-weight:600;color:var(--color-text-primary,#e5e7eb);margin-bottom:.375rem}.tp-control__row{display:flex;gap:.5rem;align-items:center}.tp-control__color{width:2.5rem;height:2.5rem;border:1px solid var(--color-border-subtle,#2a2a3a);border-radius:var(--borderRadius-md,.5rem);cursor:pointer;padding:.125rem;background:transparent}.tp-control__hex{flex:1 1;font-family:var(--typography-fontFamily-mono,monospace);font-size:.8rem;padding:.5rem .75rem;background:var(--color-background-input,#1a1a2e);border:1px solid var(--color-border-subtle,#2a2a3a);border-radius:var(--borderRadius-sm,.375rem);color:var(--color-text-primary,#e5e7eb)}.tp-control__presets{display:flex;gap:.375rem;margin-top:.375rem;flex-wrap:wrap}.tp-control__preset{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.tp-control__preset:hover{border-color:var(--color-text-primary,#e5e7eb);transform:scale(1.15)}.eam-extract-panel{background:var(--color-background-card,#13131f);border:1px solid var(--color-border-subtle,#2a2a3a);border-radius:var(--borderRadius-lg,.75rem);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.eam-extract-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap}.eam-extract-url{font-size:.8rem;font-family:var(--typography-fontFamily-mono,monospace);color:var(--color-primary-base,#6366f1);word-break:break-all;flex:1 1;min-width:0}.eam-loading{display:flex;align-items:center;gap:.5rem;padding:.75rem;font-size:.85rem;color:var(--color-text-secondary,#9ca3af)}.eam-results{display:flex;flex-direction:column;gap:.75rem}.eam-result-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.eam-page-title{font-size:.8rem;color:var(--color-text-secondary,#9ca3af);margin:0}.eam-section{display:flex;flex-direction:column;gap:.375rem}.eam-section-title{font-size:.8rem;font-weight:600;color:var(--color-text-primary,#e5e7eb);margin:0;display:flex;align-items:center;gap:.5rem}.eam-color-grid{display:flex;flex-wrap:wrap;gap:.375rem}.eam-color-swatch{width:2.25rem;height:2.25rem;border-radius:var(--borderRadius-sm,.375rem);border:1px solid var(--color-border-subtle,#2a2a3a);cursor:pointer;position:relative;transition:transform .15s ease,box-shadow .15s ease}.eam-color-swatch:hover{transform:scale(1.2);box-shadow:0 2px 8px rgba(0,0,0,.4);z-index:1}.eam-color-hex{position:absolute;bottom:-1.25rem;left:50%;transform:translateX(-50%);font-size:.6rem;font-family:var(--typography-fontFamily-mono,monospace);color:var(--color-text-muted,#6b7280);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease}.eam-color-swatch:hover .eam-color-hex{opacity:1}.eam-font-list{display:flex;flex-wrap:wrap;gap:.375rem}.eam-font-tag{font-size:.75rem;padding:.25rem .5rem;background:var(--color-background-elevated,#1e1e2e);border-radius:var(--borderRadius-sm,.375rem);color:var(--color-text-primary,#e5e7eb);border:1px solid var(--color-border-subtle,#2a2a3a)}.eam-apply{display:flex;align-items:center;gap:.75rem;padding-top:.25rem}.eam-applied-note{font-size:.8rem;color:var(--color-status-success,#10b981)}.eam-manual-section{display:flex;flex-direction:column;gap:.75rem}.eam-hint{font-size:.85rem;color:var(--color-text-secondary,#9ca3af);margin:0}.eam-field{padding:.75rem;background:var(--color-background-card,#13131f);border-radius:var(--borderRadius-md,.5rem)}.eam-font-input{width:100%;font-size:.8rem;padding:.5rem .75rem;background:var(--color-background-input,#1a1a2e);border:1px solid var(--color-border-subtle,#2a2a3a);border-radius:var(--borderRadius-sm,.375rem);color:var(--color-text-primary,#e5e7eb)}.eam-token-path{font-size:.7rem;color:var(--color-text-muted,#6b7280);margin-top:.25rem;display:block}.eam-section-group{border:1px solid var(--color-border-subtle,#2a2a3a);border-radius:var(--borderRadius-md,.5rem);overflow:hidden}.eam-section-group[open]{border-color:var(--color-border-default,#3f3f5a)}.eam-section-summary{padding:.625rem .75rem;font-size:.8rem;font-weight:600;color:var(--color-text-primary,#e5e7eb);background:var(--color-background-card,#13131f);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;list-style:none;display:flex;align-items:center;gap:.5rem}.eam-section-summary:before{content:"\25B6";font-size:.6rem;transition:transform .15s ease}.eam-section-group[open]>.eam-section-summary:before{transform:rotate(90deg)}.eam-section-summary::-webkit-details-marker{display:none}.eam-section-fields{padding:.5rem;display:flex;flex-direction:column;gap:.5rem}.eam-dim-input{width:100%;font-size:.8rem;padding:.5rem .75rem;background:var(--color-background-input,#1a1a2e);border:1px solid var(--color-border-subtle,#2a2a3a);border-radius:var(--borderRadius-sm,.375rem);color:var(--color-text-primary,#e5e7eb);font-family:var(--typography-fontFamily-mono,monospace)}.token-preview{background:var(--color-background-dark,#0a0a14);border:1px solid var(--color-border-subtle,#2a2a3a);border-radius:var(--borderRadius-lg,.75rem);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.token-preview__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.token-preview__swatches{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid rgba(128,128,128,.2)}.token-preview__swatch{display:flex;align-items:center;gap:.35rem;font-size:.7rem}.token-preview__swatch-dot{width:14px;height:14px;border-radius:3px;flex-shrink:0}.token-preview__swatch-label{font-weight:500}.token-preview__swatch-hex{font-size:.65rem;opacity:.7}