.nsc-color{--nsc-thumb:26px;row-gap:var(--bf-space-2h);grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.nsc-color.has-recent{grid-template-columns:var(--bf-tap,44px) minmax(0, 1fr);column-gap:0}.nsc-color-main{row-gap:var(--bf-space-1);min-width:0;display:grid}.nsc-sv,.nsc-hue{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;position:relative}.nsc-sv{height:var(--nsc-sv-height,100px);border-radius:var(--bf-radius-16);background-color:var(--nsc-hue);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bf-ink) 8%, transparent);cursor:crosshair;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#fff0)}@media (width>=700px){.nsc-sv{height:var(--nsc-sv-height,116px)}}.nsc-hue{height:var(--bf-tap,44px);margin-block:calc((36px - var(--bf-tap,44px)) / 2);border-radius:var(--bf-radius-pill);cursor:pointer}.nsc-hue-track{border-radius:var(--bf-radius-pill);background:red linear-gradient(to right, red, #ff0, #0f0, #0ff, #00f, #f0f, red) center / calc(100% - 2 * var(--nsc-inset)) 100% no-repeat;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bf-ink) 6%, transparent);position:absolute;inset:calc(50% - 10px) 0}.nsc-thumb{box-sizing:border-box;width:var(--nsc-thumb);height:var(--nsc-thumb);margin:calc(var(--nsc-thumb) / -2) 0 0 calc(var(--nsc-thumb) / -2);border:3px solid var(--bf-porcelain);box-shadow:0 0 0 1.5px var(--bf-navy), 0 2px 8px color-mix(in srgb, var(--bf-navy) 30%, transparent);pointer-events:none;border-radius:50%;transition:transform .14s ease-out;position:absolute}.nsc-sv-thumb{left:calc(var(--nsc-inset) + (100% - 2 * var(--nsc-inset)) * var(--nsc-x));top:calc(var(--nsc-inset) + (100% - 2 * var(--nsc-inset)) * var(--nsc-y));background:var(--nsc-current)}.nsc-hue-thumb{left:calc(var(--nsc-inset) + (100% - 2 * var(--nsc-inset)) * var(--nsc-x));background:var(--nsc-hue);top:50%}@supports (width:1cqw){.nsc-sv,.nsc-hue{container-type:size}.nsc-sv-thumb{translate:calc(var(--nsc-inset) + (100cqw - 2 * var(--nsc-inset)) * var(--nsc-x)) calc(var(--nsc-inset) + (100cqh - 2 * var(--nsc-inset)) * var(--nsc-y));top:0;left:0}.nsc-hue-thumb{translate:calc(var(--nsc-inset) + (100cqw - 2 * var(--nsc-inset)) * var(--nsc-x)) 0;left:0}}.nsc-sv.is-active .nsc-thumb,.nsc-hue.is-active .nsc-thumb{transform:scale(1.15)}.bf-app .nsc-sv:focus-visible{outline:2px solid var(--bf-navy);outline-offset:3px;border-radius:var(--bf-radius-16)}.bf-app .nsc-hue:focus-visible{border-radius:var(--bf-radius-pill);outline:none}.bf-app .nsc-hue:focus-visible .nsc-hue-track{outline:2px solid var(--bf-navy);outline-offset:3px}.nsc-recent{--nsc-pill-inset:calc((100% - 22px) / 2);contain:size;flex-direction:column;align-items:stretch;display:flex;position:relative}.nsc-recent:before{content:"";inset:0 var(--nsc-pill-inset);border-radius:var(--bf-radius-12);background:var(--bf-petal);box-shadow:inset 0 0 0 1px var(--bf-line);position:absolute}.bf-app .nsc-recent-chip{flex:0 0 calc(100% / var(--nsc-fit,1));min-height:var(--bf-tap,44px);width:100%;color:var(--bf-navy);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:relative}.nsc-recent-chip:before{content:"";inset:0 var(--nsc-pill-inset);background:var(--nsc-chip);box-shadow:inset 1px 0 0 var(--bf-line), inset -1px 0 0 var(--bf-line);position:absolute}.nsc-recent-chip:first-child:before{border-radius:var(--bf-radius-12) var(--bf-radius-12) 0 0;box-shadow:inset 0 0 0 1px var(--bf-line)}.nsc-recent-chip:last-child:before{border-bottom-left-radius:var(--bf-radius-12);border-bottom-right-radius:var(--bf-radius-12);box-shadow:inset 0 0 0 1px var(--bf-line)}.nsc-recent-chip[aria-pressed=true]{z-index:1}.nsc-recent-chip[aria-pressed=true]:after{content:"";box-sizing:border-box;width:var(--nsc-thumb);height:var(--nsc-thumb);margin:calc(var(--nsc-thumb) / -2) 0 0 calc(var(--nsc-thumb) / -2);border:3px solid var(--bf-porcelain);background:var(--nsc-chip);box-shadow:0 0 0 1.5px var(--bf-navy), 0 2px 6px color-mix(in srgb, var(--bf-navy) 26%, transparent);border-radius:50%;position:absolute;top:50%;left:50%}.bf-app .nsc-recent-chip:focus-visible{z-index:2;outline:none}.bf-app .nsc-recent-chip:focus-visible:before{outline:2px solid var(--bf-navy);outline-offset:2px}.bf-app .nsc-recent-chip[aria-pressed=true]:focus-visible:before{outline:none}.bf-app .nsc-recent-chip[aria-pressed=true]:focus-visible:after{box-shadow:0 0 0 1.5px var(--bf-navy), 0 0 0 4px var(--bf-porcelain), 0 0 0 6px var(--bf-navy)}.nsc-swatches{padding:0 var(--bf-space-1h);overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-column:1/-1;gap:2px;margin:0 -6px;scroll-padding-inline:6px;display:flex;overflow-x:auto}.nsc-swatches::-webkit-scrollbar{display:none}.bf-app .nsc-swatch{height:44px;color:var(--bf-navy);scroll-snap-align:start;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:50%;flex:0 0 44px;place-items:center;padding:0;display:grid}.nsc-swatch span{width:34px;height:34px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bf-ink) 12%, transparent), 0 1px 3px color-mix(in srgb, var(--bf-navy) 14%, transparent);border-radius:50%;transition:transform .14s ease-out,box-shadow .14s ease-out}.nsc-swatch:active span{transform:scale(.92)}.nsc-swatch[aria-pressed=true] span{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bf-ink) 12%, transparent), 0 0 0 2px var(--bf-porcelain), 0 0 0 4px var(--bf-navy)}.bf-app .nsc-swatch:focus-visible{border-radius:50%;outline:none}.bf-app .nsc-swatch:focus-visible span{outline:2px solid var(--bf-navy);outline-offset:4px}.nsc-range{align-items:center;gap:var(--bf-space-3);min-width:0;color:var(--bf-ink);display:flex}.nsc-range-leading{color:var(--bf-slate);font-size:var(--bf-fs-14);flex:none;align-items:center;display:inline-flex}.nsc-range-cap{min-width:12px;font-size:var(--bf-fs-15);text-align:center;flex:none;font-weight:500;line-height:1}.nsc-range-track{--nsc-pos:calc(22px + (100% - 44px) * var(--nsc-t));border-radius:var(--bf-radius-pill);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer;flex:auto;min-width:96px;height:44px;position:relative}.nsc-range-rail{border-radius:var(--bf-radius-pill);background:linear-gradient(to right, var(--bf-petal-deep) var(--nsc-pos), var(--bf-navy) var(--nsc-pos));height:8px;margin-top:-4px;position:absolute;top:50%;left:0;right:0}.nsc-range-thumb{top:50%;left:var(--nsc-pos);border-radius:var(--bf-radius-pill);background:var(--bf-navy);width:44px;height:26px;box-shadow:0 0 0 2px var(--bf-porcelain), 0 3px 10px color-mix(in srgb, var(--bf-navy) 30%, transparent);pointer-events:none;margin:-13px 0 0 -22px;transition:transform .14s ease-out;position:absolute}.nsc-range.is-active .nsc-range-thumb{transform:scale(1.08)}@supports (width:1cqw){.nsc-range-track{container-type:size}.nsc-range-thumb{translate:calc(22px + (100cqw - 44px) * var(--nsc-t)) 0;left:0}}.bf-app .nsc-range-track:focus-visible{border-radius:var(--bf-radius-pill);outline:none}.bf-app .nsc-range-track:focus-visible .nsc-range-thumb{outline:2px solid var(--bf-navy);outline-offset:3px}.nsc-range.is-disabled,.nsc-range.is-disabled .nsc-range-leading{color:var(--bf-mist)}.nsc-range.is-disabled .nsc-range-track{cursor:default;pointer-events:none}.nsc-range.is-disabled .nsc-range-rail{background:var(--bf-line)}.nsc-range.is-disabled .nsc-range-thumb{background:var(--bf-line-strong);box-shadow:0 0 0 2px var(--bf-porcelain)}.nsc-seg{isolation:isolate;min-height:48px;padding:0 var(--bf-space-1);border-radius:var(--bf-radius-pill);background:var(--bf-petal);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bf-petal-deep) 80%, transparent);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:relative}.nsc-seg-pill{z-index:-1;width:calc((100% - 8px) / var(--nsc-n));border-radius:var(--bf-radius-pill);background:var(--bf-porcelain);box-shadow:0 1px 2px color-mix(in srgb, var(--bf-navy) 10%, transparent), 0 4px 12px color-mix(in srgb, var(--bf-navy) 10%, transparent);transform:translateX(calc(100% * var(--nsc-i)));transition:transform .28s cubic-bezier(.3,.7,.2,1);position:absolute;top:4px;bottom:4px;left:4px}.bf-app .nsc-seg-tab{min-width:0;min-height:var(--bf-tap,44px);padding:0 var(--bf-space-3);border-radius:var(--bf-radius-pill);color:var(--bf-slate);font-size:var(--bf-fs-15);text-overflow:ellipsis;white-space:nowrap;-webkit-tap-highlight-color:transparent;background:0 0;border:0;font-weight:500;line-height:1.2;transition:color .2s;position:relative;overflow:hidden}.bf-app .nsc-seg-tab.is-selected{color:var(--bf-navy);font-weight:700}.bf-app .nsc-seg-tab:focus-visible{border-radius:var(--bf-radius-pill);outline:none}.bf-app .nsc-seg-tab:focus-visible:after{content:"";border-radius:var(--bf-radius-pill);outline:2px solid var(--bf-navy);outline-offset:-2px;pointer-events:none;position:absolute;inset:4px 0}.nsc-joy{width:var(--nsc-joy-size,68px);height:var(--nsc-joy-size,68px);background:var(--bf-navy);box-shadow:var(--bf-elev-2), inset 0 0 0 1px color-mix(in srgb, var(--bf-porcelain) 14%, transparent);color:var(--bf-porcelain);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;border-radius:50%;flex:none;transition:background-color .2s,box-shadow .2s;position:relative}.nsc-joy.is-disabled{background:color-mix(in srgb, var(--bf-mist) 34%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--bf-porcelain) 50%, transparent);backdrop-filter:var(--bf-blur-thin);cursor:default}.bf-app .nsc-joy-arrow{width:32%;height:32%;color:var(--bf-porcelain);opacity:.9;pointer-events:none;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:transform .12s ease-out,opacity .12s ease-out;display:grid;position:absolute}.bf-app .nsc-joy-arrow[aria-disabled=true]{opacity:.95}.nsc-joy-arrow svg{fill:currentColor;width:46%;min-width:10px;height:auto}.nsc-joy-arrow.is-up{top:0;left:34%}.nsc-joy-arrow.is-down{bottom:0;left:34%}.nsc-joy-arrow.is-left{top:34%;left:0}.nsc-joy-arrow.is-right{top:34%;right:0}.nsc-joy-arrow.is-right svg{transform:rotate(90deg)}.nsc-joy-arrow.is-down svg{transform:rotate(180deg)}.nsc-joy-arrow.is-left svg{transform:rotate(270deg)}.bf-app .nsc-joy-arrow.is-pressed{opacity:1}.nsc-joy-arrow.is-pressed.is-up{transform:translateY(-1px)scale(1.18)}.nsc-joy-arrow.is-pressed.is-down{transform:translateY(1px)scale(1.18)}.nsc-joy-arrow.is-pressed.is-left{transform:translate(-1px)scale(1.18)}.nsc-joy-arrow.is-pressed.is-right{transform:translate(1px)scale(1.18)}.nsc-joy-knob{background:var(--bf-porcelain);width:36%;height:36%;box-shadow:0 2px 6px color-mix(in srgb, var(--bf-navy-deep) 45%, transparent), inset 0 -2px 0 color-mix(in srgb, var(--bf-navy) 12%, transparent);border-radius:50%;margin:-18% 0 0 -18%;transition:transform .26s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;position:absolute;top:50%;left:50%}.nsc-joy.is-dragging .nsc-joy-knob{box-shadow:0 3px 10px color-mix(in srgb, var(--bf-navy-deep) 55%, transparent);transition:box-shadow .2s}.nsc-joy.is-disabled .nsc-joy-knob{background:color-mix(in srgb, var(--bf-porcelain) 92%, transparent);box-shadow:none}.bf-app .nsc-joy-knob:focus-visible{border-radius:50%;outline:none}.nsc-joy:has(.nsc-joy-knob:focus-visible){outline:2px solid var(--bf-navy);outline-offset:3px}@media (prefers-reduced-motion:reduce){.nsc-thumb,.nsc-swatch span,.nsc-range-thumb,.nsc-seg-pill,.bf-app .nsc-seg-tab,.nsc-joy,.bf-app .nsc-joy-arrow,.nsc-joy-knob{transition:none}}.nss-layer{z-index:calc(var(--bf-z-sheet-top) + 4);font-family:var(--bf-font);color:var(--bf-ink);display:flex;position:fixed;inset:0}.nss-layer--preview{background:var(--bf-milk);animation:.18s ease-out nss-fade}.nss-layer--drawer{background:var(--bf-scrim);animation:.18s ease-out nss-fade}.nss-preview:focus,.nss-drawer:focus,.nss-section h3:focus{outline:none}.nss-head{align-items:center;gap:var(--bf-space-3);min-height:56px;display:flex}.nss-head-text{flex:1;min-width:0}.nss-head h2{font-size:var(--bf-fs-18);color:var(--bf-title)}.nss-sub{font-size:var(--bf-fs-13);color:var(--bf-slate);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;overflow:hidden}.bf-app .nss-close{justify-content:center;align-items:center;gap:var(--bf-space-1h);min-width:var(--bf-tap);min-height:var(--bf-tap);border-radius:var(--bf-radius-pill);background:var(--bf-petal);color:var(--bf-navy);font-size:var(--bf-fs-15);border:0;flex:none;padding:0;font-weight:700;transition:background .12s;display:inline-flex}.bf-app .nss-close--text{padding:0 var(--bf-space-4) 0 var(--bf-space-3)}@media (hover:hover) and (pointer:fine){.bf-app .nss-close:hover{background:var(--bf-petal-deep)}}.bf-app .nss-btn{justify-content:center;align-items:center;gap:var(--bf-space-2);min-height:48px;padding:var(--bf-space-2h) var(--bf-space-4);border-radius:var(--bf-radius-pill);background:var(--bf-porcelain);color:var(--bf-navy);font-size:var(--bf-fs-15);box-shadow:inset 0 0 0 1.5px var(--bf-line-strong);border:0;font-weight:700;line-height:1.2;transition:background .12s,transform .12s,box-shadow .12s;display:inline-flex;position:relative}@media (hover:hover) and (pointer:fine){.bf-app .nss-btn:hover{background:var(--bf-petal)}}.bf-app .nss-btn:active{transform:translateY(1px)scale(.99)}.bf-app .nss-btn--primary{background:var(--bf-cta);color:var(--bf-porcelain);box-shadow:var(--bf-elev-2)}@media (hover:hover) and (pointer:fine){.bf-app .nss-btn--primary:hover{background:var(--bf-cta-hover)}}.bf-app .nss-btn--soft{background:var(--bf-petal);box-shadow:none}@media (hover:hover) and (pointer:fine){.bf-app .nss-btn--soft:hover{background:var(--bf-petal-deep)}}.bf-app .nss-btn--danger{background:var(--bf-error);color:var(--bf-porcelain);box-shadow:none}@media (hover:hover) and (pointer:fine){.bf-app .nss-btn--danger:hover{background:color-mix(in srgb, var(--bf-error) 86%, var(--bf-ink))}}.bf-app .nss-btn--sm{min-height:var(--bf-tap);padding:var(--bf-space-2) var(--bf-space-4);font-size:var(--bf-fs-14)}.bf-app .nss-btn:disabled{opacity:.5}.bf-app .nss-btn[aria-disabled=true]{cursor:default}.bf-app .nss-btn[aria-busy=true]>*{visibility:hidden}.bf-app .nss-btn[aria-busy=true]:after{content:"";border:2.5px solid;border-top-color:#0000;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite nss-spin;position:absolute}.nss-notice{justify-content:center;align-items:flex-start;gap:var(--bf-space-1h);min-height:21px;font-size:var(--bf-fs-14);text-align:center;margin:0;font-weight:600;line-height:1.4;display:flex}.nss-notice svg{margin-top:1px}.nss-notice.is-ok{color:var(--bf-success)}.nss-notice.is-error{color:var(--bf-error)}.nss-privacy{justify-content:center;align-items:center;gap:var(--bf-space-1h);font-size:var(--bf-fs-13);color:var(--bf-slate);text-align:center;margin:0;display:flex}.nss-privacy svg{color:var(--bf-gilt)}.nss-hint{padding:var(--bf-space-2h) var(--bf-space-3);border-radius:var(--bf-radius-12);background:var(--bf-gilt-soft);color:var(--bf-ink);font-size:var(--bf-fs-13);margin:0;line-height:1.5}.nss-hint.is-warn{background:var(--bf-flame-soft)}.nss-preview{gap:var(--bf-space-3);overscroll-behavior:contain;width:100%;min-height:0;padding:max(6px, env(safe-area-inset-top)) var(--bf-space-4) max(16px, env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}.nss-preview>:not(.nss-stage){flex-shrink:0}.nss-stage{flex:1 1 0;place-items:center;min-height:260px;display:grid;container-type:size}.nss-frame{aspect-ratio:4/5;border-radius:var(--bf-radius);background:var(--bf-porcelain);width:min(100%,50svh);box-shadow:var(--bf-elev-2), 0 0 0 1px var(--bf-line);position:relative;overflow:hidden}@media (width<=899px){.nss-layer--preview{background:var(--bf-bg)}.nss-preview .nss-stage{margin-inline:-16px}.nss-frame{background:var(--bf-surface-2);box-shadow:none;border-radius:0}}@supports (width:1cqmin){.nss-frame{width:min(100cqw,80cqh)}}.nss-hand-holder{width:100%;height:100%;display:block}.nss-hand-holder[hidden]{display:none}.nss-hand{width:100%;height:100%;transition:opacity .16s;display:block}.nss-frame.is-updating .nss-hand{opacity:.6}.nss-hand.is-photo{object-fit:contain;background:var(--bf-surface)}.bf-app .nss-skin.has-photo .nsc-seg-tab{padding-inline:var(--bf-space-1);font-size:var(--bf-fs-14)}.nss-frame-skeleton{border-radius:0;position:absolute;inset:0}.nss-frame .nss-frame-progress{opacity:0;animation:1.4s linear infinite bf-shimmer,.2s ease-out .16s forwards nss-reveal}.nss-preview-controls .nss-skin{min-height:52px}.bf-app .nss-skin .nsc-seg-tab{min-height:var(--bf-tap)}@media (width<=359px){.bf-app .nss-skin .nsc-seg-tab{padding-inline:var(--bf-space-1);font-size:var(--bf-fs-14)}}.nss-frame-error{place-content:center;justify-items:center;gap:var(--bf-space-3h);padding:var(--bf-space-6);background:var(--bf-petal);color:var(--bf-slate);font-size:var(--bf-fs-15);text-align:center;display:grid;position:absolute;inset:0}.nss-frame-error p{max-width:30ch}.nss-preview-controls{gap:var(--bf-space-3);width:100%;max-width:520px;margin:0 auto;display:grid}.nss-source{gap:var(--bf-space-2h);min-width:0;display:grid}.nss-hands{gap:var(--bf-space-2);scrollbar-width:none;overscroll-behavior-x:contain;margin:0 -2px;padding:2px;display:flex;overflow-x:auto}.nss-hands::-webkit-scrollbar{display:none}.bf-app .nss-hand-pick{border-radius:var(--bf-radius-14);background:var(--bf-petal);width:52px;height:52px;box-shadow:inset 0 0 0 1px var(--bf-line);border:0;flex:none;padding:0;transition:box-shadow .16s,transform .12s;position:relative;overflow:hidden}.nss-hand-pick img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.nss-hand-pick-empty{background:linear-gradient(140deg, var(--bf-petal) 20%, var(--bf-petal-deep) 100%);width:100%;height:100%;display:block}.bf-app .nss-hand-pick[aria-pressed=true]{box-shadow:0 0 0 2px var(--bf-porcelain), 0 0 0 4px var(--bf-navy)}.bf-app .nss-hand-pick:active{transform:scale(.95)}.bf-app .nss-hand-pick:focus-visible{border-radius:var(--bf-radius-14);outline-offset:3px}.bf-app .nss-capture{justify-content:center;align-items:center;gap:var(--bf-space-2);min-height:var(--bf-tap);padding:0 var(--bf-space-3);border-radius:var(--bf-radius-pill);background:var(--bf-petal);color:var(--bf-navy);font-size:var(--bf-fs-14);text-align:center;font-weight:600;text-decoration:none;display:inline-flex}.bf-app .nss-capture:focus-visible{border-radius:var(--bf-radius-pill)}.nss-frame.is-pickable .nss-hand-holder{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.nss-tap-ring{z-index:2;pointer-events:none;border:3px solid var(--bf-porcelain);width:46px;height:46px;box-shadow:0 0 0 2px var(--bf-navy), var(--bf-elev-2);border-radius:50%;margin:-23px 0 0 -23px;animation:.56s cubic-bezier(.2,.8,.2,1) forwards nss-tap;position:absolute}.nss-tap-hint{z-index:2;max-width:calc(100% - 24px);padding:var(--bf-space-1h) var(--bf-space-3);border-radius:var(--bf-radius-pill);background:color-mix(in srgb, var(--bf-ink) 72%, transparent);color:var(--bf-on-accent);font-size:var(--bf-fs-12);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;backdrop-filter:var(--bf-blur-thin);font-weight:600;line-height:1.3;animation:.24s ease-out .4s both nss-fade;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.nss-actions{gap:var(--bf-space-2h);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.nss-actions-main{grid-column:1/-1}.nss-drawer{background:var(--bf-milk);border-radius:0 var(--bf-radius-24) var(--bf-radius-24) 0;width:min(92vw,380px);height:100%;box-shadow:12px 0 40px color-mix(in srgb, var(--bf-navy) 18%, transparent);flex-direction:column;animation:.24s cubic-bezier(.2,.8,.2,1) nss-slide;display:flex;position:relative;overflow:hidden}.nss-drawer-head{padding:max(8px, env(safe-area-inset-top)) var(--bf-space-3) var(--bf-space-2) var(--bf-space-4);border-bottom:1px solid var(--bf-line)}.nss-drawer-head .nss-sub{white-space:normal;text-wrap:pretty}.nss-drawer-body{overscroll-behavior:contain;gap:var(--bf-space-3h);min-height:0;padding:var(--bf-space-4) var(--bf-space-4) max(24px, env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex;overflow-y:auto}.nss-drawer-body>*{flex-shrink:0}.nss-drawer-actions{gap:var(--bf-space-2);display:grid}.nss-drawer-body .nss-notice{text-align:left;justify-content:flex-start;min-height:0}.nss-drawer-body .nss-notice:empty{margin-top:-14px}.nss-section{gap:var(--bf-space-2h);display:grid}.nss-section h3{font-size:var(--bf-fs-12);letter-spacing:.07em;text-transform:uppercase;color:var(--bf-gilt);font-weight:700}.nss-list,.nss-templates{margin:0;padding:0;list-style:none}.nss-list{gap:var(--bf-space-2);display:grid}.nss-item{border-radius:var(--bf-radius-sm);background:var(--bf-porcelain);border:1px solid var(--bf-line);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.nss-item.is-current{border-color:var(--bf-navy);box-shadow:inset 0 0 0 1px var(--bf-navy)}.nss-item.is-confirming{border-color:color-mix(in srgb, var(--bf-error) 40%, var(--bf-line))}.nss-item.is-skeleton{border:0;height:70px}.bf-app .nss-item-open{align-items:center;gap:var(--bf-space-3);min-width:0;min-height:68px;padding:var(--bf-space-2) var(--bf-space-1) var(--bf-space-2) var(--bf-space-2);border-radius:var(--bf-radius-sm);color:var(--bf-ink);text-align:left;background:0 0;border:0;display:flex}.nss-thumb{border-radius:var(--bf-radius-10);background:var(--bf-petal);flex:none;display:block}.nss-item-thumb{width:80px;height:48px}.nss-item-text{gap:2px;min-width:0;display:grid}.nss-item-name{font-size:var(--bf-fs-15);overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.nss-item-meta{font-size:var(--bf-fs-12);color:var(--bf-slate)}.nss-item-meta.is-local{color:var(--bf-butter-ink);font-weight:700}.nss-item-media{flex:none;display:block;position:relative}.nss-badge{padding:1px var(--bf-space-2);border-radius:var(--bf-radius-pill);background:var(--bf-navy);color:var(--bf-porcelain);font-size:var(--bf-fs-12);letter-spacing:.01em;white-space:nowrap;box-shadow:0 0 0 2px var(--bf-porcelain);font-weight:700;line-height:1.5;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)}.nss-item-tools{padding-right:var(--bf-space-1);display:flex}.bf-app .nss-tool{width:var(--bf-tap);height:var(--bf-tap);color:var(--bf-slate);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;transition:background .12s,color .12s;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.bf-app .nss-tool:hover{background:var(--bf-petal);color:var(--bf-navy)}}.bf-app .nss-tool--danger[aria-expanded=true]{background:var(--bf-error-soft);color:var(--bf-error)}@media (hover:hover) and (pointer:fine){.bf-app .nss-tool--danger:hover{background:var(--bf-error-soft);color:var(--bf-error)}}.bf-app .nss-tool[aria-busy=true] svg{opacity:.35}.nss-confirm{gap:var(--bf-space-2);margin:0 var(--bf-space-2) var(--bf-space-2);padding:var(--bf-space-2h) var(--bf-space-3);border-radius:var(--bf-radius-12);background:var(--bf-error-soft);font-size:var(--bf-fs-14);grid-column:1/-1;animation:.16s ease-out nss-rise;display:grid}.nss-confirm-actions{justify-content:flex-end;gap:var(--bf-space-2);display:flex}.nss-empty{gap:var(--bf-space-1h);padding:var(--bf-space-4);border-radius:var(--bf-radius-sm);border:1px dashed var(--bf-line-strong);background:var(--bf-porcelain);color:var(--bf-slate);font-size:var(--bf-fs-14);justify-items:start;display:grid}.nss-empty strong{color:var(--bf-ink)}.nss-empty .nss-btn{margin-top:var(--bf-space-1h)}.nss-templates{gap:var(--bf-space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bf-app .nss-template{gap:var(--bf-space-1h);width:100%;min-height:var(--bf-tap);padding:var(--bf-space-2) var(--bf-space-2) var(--bf-space-2h);border:1px solid var(--bf-line);border-radius:var(--bf-radius-sm);background:var(--bf-porcelain);color:var(--bf-ink);font-size:var(--bf-fs-13);text-align:left;font-weight:600;line-height:1.3;transition:border-color .12s,transform .12s;display:grid}@media (hover:hover) and (pointer:fine){.bf-app .nss-template:hover{border-color:var(--bf-navy)}}.bf-app .nss-template:active{transform:scale(.98)}.nss-template-thumb{width:100%;height:64px}@media (orientation:landscape) and (height<=560px) and (width<=899px){.nss-preview{column-gap:var(--bf-space-5);padding-inline:max(16px, env(safe-area-inset-left)) max(16px, env(safe-area-inset-right));grid-template-rows:auto minmax(0,1fr);grid-template-columns:min(42vw,80dvh - 76.8px) minmax(0,1fr);display:grid}.nss-preview .nss-head{grid-column:1/-1;min-height:48px}.nss-stage{min-height:0}.nss-preview-controls{align-content:center;max-width:420px}}@media (width>=900px){.nss-layer--preview{padding:var(--bf-space-6);background:var(--bf-scrim);justify-content:center;align-items:center}.nss-preview{gap:var(--bf-space-1) var(--bf-space-6);max-height:100%;padding:var(--bf-space-4) var(--bf-space-6) var(--bf-space-6);border-radius:var(--bf-radius-28);background:var(--bf-milk);box-shadow:var(--bf-elev-2);flex:0 720px;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 280px;animation:.22s cubic-bezier(.2,.8,.2,1) nss-rise;display:grid}.nss-preview .nss-head{grid-column:1/-1}.nss-stage{align-self:start;min-height:0;container-type:normal}.nss-frame{width:100%}.nss-preview-controls{max-width:none;height:100%;padding-top:var(--bf-space-1);grid-template-rows:auto auto auto 1fr;align-content:start;margin:0}.nss-actions{grid-template-columns:1fr}.bf-app .nss-preview-controls .nsc-seg-tab{padding-inline:var(--bf-space-1);font-size:var(--bf-fs-14)}.nss-privacy{text-align:left;justify-content:flex-start;align-self:end}.nss-notice{text-align:left;justify-content:flex-start}.nss-drawer{width:380px}}@keyframes nss-fade{0%{opacity:0}}@keyframes nss-slide{0%{transform:translate(-100%)}}@keyframes nss-rise{0%{opacity:0;transform:translateY(12px)}}@keyframes nss-spin{to{transform:rotate(360deg)}}@keyframes nss-reveal{to{opacity:.55}}@keyframes nss-tap{0%{opacity:0;transform:scale(.4)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.nss-layer,.nss-preview,.nss-drawer,.nss-confirm,.nss-hand,.bf-app .nss-btn,.bf-app .nss-template{transition:none!important;animation:none!important}.nss-frame .nss-frame-progress{opacity:.4;animation:none!important}.nss-tap-ring{animation-duration:1ms!important}.nss-tap-hint,.bf-app .nss-hand-pick{transition:none!important;animation:none!important}}