/* The editor reuses the app's dialog, typography, form and primary action language. */
.np-feed-badge{position:absolute;right:8px;top:8px;display:flex;align-items:center;gap:5px;padding:6px 8px;background:#382247d9;color:#fff;font-size:11px;border-radius:10px}.np-feed-badge svg{width:13px;height:13px}.hf-place:empty{display:none}
body[data-view] .demo-dialog #demoContent button.btn:not(.primary){color:#7552ad;background:#eee5fa;border-color:#e5d8f0}body[data-view] .demo-dialog #demoContent .demo-form textarea,body[data-view] .demo-dialog #demoContent .demo-form input{background:#faf7ff;border-color:#e5d8f0;color:var(--sn-ink)}body[data-view] .demo-dialog #demoContent .demo-form .btn.primary{background:#7552ad;color:#fff}
body[data-view] .np-dialog .np-row .np-row-name,body[data-view] .np-sheet .np-row .np-row-name{color:var(--sn-ink)}body[data-view] .np-dialog .np-row .np-row-value,body[data-view] .np-sheet .np-row .np-row-value{color:#8b749b}
body[data-view] .np-dialog{padding:0;border-radius:28px;width:min(760px,calc(100% - 32px));max-width:calc(100% - 32px);height:min(940px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);overflow:hidden;background:var(--a2-light);font-family:var(--sn-font)}.np-dialog[open]{display:flex;flex-direction:column}.np-dialog .hf-compose-head{display:flex;align-items:center;gap:12px;padding:12px 20px;flex-shrink:0;border-bottom:1px solid var(--sn-line)}.np-dialog .hf-compose-head h2{font-size:18px;font-weight:500;margin:0;flex:1;line-height:1.3;letter-spacing:-.03em}.np-icon{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border-radius:50%;background:#eee5f8;color:#72518d;border:0;padding:10px;cursor:pointer}.np-icon svg{width:20px;height:20px;stroke-width:1.6}.np-icon:disabled{opacity:.3;cursor:default}.np-content{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 20px 24px;scroll-padding-block:24px;background:var(--a2-light)}.np-stage{min-height:240px}.np-empty-media{width:100%;min-height:286px;border-radius:26px;border:1px dashed #c9b4dc;background:#eae1f5;color:var(--sn-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-family:inherit;cursor:pointer;padding:24px}.np-empty-media>strong{font-size:27px;line-height:1.16;letter-spacing:-.05em;font-weight:400;max-width:240px;white-space:normal}.np-empty-media>span:last-child{font-size:14px;color:#7c628f}.np-upload-symbol{width:62px;height:62px;border-radius:22px;display:grid;place-items:center}.np-upload-symbol svg{width:28px;height:28px;stroke-width:1.4}.np-media-viewport{position:relative;border-radius:26px;background:#eae3f3;overflow:hidden;min-height:200px}.np-media-main{width:100%;height:300px;object-fit:contain;display:block;background:#ede6f6}.np-media-counter{position:absolute;right:12px;top:12px;background:#342044dc;color:white;min-width:50px;padding:8px 12px;border:1px solid #ffffff44;border-radius:999px;text-align:center;font-size:12px;font-weight:500}.np-video-meta{position:absolute;bottom:52px;left:14px;background:#342044dc;color:white;border-radius:12px;padding:6px 10px;font-size:12px}.np-media-error{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:24px;background:#eee5f9;color:var(--sn-secondary);font-size:14px;line-height:1.6}.np-media-tools{display:flex;align-items:center;gap:6px;margin:10px 0}.np-add{flex:1;text-align:left;display:flex;align-items:center;gap:8px;border:0;background:none;color:#7552ad;font:inherit;font-size:14px;min-height:44px;padding:0}.np-add svg{width:18px;height:18px}.np-thumbs{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:4px 0 10px}.np-thumb{flex:0 0 58px;height:64px;position:relative;border:2px solid transparent;border-radius:14px;overflow:hidden;background:#eee5f9;padding:2px;cursor:pointer}.np-thumb[aria-pressed=true]{border-color:#8963ae}.np-thumb img{width:100%;height:100%;object-fit:cover;border-radius:9px}.np-thumb span{position:absolute;left:4px;bottom:4px;min-width:18px;height:18px;display:grid;place-items:center;border-radius:6px;background:#352047d9;color:white;font-size:10px}.np-library-link{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:none;color:#795a92;font:inherit;font-size:13px;width:100%;min-height:44px;padding:8px;margin:0 0 12px}.np-library-link svg{width:17px;height:17px}.np-caption{margin:6px 0 20px;padding:16px 0 12px;border-block:1px solid var(--sn-line)}.np-caption>input,.np-caption>textarea{font-family:var(--sn-font);display:block;width:100%;border:0;background:none;border-radius:0;color:var(--sn-ink);outline:none;box-shadow:none;resize:none;padding:8px 0;font-size:16px;line-height:1.6}.np-caption>input{font-size:20px;line-height:1.3;min-height:48px;font-weight:500;letter-spacing:-.035em;margin-bottom:6px}.np-caption>textarea{min-height:112px;overflow:hidden}.np-caption>input::placeholder,.np-caption>textarea::placeholder{color:#9c89ad;opacity:1}.np-caption>input:focus,.np-caption>textarea:focus{box-shadow:0 2px 0 #b599cc}.np-count{display:block;text-align:right;font-size:11px;color:var(--sn-secondary);margin:8px 0 0}.np-settings{margin:0}.np-row{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;border:0;border-bottom:1px solid var(--sn-line);border-radius:0;background:none;text-align:left;color:var(--sn-ink);font-family:var(--sn-font);padding:12px 0;cursor:pointer}.np-row>svg{width:21px;height:21px;flex-shrink:0;color:#8f70a4;stroke-width:1.5}.np-row>svg:last-child{width:16px;color:#a28aae}.np-row-name{font-size:15px;line-height:1.4;flex:1;min-width:0}.np-row-value{font-size:12px;line-height:1.5;color:#8b749b;max-width:45%;text-align:right;overflow-wrap:anywhere}.np-ai{cursor:pointer;border-bottom:0;min-height:56px;padding-bottom:6px}.np-switch{appearance:none;-webkit-appearance:none;display:block;width:42px!important;height:26px!important;min-height:0!important;flex-shrink:0;background:#dcd0e9!important;border:1px solid #d5c5e4!important;border-radius:99px!important;position:relative;cursor:pointer;padding:0!important;margin:0;box-shadow:none!important}.np-switch:before{content:'';position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #25163328;transition:transform .15s ease}.np-switch:checked{background:#7751a7!important;border-color:#7751a7!important}.np-switch:checked:before{transform:translateX(16px)}.np-switch:focus-visible{outline:3px solid #b49ad1;outline-offset:3px}.np-ai-about{min-height:36px;padding:0 0 10px 33px;display:block;border:0;background:none;font:inherit;font-size:12px;color:#9275a6;cursor:pointer;border-bottom:1px solid var(--sn-line);width:100%;text-align:left}.np-footer{padding:10px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--sn-line);background:#fff;flex-shrink:0}.np-save-status{font-size:11px;line-height:1.45;color:#8c759e;text-align:center;margin:0 0 10px;min-height:16px}.np-footer .hf-submit{display:flex;align-items:center;justify-content:center;gap:10px;background:#7552ad;color:#fff;width:100%;height:52px;border:0;border-radius:18px;font:inherit;font-size:16px;font-weight:500;cursor:pointer;margin:0}.np-footer .hf-submit:disabled{opacity:.55;cursor:progress}.np-progress{display:block;accent-color:#8762ad;height:8px;width:100%;margin:18px 0}.np-progress[hidden]{display:none}.np-error{padding:12px 14px;background:#faeaf0;border-radius:14px;line-height:1.6;font-size:14px;color:#a13b59;margin:16px 0 0;overflow-wrap:anywhere}.np-error[hidden]{display:none}
body[data-view] .np-sheet{padding:0;width:min(600px,calc(100% - 24px));max-width:calc(100% - 24px);max-height:calc(100dvh - 24px);border-radius:26px;overflow:hidden;font-family:var(--sn-font)}.np-sheet[open]{display:flex;flex-direction:column}.np-sheet>header{display:flex;gap:12px;align-items:center;padding:12px 20px;border-bottom:1px solid var(--sn-line);flex-shrink:0}.np-sheet h2{font-size:18px;font-weight:500;line-height:1.3;margin:0}.np-sheet-body{background:var(--a2-light);padding:20px;overflow:auto;overscroll-behavior:contain;min-height:0}.np-search,.np-alt{width:100%;border:1px solid var(--sn-line);border-radius:15px;background:white;padding:13px 14px;font:inherit;font-size:16px;min-height:48px;color:var(--sn-ink);box-shadow:none}.np-search:focus,.np-alt:focus{outline:2px solid #c4a9dd}.np-clear,.np-secondary{min-height:46px;background:#ebe0f7;color:#715089;border:1px solid var(--sn-line);border-radius:15px;padding:10px 16px;font:inherit;font-size:14px;margin:14px 0}.np-hint{font-size:14px;line-height:1.65;color:var(--sn-secondary);margin:0 0 20px}.np-field{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:15px;line-height:1.5;margin:0 0 16px;justify-content:space-between}.np-field .np-alt{flex-basis:100%;resize:vertical}.np-discard{border:0;background:none;min-height:48px;padding:12px 0;display:block;color:#a13b59;font:inherit;font-size:14px}.np-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.np-library-photo{border:1px solid var(--sn-line);border-radius:18px;background:#fff;padding:6px;color:var(--sn-ink);font:inherit;text-align:left;min-width:0;cursor:pointer}.np-library-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:12px}.np-library-photo span{display:block;font-size:12px;line-height:1.5;padding:8px 4px;overflow-wrap:anywhere}.np-library-photo[aria-pressed=true]{border-color:#8b65ab;box-shadow:0 0 0 1px #8b65ab}.np-tag-chip{padding:10px 14px;min-height:40px;font:inherit;font-size:13px;border:1px solid var(--sn-line);color:#76538e;background:#eee4f9;border-radius:99px;margin:0 6px 10px 0}.np-name-suggestions{margin-top:10px}.np-tag-place{display:block;width:100%;padding:0;position:relative;border:1px solid var(--sn-line);border-radius:20px;overflow:hidden;background:#ede4f6;margin-bottom:16px;cursor:crosshair}.np-tag-place img{width:100%;display:block;max-height:320px;object-fit:contain}.np-story-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;overscroll-behavior-x:contain}.np-story-item{margin:0;flex:0 0 100%;scroll-snap-align:start;border-radius:22px;overflow:hidden;position:relative;background:#eee4f6;min-height:180px}.np-story-item>img,.np-story-item>video{display:block;width:100%;height:380px;object-fit:contain}.np-photo-tag{position:absolute;max-width:75%;transform:translate(-50%,-50%);padding:6px 10px;border-radius:10px;background:#392346db;color:#fff;font-size:12px;overflow-wrap:anywhere}.np-story-counter{font-size:12px;color:#8c759e;margin:12px 0}.np-ai-badge{display:inline-block;font-size:12px;line-height:1.5;border-radius:12px;background:#eee4f6;color:#78558f;padding:8px 12px}.np-icon:active,.np-empty-media:active,.np-add:active,.np-row:active,.hf-submit:active{transform:scale(.98)}
@media(min-width:701px){.np-content{padding-inline:28px}.np-media-main{height:330px}.np-empty-media{min-height:320px}.np-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){body[data-view] .np-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;border-radius:0;border:0}.np-dialog .hf-compose-head{padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.np-dialog .hf-compose-head h2{font-size:17px}.np-content{padding:16px 20px 20px}.np-footer{padding-inline:20px}.np-stage{min-height:220px}.np-empty-media{min-height:242px}.np-empty-media>strong{font-size:26px}.np-media-main{height:270px}body[data-view] .np-sheet{width:100%;max-width:100%;max-height:94dvh;margin:auto 0 0;border-radius:26px 26px 0 0}.np-sheet-body{padding-bottom:max(24px,env(safe-area-inset-bottom))}.np-story-item>img,.np-story-item>video{height:300px}}
@media(max-width:350px){.np-content{padding-inline:16px}.np-footer{padding-inline:16px}.np-row-name{font-size:14px}.np-row-value{font-size:11px}.np-row{gap:9px}.np-media-main{height:238px}.np-empty-media>strong{font-size:24px}.np-dialog .hf-compose-head h2{font-size:16px}.np-dialog .hf-compose-head{gap:8px}.np-icon{width:40px;min-width:40px;height:40px}}
@media(prefers-reduced-motion:reduce){.np-switch:before{transition:none}}
@media(hover:hover) and (pointer:fine){.np-row:hover,.np-library-link:hover{color:#5e397a}.np-library-photo:hover{border-color:#bb9ed1}.np-empty-media:hover{background:#e5d8f1}.np-icon:hover{background:#e5d8f2}.np-footer .hf-submit:hover{background:#64418f}}