.nj-app .nj-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem 2rem;display:flex}.nj-app .nj-intensity{flex:300px;max-width:400px}.nj-app .nj-track{background:var(--lc-sunken);border-radius:999px;height:4px;margin:1.1rem .75rem 2.2rem;position:relative}.nj-app .nj-fill{background:var(--lc-accent);border-radius:999px;height:100%;transition:width .25s cubic-bezier(.4,0,.2,1);position:absolute;inset-inline-start:0}.nj-app .intensity-stop{cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;width:48px;padding:0 0 4px;display:flex;position:absolute;top:calc(50% - 22px);transform:translate(-50%)}.nj-app .intensity-stop .dot{background:var(--lc-surface);border:2px solid var(--lc-line-strong);border-radius:50%;width:15px;height:15px;margin:14.5px 0;transition:border-color .2s,background .2s,transform .2s;display:block}.nj-app .intensity-stop:hover .dot{border-color:var(--lc-ink-3)}.nj-app .intensity-stop.active .dot{border-color:var(--lc-accent);background:var(--lc-accent);transform:scale(1.1)}.nj-app .intensity-stop:focus-visible{outline:2px solid var(--lc-accent);outline-offset:0;border-radius:9px}.nj-app .intensity-stop .stop-label{color:var(--lc-ink-3);white-space:nowrap;margin-top:-8px;font-size:.76rem;font-weight:600;line-height:1.4;transition:color .2s}.nj-app .intensity-stop.active .stop-label{color:var(--lc-ink)}.nj-app .tp-badge,.nj-app .tp-warn,.nj-app .tp-ok,.nj-app .tp-output,.nj-app .tp-seg>button{word-break:auto-phrase}.nj-app .panes{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:.9rem;display:grid}.nj-app .nj-pane{flex-direction:column;gap:.375rem;min-width:0;display:flex}.nj-app textarea.nj-textarea{resize:vertical;border:1px solid var(--lc-field-line);width:100%;max-width:100%;min-height:200px;font:inherit;background:var(--lc-surface);color:var(--lc-ink);border-radius:9px;flex:1;padding:.7rem .9rem;font-size:1rem;line-height:1.9;transition:border-color .15s,box-shadow .15s}.nj-app textarea.nj-textarea::placeholder{color:#8a8f99}.nj-app textarea.nj-textarea:hover{border-color:var(--lc-ink-3)}.nj-app textarea.nj-textarea:focus{border-color:var(--lc-accent);outline:none;box-shadow:0 0 0 3px #2f53c82e}.nj-app textarea.nj-textarea:disabled{background:var(--lc-surface-2);color:var(--lc-ink-3)}.nj-app .nj-output{background:var(--lc-surface-2);flex:1;min-height:200px}.nj-app .nj-output .ghost{color:var(--lc-ink-3)}.nj-app .nj-swap{border:1px solid var(--lc-line-strong);background:var(--lc-surface);width:42px;height:42px;color:var(--lc-ink-2);cursor:pointer;border-radius:50%;flex:none;align-self:center;place-items:center;transition:color .15s,border-color .15s,background .15s;display:grid}.nj-app .nj-swap:hover{color:var(--lc-accent-ink);border-color:var(--lc-accent);background:var(--lc-accent-soft)}.nj-app .nj-swap:focus-visible{outline:2px solid var(--lc-accent);outline-offset:2px}.nj-app .nj-swap svg{width:18px;height:18px}.nj-app .work-area{flex-direction:column;gap:1rem;display:flex;position:relative}.nj-app .work-area.is-locked .panes,.nj-app .work-area.is-locked .nj-actions{filter:blur(2px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.nj-app .nj-studio{border-top:1px dashed var(--lc-line);flex-direction:column;gap:.8rem;padding-top:1.1rem;display:flex}.nj-app .nj-studio-controls{flex-wrap:wrap;align-items:flex-end;gap:.6rem;display:flex}.nj-app .nj-name{flex:0 240px}.nj-app .nj-preview{overflow-x:auto}.nj-app .nj-preview canvas{border:1px solid var(--lc-line);border-radius:10px;max-width:100%;height:auto;display:block}.nj-app .nj-steps{grid-template-columns:repeat(4,minmax(0,1fr))}.nj-app .nj-steptitle{color:var(--lc-ink);margin-bottom:.2rem;font-weight:600;display:block}.nj-app .nj-lead{margin-top:-.5rem;margin-bottom:.85rem}.nj-app .modal-backdrop{z-index:1000;background:#15181d73;justify-content:center;align-items:center;padding:1.25rem;display:flex;position:fixed;inset:0}.nj-app .modal{background:var(--lc-surface);border:1px solid var(--lc-line);text-align:center;border-radius:14px;width:min(440px,100%);padding:1.4rem 1.5rem 1.25rem;box-shadow:0 24px 60px -24px #15181d80}.nj-app .modal-title{font-family:var(--lc-display);color:var(--lc-ink);margin:0 0 .6rem;font-size:1.05rem;font-weight:600}.nj-app .modal-body{color:var(--lc-ink-2);margin:0 0 1.1rem;font-size:.88rem;line-height:1.85}.nj-app .modal-actions{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.nj-app .modal-actions .btn{border:1px solid var(--lc-line-strong);background:var(--lc-surface);min-width:130px;min-height:40px;color:var(--lc-ink);font:inherit;cursor:pointer;border-radius:9px;flex:auto;padding:.45rem 1rem;font-size:.88rem;font-weight:600;transition:background .15s,border-color .15s}.nj-app .modal-actions .btn:hover{background:var(--lc-surface-2);border-color:#15181d57}.nj-app .modal-actions .btn:focus-visible{outline:2px solid var(--lc-accent);outline-offset:2px}.nj-app .modal-actions .btn-primary{background:var(--lc-accent);border-color:var(--lc-accent);color:#fff}.nj-app .modal-actions .btn-primary:hover{background:var(--lc-accent-hover);border-color:var(--lc-accent-hover)}.nj-app .load-spinner{border:3px solid var(--lc-accent-soft);border-top-color:var(--lc-accent);border-radius:50%;width:32px;height:32px;margin:0 auto .9rem;animation:.8s linear infinite nj-spin}@keyframes nj-spin{to{transform:rotate(360deg)}}.nj-app .load-bar{background:var(--lc-sunken);border-radius:999px;height:8px;overflow:hidden}.nj-app .load-fill{background:var(--lc-accent);border-radius:999px;width:3%;height:100%;transition:width .3s}.nj-app .load-meta{justify-content:space-between;margin-top:.5rem;display:flex}.nj-app .load-pct{font-family:var(--lc-mono);color:var(--lc-accent-ink);font-variant-numeric:tabular-nums;font-size:.8rem;font-weight:600}.nj-app .load-files{color:var(--lc-ink-3);font-variant-numeric:tabular-nums;font-size:.78rem}.nj-app .load-escape{border:1px solid var(--lc-line-strong);background:var(--lc-surface);width:100%;min-height:40px;color:var(--lc-ink-2);font:inherit;cursor:pointer;border-radius:9px;margin-top:1rem;font-size:.82rem;font-weight:600}.nj-app .load-escape:hover{background:var(--lc-surface-2);color:var(--lc-ink)}@media (width<=860px){.nj-app .nj-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.nj-app .panes{grid-template-columns:minmax(0,1fr)}.nj-app .nj-swap{justify-self:center;transform:rotate(90deg)}.nj-app .nj-intensity{max-width:none}}@media (width<=560px){.nj-app .nj-steps{grid-template-columns:minmax(0,1fr)}.nj-app .modal-actions .btn,.nj-app .load-escape{min-height:44px}.nj-app .nj-name{flex:100%}.nj-app .nj-name .lc-input{min-height:44px}.nj-app .nj-swap{width:44px;height:44px}}