html,body,#root{margin:0;height:100%;overflow:hidden}body{font-family:Segoe UI,Arial,Noto Sans Hebrew,sans-serif}.nb{--studio: #37312b;--studio-dots: rgba(255, 244, 224, .055);--panel: rgba(28, 25, 22, .82);--panel-border: rgba(255, 240, 214, .1);--ink: #f3ead9;--ink-dim: #b7ab97;--accent: #ffc94d;--accent-ink: #3a2c07;--danger: #ff6b6b;position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;color:var(--ink);background:var(--studio);-webkit-user-select:none;user-select:none}.nb.nb-dark{--studio: #191613;--panel: rgba(10, 9, 8, .86)}.nb-stage{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--studio-dots) 1.6px,transparent 1.7px);background-size:26px 26px;touch-action:none;cursor:crosshair}.nb-page{position:absolute;top:0;left:0;transform-origin:0 0;border-radius:6px;box-shadow:0 24px 70px #00000080,0 4px 18px #00000059,0 0 0 1px #00000040;background:#fffdf7}.nb-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;border-radius:6px}.nb-live{z-index:3}.nb-canvas:nth-child(2){z-index:2}.nb-ring{position:absolute;z-index:5;transform:translate(-50%,-50%);border:2px dashed rgba(255,201,77,.9);border-radius:50%;pointer-events:none}.nb-resize{position:absolute;right:-16px;bottom:-16px;z-index:6;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:var(--accent);border:1px solid var(--panel-border);box-shadow:0 4px 14px #0006;cursor:nwse-resize;touch-action:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.nb-text-input{position:absolute;z-index:4;transform:translate(50%,-100%);background:#ffffffb3;border:none;border-bottom:3px dashed var(--accent);outline:none;font-weight:600;font-family:Segoe UI,Arial,sans-serif;min-width:140px;padding:2px 6px}.nb-top{position:absolute;top:12px;right:12px;left:12px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none}.nb-top-group{display:flex;align-items:center;gap:8px;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:6px 8px;box-shadow:0 8px 24px #00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);pointer-events:auto}.nb-tbtn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:40px;height:40px;padding:0 10px;border:none;border-radius:11px;background:transparent;color:var(--ink);font-size:14px;font-family:inherit;cursor:pointer;transition:background .15s,transform .1s}.nb-tbtn:hover{background:#fff0d617}.nb-tbtn:active{transform:scale(.93)}.nb-tbtn.is-active{background:var(--accent);color:var(--accent-ink)}.nb-tbtn:disabled{opacity:.35;cursor:default}.nb-pagename{height:40px;padding:0 12px;border:none;border-radius:11px;background:#fff0d612;color:var(--ink);font-size:15px;font-weight:600;font-family:inherit;width:130px;outline:none;text-align:center}.nb-pagename:focus{background:#fff0d624}.nb-saved{font-size:12px;color:var(--ink-dim);padding:0 6px;white-space:nowrap}.nb-saved.is-warn{color:var(--danger);font-weight:700}.nb-menu{position:absolute;top:74px;left:12px;z-index:30;display:flex;flex-direction:column;gap:2px;min-width:200px;background:var(--panel);border:1px solid var(--panel-border);border-radius:16px;padding:8px;box-shadow:0 14px 40px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nb-mitem{display:block;width:100%;text-align:right;padding:12px 14px;border:none;border-radius:10px;background:transparent;color:var(--ink);font-size:15px;font-family:inherit;cursor:pointer}.nb-mitem:hover{background:#fff0d617}.nb-mitem.is-danger{color:var(--danger);font-weight:700}.nb-panel{position:absolute;top:74px;right:12px;bottom:190px;z-index:25;width:240px;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--panel-border);border-radius:20px;overflow:hidden;box-shadow:0 14px 40px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nb-panel-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:12px;scrollbar-width:thin}.nb-thumb{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px;border:1px solid var(--panel-border);border-radius:14px;background:#fff0d60a;color:var(--ink-dim);font-size:12px;font-family:inherit;cursor:pointer;transition:border-color .15s,background .15s}.nb-thumb canvas{width:92px;border-radius:6px;background:#fffdf7;box-shadow:0 2px 8px #00000059;pointer-events:none}.nb-thumb span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nb-thumb.is-active{border-color:var(--accent);background:#ffc94d1a;color:var(--ink)}.nb-thumb-add{border-style:dashed;justify-content:center;min-height:64px;color:var(--accent);font-size:14px}.nb-thumb:disabled{opacity:.45;cursor:default}.nb-panel-ctl{border-top:1px solid var(--panel-border);padding:12px;display:flex;flex-direction:column;gap:10px}.nb-ctl-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.nb-ctl-label{font-size:12px;color:var(--ink-dim);min-width:34px}.nb-ctl-hint{margin:0;font-size:11px;color:var(--ink-dim);line-height:1.5}.nb-mini{min-height:32px;padding:0 11px;border-radius:9px;border:1px solid var(--panel-border);background:#fff0d60d;color:var(--ink-dim);font-size:12.5px;font-family:inherit;cursor:pointer}.nb-mini:hover{background:#fff0d61a}.nb-mini.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.nb-mini.is-danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:700}.nb-mini:disabled{opacity:.4;cursor:default}.nb-zoombar{position:absolute;bottom:16px;left:12px;z-index:20;display:flex;align-items:center;gap:4px;background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;padding:5px;box-shadow:0 8px 24px #00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.nb-zbtn{min-width:38px;height:38px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:10px;background:transparent;color:var(--ink);font-size:17px;font-family:inherit;cursor:pointer}.nb-zbtn:hover{background:#fff0d617}.nb-zpct{font-size:13px;font-weight:700;direction:ltr}.nb-dock{position:absolute;bottom:16px;left:50%;transform:translate(-50%);z-index:22;display:flex;flex-direction:column;align-items:center;gap:8px;max-width:calc(100vw - 24px)}.nb-colors{display:flex;align-items:center;gap:9px;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:8px 14px;box-shadow:0 8px 24px #00000059;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:100%;overflow-x:auto;scrollbar-width:none}.nb-colors::-webkit-scrollbar{display:none}.nb-color{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:2px solid rgba(255,255,255,.14);cursor:pointer;padding:0;transition:transform .12s}.nb-color:hover{transform:scale(1.15)}.nb-color.is-active{box-shadow:0 0 0 2px var(--panel),0 0 0 4.5px var(--accent);transform:scale(1.1)}.nb-color-custom{position:relative;overflow:hidden;display:inline-block}.nb-color-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.nb-size{display:inline-flex;align-items:center;gap:8px;margin-inline-start:6px}.nb-size input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:110px;height:4px;border-radius:4px;background:#fff0d62e;outline:none}.nb-size input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.nb-size input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:none;cursor:pointer}.nb-size-dot{border-radius:50%;display:inline-block}.nb-fill{border-radius:999px}.nb-toolbar{display:flex;gap:4px;background:var(--panel);border:1px solid var(--panel-border);border-radius:22px;padding:8px;box-shadow:0 14px 40px #00000073;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:100%;overflow-x:auto;scrollbar-width:none}.nb-toolbar::-webkit-scrollbar{display:none}.nb-tool{flex:0 0 auto;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:58px;min-height:56px;padding:6px 8px;border:none;border-radius:15px;background:transparent;color:var(--ink-dim);font-size:11.5px;font-family:inherit;cursor:pointer;transition:background .15s,color .15s,transform .1s}.nb-tool:hover{background:#fff0d614;color:var(--ink)}.nb-tool:active{transform:scale(.92)}.nb-tool.is-active{background:var(--accent);color:var(--accent-ink);font-weight:700;box-shadow:0 4px 14px #ffc94d59}.nb-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f0c0999;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.nb-sheet-card{background:#242019;border:1px solid var(--panel-border);border-radius:20px;padding:18px;max-width:430px;width:100%;max-height:85vh;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px #00000080}.nb-sheet-card img{width:100%;max-height:55vh;object-fit:contain;border-radius:10px;background:#fffdf7}.nb-sheet-title{margin:0;font-size:14.5px;color:var(--ink);text-align:center;line-height:1.6}.nb-sheet-hint{margin:0;font-size:12px;color:var(--ink-dim);text-align:center}.nb-sheet-actions{display:flex;gap:8px;justify-content:center}.nb-mbtn{min-height:42px;padding:0 20px;border-radius:12px;border:1px solid var(--panel-border);background:#fff0d612;color:var(--ink);font-size:14.5px;font-family:inherit;cursor:pointer}.nb-mbtn:hover{background:#fff0d624}.nb-backup-text{width:100%;min-height:120px;border:1px solid var(--panel-border);border-radius:10px;padding:10px;font-size:11px;font-family:monospace;background:#0000004d;color:var(--ink-dim);resize:vertical;direction:ltr;box-sizing:border-box}@media (max-width: 640px){.nb-panel{top:70px;bottom:176px;width:200px}.nb-thumb canvas{width:76px}.nb-pagename{width:92px;font-size:13.5px}.nb-saved,.nb-tbtn span{display:none}.nb-tool{min-width:50px;min-height:52px;font-size:10.5px}.nb-zoombar{bottom:auto;top:74px;left:12px;flex-direction:column}.nb-dock{bottom:10px;gap:6px}.nb-size input[type=range]{width:74px}}.nb-emoji{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:none;background:transparent;font-size:21px;cursor:pointer;display:inline-grid;place-items:center;transition:transform .12s,background .15s}.nb-emoji:hover{transform:scale(1.2)}.nb-emoji.is-active{background:#ffc94d38;box-shadow:0 0 0 2px var(--accent);transform:scale(1.12)}.nb-color-sm{width:22px;height:22px}@keyframes nbPageIn{0%{opacity:0;transform-origin:0 0}to{opacity:1}}.nb-page{animation:nbPageIn .18s ease-out}.nb-tbtn,.nb-zbtn,.nb-mini,.nb-mitem{transition:transform .12s ease,background .15s ease,color .15s ease,box-shadow .2s ease,border-color .15s ease}.nb-tbtn:active,.nb-zbtn:active,.nb-mini:active,.nb-mitem:active{transform:scale(.9)}.nb-tool{transition:transform .14s ease,background .15s ease,color .15s ease,box-shadow .2s ease}.nb-tool:active{transform:scale(.88)}.nb-tool.is-active{animation:nb-pop .32s cubic-bezier(.2,1.6,.4,1)}@keyframes nb-pop{0%{transform:scale(.55)}60%{transform:scale(1.22)}to{transform:scale(1)}}.nb-emoji{transition:transform .16s ease}.nb-emoji:hover{transform:scale(1.28) rotate(-8deg)}.nb-emoji:active{transform:scale(.92)}.nb-emoji.is-active{animation:nb-pop .34s cubic-bezier(.2,1.6,.4,1)}.nb-color{transition:transform .14s ease,box-shadow .2s ease}.nb-color:active{transform:scale(.85)}.nb-stamp-pop{position:absolute;z-index:7;pointer-events:none;transform:translate(-50%,-50%);text-shadow:0 6px 18px rgba(0,0,0,.3);animation:nb-stamp .5s cubic-bezier(.2,1.5,.4,1) both}@keyframes nb-stamp{0%{transform:translate(-50%,-50%) scale(0) rotate(-32deg);opacity:0}55%{transform:translate(-50%,-50%) scale(1.4) rotate(9deg);opacity:1}75%{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(0);opacity:0}}.nb-toast{position:fixed;bottom:132px;left:50%;transform:translate(-50%);z-index:60;background:var(--panel);color:#f5efe2;border:1px solid var(--panel-border);border-radius:999px;padding:11px 22px;font-size:17px;font-weight:600;box-shadow:0 10px 34px #0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:nb-toast-in .3s cubic-bezier(.2,1.4,.4,1) both;max-width:86vw;text-align:center}@keyframes nb-toast-in{0%{opacity:0;transform:translate(-50%) translateY(14px) scale(.9)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.nb-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;pointer-events:none;overflow:hidden}.nb-confetti span{position:absolute;top:-6vh;border-radius:2px;opacity:.95;animation:nb-fall linear forwards}@keyframes nb-fall{0%{transform:translateY(0) rotate(0)}to{transform:translateY(118vh) rotate(760deg)}}.nb-zbtn.nb-party{font-size:17px}.nb-zbtn.nb-party:active{transform:scale(1.25) rotate(14deg)}.nb-mirror-line{position:absolute;top:0;bottom:0;left:50%;width:0;border-left:2px dashed rgba(120,90,40,.4);pointer-events:none;z-index:4}.nb-catrow{display:flex;gap:4px;width:100%;justify-content:center;margin-bottom:2px}.nb-cat{border:1px solid transparent;background:transparent;border-radius:10px;font-size:15px;padding:2px 7px;cursor:pointer;opacity:.55;transition:transform .14s ease,opacity .14s ease,background .14s ease}.nb-cat:hover{opacity:.9;transform:scale(1.12)}.nb-cat.is-active{opacity:1;background:#ffc94d29;border-color:#ffc94d66}.nb-colors-sticker{flex-wrap:wrap;border-radius:24px;justify-content:center;row-gap:6px}.nb-colors-sticker .nb-catrow{flex:0 0 100%}.nb-mirror-line-h{top:50%;bottom:auto;left:0;right:0;width:auto;height:0;border-left:none;border-top:2px dashed rgba(120,90,40,.4)}