.samples-head{margin-bottom:var(--sp-5);max-width:62ch}.nb{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-5);align-items:start}@media (min-width:1024px){.nb{grid-template-columns:280px minmax(0,1fr);gap:var(--sp-5)}.nb-info{position:sticky;top:96px}}.nb-device{padding:12px;border-radius:36px;background:var(--nb-bezel);box-shadow:var(--shadow-lg)}.nb-screen{position:relative;display:flex;flex-direction:column;height:calc(100svh - 120px);min-height:520px;overflow:hidden;border-radius:24px;background:var(--nb-chrome);color:var(--nb-label);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Thonburi,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.nb-screen :where(button){font:inherit}.nb-device.is-full{position:fixed;inset:0;z-index:200;padding:0;border-radius:0;box-shadow:none}.nb-device.is-full .nb-screen{height:100%;min-height:0;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.nb-status{display:flex;justify-content:space-between;align-items:center;padding:6px 22px 2px;font-size:.8rem;font-weight:600;background:var(--nb-tabbar)}.nb-status__right{display:inline-flex;align-items:center;gap:6px}.nb-tabbar{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--nb-tabbar)}.nb-tabs{display:flex;flex:1;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}.nb-tabs::-webkit-scrollbar{display:none}.nb-tab{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1 1 0;min-width:112px;max-width:240px;height:32px;padding:0 12px;border:0;border-radius:8px;background:var(--nb-tab-idle);color:var(--nb-label-secondary);font-size:.8rem;cursor:pointer}.nb-tab[aria-selected=true]{background:var(--nb-chrome);color:var(--nb-label);font-weight:600;box-shadow:0 1px 3px var(--nb-page-shadow)}.nb-tab__name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.nb-tab__close{flex:none;color:var(--nb-label-secondary)}.nb-tabbar__add{flex:none;color:var(--nb-icon)}.nb-navbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;min-height:46px;padding:0 10px;background:var(--nb-chrome)}.nb-navbar__group{display:flex;align-items:center;gap:4px}.nb-navbar__group:last-child{justify-content:flex-end}.nb-navbar__title{max-width:34ch;margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;text-align:center}.nb-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:0;border-radius:9px;background:transparent;color:var(--nb-accent);cursor:pointer}.nb-btn[aria-pressed=true]{background:var(--nb-selected)}.nb-btn:disabled{color:var(--nb-label-secondary);opacity:.5;cursor:default}.nb-static{flex:none;box-sizing:content-box;padding:9px;color:var(--nb-accent)}.nb-static--off{color:var(--nb-label-secondary);opacity:.5}.nb-toolbar{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:2px 12px;border-top:1px solid var(--nb-separator);border-bottom:1px solid var(--nb-separator);background:var(--nb-chrome);overflow-x:auto;scrollbar-width:none}.nb-toolbar::-webkit-scrollbar{display:none}.nb-toolbar__style,.nb-toolbar__tools{display:flex;align-items:center;gap:4px;flex:none}.nb-tool{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:10px;background:transparent;color:var(--nb-icon);cursor:pointer}.nb-tool[aria-pressed=true]{background:var(--nb-selected);color:var(--nb-accent)}.nb-tool-static{color:var(--nb-icon);padding:10px}.nb-toolbar__sep{flex:none;width:1px;height:26px;background:var(--nb-separator)}.nb-toolbar__sep--short{height:18px;margin-inline:4px}.nb-swatch{flex:none;width:26px;height:26px;margin-inline:3px;padding:0;border:0;border-radius:50%;cursor:pointer}.nb-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--nb-chrome),0 0 0 4px var(--nb-accent)}.nb-width{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.nb-width span{display:block;border-radius:50%;background:var(--nb-icon)}.nb-width[aria-pressed=true]{background:var(--nb-selected)}.nb-width[aria-pressed=true] span{background:var(--nb-accent)}.nb-btn:focus-visible,.nb-canvas:focus-visible,.nb-swatch:focus-visible,.nb-tab:focus-visible,.nb-thumb:focus-visible,.nb-tool:focus-visible,.nb-width:focus-visible{outline:2px solid var(--nb-accent);outline-offset:2px}.nb-body{position:relative;display:flex;flex:1;min-height:0;background:var(--nb-canvas)}.nb-thumbs{flex:none;width:132px;gap:14px;padding:14px 12px;overflow-y:auto;border-right:1px solid var(--nb-separator);background:var(--nb-chrome)}.nb-thumb,.nb-thumbs{display:flex;flex-direction:column}.nb-thumb{align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--nb-label-secondary);font-size:.75rem;cursor:pointer}.nb-thumb img{width:100%;height:auto;border-radius:3px;box-shadow:0 0 0 1px var(--nb-separator)}.nb-thumb[aria-current=page]{color:var(--nb-accent);font-weight:600}.nb-thumb[aria-current=page] img{box-shadow:0 0 0 3px var(--nb-accent)}.nb-canvas{flex:1;min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 16px 40px;scroll-padding-top:16px}.nb-page{position:relative;width:min(100%,640px);margin:0 auto 20px;background:var(--nb-chrome);box-shadow:0 1px 4px var(--nb-page-shadow)}.nb-page img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none}.nb-draw{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.nb-canvas.is-drawing .nb-draw{pointer-events:auto;touch-action:none;cursor:crosshair}.nb-end{margin:0;text-align:center;color:var(--nb-label-secondary);font-size:.8rem}.nb-page-pill{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);padding:4px 12px;border-radius:999px;background:var(--nb-pill);color:var(--nb-chrome);font-size:.78rem;font-variant-numeric:tabular-nums;pointer-events:none}.nb-info{display:flex;flex-direction:column;gap:var(--sp-3);width:100%;padding:var(--sp-5);border:1px solid var(--line);border-radius:var(--r-lg);background:var(--white);box-shadow:var(--shadow-sm)}.nb-info__top{display:grid;gap:var(--sp-4)}.nb-info__head{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}.nb-info__cover{display:block;width:min(100%,200px);margin-inline:auto}.nb-info__cover .cover{aspect-ratio:4/5}.nb-info__cover .cover img{object-fit:contain;background:var(--cream)}@media (max-width:1023px){.nb-info__top{grid-template-columns:96px minmax(0,1fr);align-items:start}.nb-info__cover{width:100%;margin:0}}.nb-info__name{margin:0;font-size:1.35rem;line-height:1.3}.nb-info__actions{display:grid;gap:var(--sp-2);margin-top:var(--sp-2)}.nb-info__notes{margin:var(--sp-2) 0 0}@media (max-width:760px){.nb-hide-sm,.nb-tool-static{display:none}.nb-navbar__title{max-width:16ch}.nb-toolbar{justify-content:flex-start;gap:6px}}@media (max-width:640px){.nb-device{padding:7px;border-radius:26px}.nb-screen{height:calc(100svh - 96px);min-height:460px;border-radius:20px}.nb-status{padding-inline:16px}.nb-tab{min-width:96px;padding-inline:8px}.nb-tool{width:38px;height:38px}.nb-swatch{width:22px;height:22px;margin-inline:2px}.nb-width{width:26px}.nb-canvas{padding:10px 8px 32px}.nb-page{margin-bottom:10px}.nb-thumbs{width:92px;padding:10px 8px}.nb-info{padding:var(--sp-4)}}