.pd-host{width:100%;max-width:620px;margin:1.5rem auto}.pd-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 18px 14px rgba(39,52,75,.14))}.pd-face-base{fill:#151922;stroke:#151922;stroke-width:11;stroke-linejoin:round}.pd-piece{stroke:#181c24;stroke-width:5;stroke-linejoin:round;cursor:default}.pd-piece[tabindex="0"]{cursor:pointer}.pd-piece[tabindex="0"]:hover{filter:brightness(1.08)}.pd-piece:focus-visible{outline:none;stroke:#3157d5;stroke-width:8}.pd-error{padding:.8rem 1rem;border:1px solid #df8c94;border-radius:8px;background:#fff2f3;color:#9c2530}
.nd-host{width:100%;max-width:360px;margin:1rem auto}.nd-svg{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 10px rgba(39,52,75,.12))}.nd-sequence{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:16px;align-items:start}.nd-sequence .nd-host{margin:0;max-width:none}.nd-error{padding:.7rem;border:1px solid #df8c94;color:#9c2530}.nd-generator{--nd-ink:#172033;--nd-muted:#687386;--nd-line:#dfe4ec;--nd-accent:#3157d5;max-width:1120px;margin:0 auto;padding:28px 20px 52px;color:var(--nd-ink)}.nd-generator *{box-sizing:border-box}.nd-generator__lead{color:var(--nd-muted);margin:7px 0 24px}.nd-generator__app{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px}.nd-generator__card{background:#fff;border:1px solid var(--nd-line);border-radius:18px;box-shadow:0 8px 30px rgba(34,49,91,.05)}.nd-generator__preview{min-height:570px;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 40%,#fff 0,#fafbfe 58%,#f1f3f8 100%)}.nd-generator__preview.nd-sequence{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));align-content:center}.nd-generator__controls{padding:24px}.nd-generator__field{margin-bottom:18px}.nd-generator__field label{display:block;font-weight:700;margin-bottom:7px}.nd-generator select,.nd-generator input{width:100%;height:43px;padding:0 11px;font:inherit;border:1px solid #cfd5df;border-radius:10px;background:#fff;color:var(--nd-ink)}.nd-generator__row{display:flex;gap:12px}.nd-generator__examples{display:flex;gap:8px;flex-wrap:wrap}.nd-generator__example,.nd-generator__button{border:0;border-radius:10px;background:#edf0f6;color:#25304a;font-weight:700;cursor:pointer;padding:10px 13px}.nd-generator__example{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.nd-generator__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.nd-generator__button--primary{background:var(--nd-accent);color:#fff}.nd-generator__status{min-height:22px;font-size:13px;font-weight:650}.nd-generator__status--good{color:#258044}.nd-generator__status--bad{color:#bd2b36}.nd-generator__hint{font-size:13px;color:var(--nd-muted);margin-top:6px}.nd-generator__embed{margin-top:15px;padding:12px;border-radius:10px;background:#f2f4f8;color:#3c4659;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.nd-generator__embed[hidden]{display:none}@media(max-width:790px){.nd-generator__app{grid-template-columns:1fr}.nd-generator__preview{min-height:390px}.nd-generator__controls{padding:20px}}
.pd-generator{--pd-ink:#172033;--pd-muted:#687386;--pd-line:#dfe4ec;--pd-panel:#fff;--pd-bg:#f4f6fa;--pd-accent:#3157d5;max-width:1120px;margin:0 auto;padding:28px 20px 52px;color:var(--pd-ink)}.pd-generator *{box-sizing:border-box}.pd-generator__lead{color:var(--pd-muted);margin:7px 0 24px}.pd-generator__app{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:22px}.pd-generator__card{background:var(--pd-panel);border:1px solid var(--pd-line);border-radius:18px;box-shadow:0 8px 30px rgba(34,49,91,.05)}.pd-generator__preview{min-height:570px;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 40%,#fff 0,#fafbfe 58%,#f1f3f8 100%)}.pd-generator__preview .pd-host{margin:0}.pd-generator__controls{padding:24px}.pd-generator__row{display:flex;gap:12px}.pd-generator__field{margin-bottom:18px}.pd-generator__field>label,.pd-generator__label{display:block;font-weight:700;margin-bottom:7px}.pd-generator select,.pd-generator textarea,.pd-generator input{width:100%;font:inherit;border:1px solid #cfd5df;border-radius:10px;background:#fff;color:var(--pd-ink)}.pd-generator select,.pd-generator input{height:43px;padding:0 11px}.pd-generator textarea{min-height:126px;resize:vertical;padding:11px;font:14px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.pd-generator select:focus,.pd-generator textarea:focus,.pd-generator input:focus{outline:3px solid rgba(49,87,213,.12);border-color:var(--pd-accent)}.pd-generator__hint{font-size:13px;color:var(--pd-muted);margin-top:6px}.pd-generator__status{min-height:22px;font-size:13px;font-weight:650}.pd-generator__status--bad{color:#bd2b36}.pd-generator__status--good{color:#258044}.pd-generator__palette{display:flex;gap:9px;flex-wrap:wrap}.pd-generator__swatch{width:38px;height:38px;border:2px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.13),0 2px 6px rgba(0,0,0,.12);cursor:pointer;padding:0}.pd-generator__swatch.is-active{outline:3px solid #172033;outline-offset:2px}.pd-generator__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.pd-generator__button{min-height:43px;border:0;border-radius:10px;font-weight:750;cursor:pointer;background:#edf0f6;color:#25304a;padding:8px 12px}.pd-generator__button--primary{background:var(--pd-accent);color:#fff}.pd-generator__button:hover{filter:brightness(.97)}.pd-generator__embed{margin-top:15px;padding:12px;border-radius:10px;background:#f2f4f8;color:#3c4659;font:12px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.pd-generator__embed[hidden]{display:none}.pd-generator__swatch[data-colour=w]{background:#f6f6f2}.pd-generator__swatch[data-colour=y]{background:#ffd500}.pd-generator__swatch[data-colour=r]{background:#e53935}.pd-generator__swatch[data-colour=o]{background:#ff7a18}.pd-generator__swatch[data-colour=g]{background:#16a765}.pd-generator__swatch[data-colour=b]{background:#2672e8}.pd-generator__swatch[data-colour=p]{background:#8f55d9}.pd-generator__swatch[data-colour=c]{background:#43cddd}.pd-generator__swatch[data-colour=m]{background:#ef72ad}.pd-generator__swatch[data-colour=l]{background:#87cf35}.pd-generator__swatch[data-colour=a]{background:#d7b878}.pd-generator__swatch[data-colour=d]{background:#173f8f}.pd-generator__swatch[data-colour=x]{background:#858b94}@media(max-width:790px){.pd-generator__app{grid-template-columns:1fr}.pd-generator__preview{min-height:390px}.pd-generator{padding-top:18px}.pd-generator__controls{padding:20px}}@media(prefers-reduced-motion:reduce){.pd-generator *, .pd-piece{scroll-behavior:auto!important;transition:none!important}}