.juicy-canvas{color:#302e33;font-synthesis:none;--paper:#faf9f6;--ink:#302e33;--muted:#969199;--line:#e9e6e2;--accent:#ed795b;--violet:#a993e9;--shadow:0 6px 24px #302e3307, 0 1px 3px #302e3305;background:#faf9f6;height:100%;font-family:DM Sans,sans-serif;font-weight:400}.juicy-canvas,.juicy-canvas *,.juicy-canvas :before,.juicy-canvas :after{box-sizing:border-box}:where(.juicy-canvas) :where(h1){margin-block:.67em;font-size:2em;font-weight:700}:where(.juicy-canvas) :where(h2){margin-block:.83em;font-size:1.5em;font-weight:700}:where(.juicy-canvas) :where(h3){margin-block:1em;font-size:1.17em;font-weight:700}:where(.juicy-canvas) :where(p,pre){margin-block:1em}:where(.juicy-canvas) :where(svg,img){vertical-align:baseline;display:inline}.juicy-canvas:focus{outline:none}.juicy-canvas button,.juicy-canvas input,.juicy-canvas textarea{font:inherit}.juicy-canvas button{cursor:pointer;color:inherit;touch-action:manipulation;background:0 0;border:0}.juicy-canvas button:disabled{cursor:default;opacity:.35}.juicy-canvas button,.juicy-canvas textarea,.juicy-canvas input{outline:none}:is(.juicy-canvas button:focus-visible,.juicy-canvas a:focus-visible){outline-offset:3px;outline:2px solid #9b7fdb}.juicy-canvas input:focus,.juicy-canvas textarea:focus{border-color:#b39be4!important}.juicy-canvas a{color:inherit}.juicy-canvas svg{flex-shrink:0}.juicy-canvas button{transition:background .16s,box-shadow .16s,transform .16s}.juicy-canvas button:not(:disabled):active{transform:translateY(1px)}.juicy-canvas .app{height:100%;min-height:480px;overflow:hidden}.juicy-canvas .app-header{border-bottom:1px solid var(--line);z-index:20;background:#fff;align-items:center;gap:25px;height:80px;padding:0 28px;display:flex;position:relative}.juicy-canvas .brand{border-radius:8px;flex-shrink:0;text-decoration:none;display:flex}.juicy-canvas .header-divider{background:var(--line);width:1px;height:30px}.juicy-canvas .project-wrap{flex-direction:column;justify-content:center;align-self:stretch;gap:4px;display:flex;position:relative}.juicy-canvas .project-button{align-items:center;gap:12px;padding:0;font-size:14px;font-weight:600;display:flex}.juicy-canvas .save-status{color:#9a9696;align-items:center;gap:5px;font-size:11px;display:flex}.juicy-canvas .save-status svg{color:#8a9887}.juicy-canvas .save-status.save-error{color:#b84734}.juicy-canvas .header-center{color:#a39ba0;align-items:center;gap:8px;font-size:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.juicy-canvas .canvas-dot{background:#d6cab7;border-radius:50%;width:6px;height:6px}.juicy-canvas .header-link{align-items:center;gap:6px;text-decoration:none;display:flex}.juicy-canvas .header-link:hover{color:var(--ink)}.juicy-canvas .header-actions{align-items:center;gap:18px;margin-left:auto;display:flex}.juicy-canvas .icon-button{color:#807b83;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.juicy-canvas .icon-button:hover{background:#f2efed}.juicy-canvas .global-eyes{color:#645d6d}.juicy-canvas .present-button{color:#fff;background:#363139;border-radius:9px;align-items:center;gap:9px;height:39px;padding:0 14px;font-size:13px;font-weight:500;display:flex;box-shadow:0 2px 3px #29222b18}.juicy-canvas .present-button:hover{background:#4d4450}.juicy-canvas .present-button kbd{opacity:.6;border:1px solid #ffffff40;border-radius:4px;margin-left:9px;padding:1px 4px;font-size:10px}.juicy-canvas .canvas-region{transition:right .25s;position:absolute;inset:80px 0 0}.juicy-canvas .studio-open .canvas-region{right:330px}.juicy-canvas .canvas-region .react-flow{--xy-background-color:var(--paper);--xy-node-boxshadow-hover:none;--xy-node-boxshadow-selected:none;--xy-selection-background-color:#a38bda12;--xy-selection-border:1px solid #ab94db;--xy-node-border-radius:0;--xy-node-background-color:transparent}.juicy-canvas .react-flow__attribution{opacity:.45;background:0 0!important;font-size:9px!important;bottom:75px!important;right:20px!important}.juicy-canvas .react-flow__node{cursor:grab!important}.juicy-canvas .react-flow__node.dragging{cursor:grabbing!important}.juicy-canvas .react-flow__node:focus-visible{outline-offset:6px;outline:2px dashed #aa91dd}.juicy-canvas .react-flow__node-sticker{width:186px}.juicy-canvas .sticker-node{text-align:center;-webkit-user-select:none;user-select:none;position:relative}.juicy-canvas .sticker-body{place-items:center;height:160px;display:grid;position:relative}.juicy-canvas .sticker-art{transform-origin:50% 10%;filter:drop-shadow(0 11px 9px #45393512);place-items:center;width:140px;height:140px;transition:transform .4s cubic-bezier(.2,1.6,.5,1),filter .3s;display:grid;position:relative;transform:rotate(-5deg)}.juicy-canvas .sticker-object{background:var(--sticker-bg,#b29bea);border:6px solid #fff;border-radius:33px;place-items:center;width:128px;height:128px;transition:background .2s;display:grid;position:relative;box-shadow:inset 0 2px 2px #ffffff85,inset 0 -7px #6e439d24,0 2px #cec6ce,0 0 0 1px #e7e2e7}.juicy-canvas .sticker-object:after{content:"";pointer-events:none;border:1px solid #ffffff3b;border-radius:26px;position:absolute;inset:2px}.juicy-canvas [data-color=violet]{--sticker-bg:#b9a4ec;--shape-bg:#ece5fb;--shape-line:#bda6e4}.juicy-canvas [data-color=orange]{--sticker-bg:#ff9863;--shape-bg:#ffebdc;--shape-line:#e7ad86}.juicy-canvas [data-color=mint]{--sticker-bg:#97cbbb;--shape-bg:#e0f0e8;--shape-line:#9bc6b5}.juicy-canvas [data-color=blue]{--sticker-bg:#8fbce1;--shape-bg:#e2eef9;--shape-line:#97b8d7}.juicy-canvas [data-color=pink]{--sticker-bg:#e9a2b9;--shape-bg:#f9e4ec;--shape-line:#d7a0b4}.juicy-canvas [data-color=yellow]{--sticker-bg:#f0cc6c;--shape-bg:#fbf1ce;--shape-line:#ddc483}.juicy-canvas .art-agent{filter:drop-shadow(0 6px 7px #4539350d);transform:none}.juicy-canvas .art-agent .sticker-object{background:linear-gradient(135deg, color-mix(in srgb, var(--sticker-bg), white 18%), var(--sticker-bg));border-width:5px;border-radius:32px;box-shadow:inset 0 -5px #0001,0 3px #e4dcd3}.juicy-canvas .art-agent .sticker-object:after{display:none}.juicy-canvas .eyes{z-index:4;pointer-events:none;--look-x:0px;--look-y:0px;justify-content:center;align-items:center;gap:22px;width:67px;height:47px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.juicy-canvas .eye{background:var(--eye-color,#fffefa);height:38px;box-shadow:var(--eye-glow,0 0 7px #ffffff24);transform:translate(var(--look-x), var(--look-y));transform-origin:50%;border-radius:999px;flex:0 0 19px;transition:transform .16s ease-out;animation:9s infinite jc-blink;display:block}.juicy-canvas .sticker-art[data-color=mint] .eyes,.juicy-canvas .sticker-art[data-color=yellow] .eyes{--eye-color:#29272c;--eye-glow:none}.juicy-canvas .art-agent .eyes{--eye-glow:none;gap:27px}.juicy-canvas .art-agent .eye{flex-basis:16px}.juicy-canvas .has-glyph .sticker-object{background:linear-gradient(135deg, color-mix(in srgb, var(--sticker-bg), white 22%), var(--sticker-bg) 70%)}.juicy-canvas .generic-logo{color:#fff9f1;fill:#ffffff40;filter:drop-shadow(0 3px #57426b2e);width:70px;height:70px;margin-top:-4px}.juicy-canvas .has-eyes .generic-logo{width:58px;height:58px;margin-top:-25px}.juicy-canvas .sticker-art:not(.art-agent) .generic-logo~.eyes,.juicy-canvas .tool-logo~.eyes,.juicy-canvas .tool-monogram~.eyes{top:77%;transform:translate(-50%,-50%)scale(.58)}.juicy-canvas .has-logo .sticker-object{background:linear-gradient(145deg, #fffefb 45%, var(--shape-bg))}.juicy-canvas .has-logo .eyes{--eye-color:#29272c;--eye-glow:none}.juicy-canvas .tool-logo{pointer-events:none;-webkit-user-select:none;user-select:none;object-fit:contain;filter:drop-shadow(0 2px #d0d4d355);width:72px;height:72px;margin-top:-8px}.juicy-canvas .has-eyes .tool-logo{width:56px;height:56px;margin-top:-26px}.juicy-canvas .has-monogram .sticker-object{background:linear-gradient(145deg, color-mix(in srgb, var(--sticker-bg), #ffd36b 20%), var(--sticker-bg))}.juicy-canvas .tool-monogram{color:#fffdf6;letter-spacing:-5px;text-shadow:0 2px #0000001a;margin-top:-14px;font-size:70px;font-weight:700;line-height:1;transform:rotate(-2deg)}.juicy-canvas .has-eyes .tool-monogram{margin-top:-30px;font-size:54px}.juicy-canvas .variant-tile{transform:rotate(0)!important}.juicy-canvas .variant-tile .sticker-object{border-width:3px;border-radius:28px!important}.juicy-canvas .sticker-caption{flex-direction:column;margin-top:10px;display:flex}.juicy-canvas .sticker-caption strong{letter-spacing:-.4px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:18px;font-weight:600}.juicy-canvas .sticker-node.is-selected .sticker-body:after{content:"";pointer-events:none;border:1.5px dashed #b59cde;border-radius:25px;position:absolute;inset:0}.juicy-canvas .is-dragging .sticker-art{filter:drop-shadow(0 27px 15px #584b5926);animation:.7s ease-in-out infinite alternate jc-wiggle}.juicy-canvas .is-dragging .sticker-caption{opacity:.6}.juicy-canvas .react-flow__handle{opacity:0;transition:opacity .15s;background:#b19bd7!important;border:2px solid #faf9f6!important;width:9px!important;min-width:9px!important;height:9px!important;min-height:9px!important}.juicy-canvas .sticker-node:hover .react-flow__handle,.juicy-canvas .is-selected .react-flow__handle,.juicy-canvas .shape-node:hover .react-flow__handle,.juicy-canvas .note-frame:hover .react-flow__handle,.juicy-canvas .tool-connect .react-flow__handle,.juicy-canvas .react-flow__node.selected .react-flow__handle{opacity:1}.juicy-canvas .is-presenting .react-flow__handle{display:none}.juicy-canvas .react-flow__handle-left{left:-6px!important}.juicy-canvas .react-flow__handle-right{right:-6px!important}.juicy-canvas .react-flow__handle-bottom{bottom:-4px!important}.juicy-canvas .react-flow__node-text,.juicy-canvas .react-flow__node-note{height:auto!important}.juicy-canvas .text-node{white-space:pre-wrap;overflow-wrap:anywhere;color:#908a90;border:1px solid #0000;border-radius:5px;width:max-content;min-width:25px;max-width:520px;padding:4px 6px;line-height:1.45}.juicy-canvas .text-node.has-width{width:100%;max-width:none}.juicy-canvas .text-edit{min-width:6ch;display:grid}.juicy-canvas .text-edit>*{white-space:pre-wrap;overflow-wrap:anywhere;grid-area:1/1}.juicy-canvas .text-edit-mirror{visibility:hidden}.juicy-canvas .text-resize-handle.react-flow__resize-control.handle{background:#fff;border:1.5px solid #b59cde;border-radius:50%;width:9px;height:9px}.juicy-canvas .text-node.is-selected{border:1px dashed #b59cde}.juicy-canvas .text-node.heading-node{color:#37343a;letter-spacing:-1.8px;font-weight:600;line-height:1.2}.juicy-canvas .text-node.eyebrow-node{color:#b09b89;letter-spacing:2.3px;font-size:11px;font-weight:500}.juicy-canvas .handwritten{font-family:Caveat,cursive;font-weight:500}.juicy-canvas .text-node.handwritten{color:#a99aaf;line-height:1.1}.juicy-canvas .text-node textarea{color:inherit;font:inherit;letter-spacing:inherit;resize:none;line-height:inherit;background:#faf9f6aa;border:0;width:100%;height:100%;padding:0;display:block;overflow:hidden}.juicy-canvas .shape-node{background:var(--shape-bg);border:2px solid var(--shape-line);color:#65566e;white-space:pre-wrap;text-align:center;border-radius:14px;place-items:center;width:100%;height:100%;padding:12px;font-size:20px;display:grid;position:relative}.juicy-canvas .shape-ellipse{border-radius:50%}.juicy-canvas .shape-diamond{background:0 0;border:none}.juicy-canvas .shape-diamond:before{content:"";z-index:-1;background:var(--shape-bg);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);border-radius:4px;position:absolute;inset:0}.juicy-canvas .shape-node textarea{resize:none;text-align:center;width:100%;height:100%;color:inherit;background:0 0;border:0}.juicy-canvas .drawing-node{border:1px solid #0000;line-height:0}.juicy-canvas .drawing-node.is-selected{border-style:dashed;border-color:#b59cde}.juicy-canvas .edge-pulse{pointer-events:none}.juicy-canvas .edge-label{color:#a49aa9;pointer-events:none;white-space:pre;background:#faf9f6df;border-radius:8px;padding:0 7px;font-family:Caveat,cursive;font-size:21px;position:absolute}.juicy-canvas .edge-label.selected{color:#895abc}.juicy-canvas .tool-dock{box-shadow:var(--shadow);z-index:5;background:#fff;border:1px solid #e9e6e2;border-radius:13px;flex-direction:column;gap:3px;padding:7px;display:flex;position:absolute;top:50%;left:22px;transform:translateY(-50%)}.juicy-canvas .tool-button{color:#8a838b;border-radius:7px;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative}.juicy-canvas .tool-button:hover{background:#f5f1f0}.juicy-canvas .tool-button.active{color:#8464b6;background:#ede6f8}.juicy-canvas .tool-button.active svg{fill:#a287ca20}.juicy-canvas .tool-key{color:#aca4ad;font-size:8px;position:absolute;bottom:3px;right:4px}.juicy-canvas .tool-button.active .tool-key{color:#9d80c7}.juicy-canvas .tool-group-start{border-top:1px solid #f0ece8;margin-top:5px;padding-top:5px}.juicy-canvas .add-tool{color:#df8866}.juicy-canvas .add-tool:hover{background:#fff1e7}.juicy-canvas .canvas-topline{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;top:23px;left:26px;right:25px}.juicy-canvas .board-label{letter-spacing:1.9px;color:#b6aa9b;align-items:center;gap:7px;font-size:9px;display:flex}.juicy-canvas .board-label>span{background:#cebda7;border-radius:50%;width:5px;height:5px}.juicy-canvas .sidebar-toggle{pointer-events:all;color:#b2a8ac;width:28px;height:28px}.juicy-canvas .canvas-bottom{pointer-events:none;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;bottom:24px;left:24px;right:24px}.juicy-canvas .zoom-controls,.juicy-canvas .history-controls{pointer-events:all;border:1px solid var(--line);height:40px;box-shadow:var(--shadow);background:#fff;border-radius:10px;align-items:center;padding:4px;display:flex}.juicy-canvas .zoom-controls>button,.juicy-canvas .history-controls>button{color:#847c84;border-radius:6px;place-items:center;width:31px;height:30px;display:grid}.juicy-canvas .zoom-controls>button:hover,.juicy-canvas .history-controls>button:hover{background:#f5f1f2}.juicy-canvas .zoom-controls .zoom-number{min-width:45px;font-size:11px}.juicy-canvas .zoom-controls>i,.juicy-canvas .presentation-controls>i{border-left:1px solid var(--line);height:16px;margin:0 5px}.juicy-canvas .canvas-hint{color:#b0a5ac;align-items:center;gap:7px;font-size:11px;display:flex}.juicy-canvas .studio{z-index:10;background:#fff;border:1px solid #e7e3df;border-radius:15px;flex-direction:column;width:282px;display:flex;position:absolute;top:104px;bottom:70px;right:24px;overflow:hidden;box-shadow:0 6px 24px #41333705,0 1px 2px #41333704}.juicy-canvas .studio-header{align-items:center;gap:9px;height:65px;min-height:65px;padding:0 21px;display:flex}.juicy-canvas .studio-symbol{color:#e89069;background:#fff1e8;border-radius:9px;place-items:center;width:30px;height:30px;display:grid}.juicy-canvas .studio-header h2{letter-spacing:-.3px;margin:0;font-size:15px;font-weight:600}.juicy-canvas .close-studio{color:#b8b0b8;width:23px;margin-left:auto}.juicy-canvas .studio-scroll{scrollbar-width:thin;scrollbar-color:#e6dfeb transparent;scrollbar-gutter:stable;flex:1;padding:0 20px 20px;overflow:auto}.juicy-canvas .generate-button{color:#fff;background:#f08b68;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:39px;margin-top:10px;font-size:12px;font-weight:500;display:flex;box-shadow:inset 0 1px #ffffff1f,0 2px 2px #bf5d3820}.juicy-canvas .generate-button:not(:disabled):hover{background:#e7805c;box-shadow:0 3px 9px #e7805c30}.juicy-canvas .section-label{color:#b5a9b1;letter-spacing:1.35px;font-size:8px;font-weight:500}.juicy-canvas .sticker-art.small{filter:none;width:23px;height:23px;transform:rotate(-5deg)}.juicy-canvas .small .sticker-object{border-width:1px!important;border-radius:6px!important;width:24px!important;height:24px!important;box-shadow:inset 0 -1px #0001,0 1px #e4dcd3!important}.juicy-canvas .small .sticker-object:after{display:none}.juicy-canvas .small .tool-logo{filter:none;width:16px;height:16px;margin:0}.juicy-canvas .small .tool-monogram{letter-spacing:-1px;text-shadow:none;margin:0;font-size:12px}.juicy-canvas .small .generic-logo{width:15px;height:15px;margin:0}.juicy-canvas .small .eyes{top:50%;transform:translate(-50%,-50%)scale(.18)!important}.juicy-canvas .small .eye{animation:none;transform:none}.juicy-canvas .toggle{background:#ddd7dc;border-radius:10px;flex-shrink:0;width:29px;height:17px;margin-left:auto;display:inline-block;position:relative}.juicy-canvas .toggle>span{background:#fff;border-radius:50%;width:11px;height:11px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0001}.juicy-canvas .toggle.on{background:#bea8df}.juicy-canvas .toggle.on>span{transform:translate(12px)}.juicy-canvas .style-options{grid-template-columns:1fr 1fr;gap:8px;display:grid}.juicy-canvas .style-options>button{color:#a294a1;border:1px solid #eee8e3;border-radius:9px;align-items:center;gap:8px;height:60px;padding:10px;font-size:10px;display:flex;position:relative}.juicy-canvas .style-options>button.active{color:#947459;background:#fcf8f3;border-color:#e3cbb2}.juicy-canvas .style-preview{background:#ded0f1;border:3px solid #fff;flex-shrink:0;width:22px;height:27px;display:block;box-shadow:0 2px #d2c1db,0 0 0 1px #e2d8e7}.juicy-canvas .sticker-preview{border-radius:7px;transform:rotate(-14deg)}.juicy-canvas .tile-preview{background:#e3d6ec;border-width:1px;border-radius:6px;width:24px;height:25px}.juicy-canvas .bottom-credit{color:#b7a9b0;justify-content:space-between;align-items:center;width:282px;font-size:9px;display:flex;position:absolute;bottom:21px;right:24px}.juicy-canvas .bottom-credit .handwritten{color:#ad98b4;margin-left:2px;font-size:14px}.juicy-canvas .bottom-credit .icon-button{color:#b3a4b2;width:24px;height:24px}.juicy-canvas .inspector{border-bottom:1px solid #ece7e3;padding:18px 0}.juicy-canvas .inspector .style-options{margin-top:14px}.juicy-canvas .inspector .style-options>button{height:44px}.juicy-canvas .add-section{padding-top:18px}.juicy-canvas .add-section .section-label{margin:0 0 10px}.juicy-canvas .inspector-heading{color:#94859f;align-items:center;gap:6px;margin-bottom:10px;display:flex}.juicy-canvas .inspector-heading h3{color:#68566e;margin:0 auto 0 0;font-size:12px;font-weight:500}.juicy-canvas .inspector-heading .icon-button{width:25px;height:25px}.juicy-canvas .field-label{color:#9b8b99;margin:10px 0 6px;font-size:10px;display:block}.juicy-canvas .inspector-input,.juicy-canvas .project-menu input{color:#62536b;resize:vertical;background:#fdfcfa;border:1px solid #e9e1e8;border-radius:6px;width:100%;min-height:32px;padding:7px 9px;font-size:12px;display:block}.juicy-canvas .eyes-inline{color:#928399;align-items:center;gap:8px;width:100%;margin:14px 0;padding:0;font-size:11px;display:flex}.juicy-canvas .color-options{gap:10px;margin-top:14px;display:flex}.juicy-canvas .color-swatch{background:var(--sticker-bg);border:3px solid #fff;border-radius:50%;width:23px;height:23px;box-shadow:0 0 0 1px #ece7e7}.juicy-canvas .color-swatch.active{box-shadow:0 0 0 1.5px #a18baa}.juicy-canvas .arrow-options{grid-template-columns:1fr 1fr;gap:5px;margin:13px 0;display:grid}.juicy-canvas .arrow-options button{text-transform:capitalize;color:#95809e;border:1px solid #e8e1e9;border-radius:6px;padding:6px;font-size:11px}.juicy-canvas .arrow-options button.active{background:#eee6f7;border-color:#c7b6df}.juicy-canvas .inspector input[type=range]{accent-color:#b599dd;width:100%}.juicy-canvas .check-label{color:#9a8a9f;align-items:center;gap:5px;font-size:11px;display:flex}.juicy-canvas .check-label input{accent-color:#b599dd}.juicy-canvas .library-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.juicy-canvas .library-grid>button{color:#9a859d;border:1px solid #eee7e1;border-radius:9px;flex-direction:column;align-items:center;gap:9px;padding:14px 4px 9px;font-size:10px;display:flex;position:relative}.juicy-canvas .library-grid>button:hover{background:#faf6f2;border-color:#d8c8da}.juicy-canvas .library-grid .sticker-art.small{margin:7px 0;transform:scale(1.5)}.juicy-canvas .library-grid>button>span{text-align:center;overflow-wrap:anywhere;line-height:1.25}.juicy-canvas .library-search{color:#b2a4b4;background:#fdfcfa;border:1px solid #e9e1e8;border-radius:8px;align-items:center;gap:7px;height:34px;padding:0 8px 0 10px;display:flex}.juicy-canvas .library-search:focus-within{border-color:#c9b6dc}.juicy-canvas .library-search input{color:#62536b;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:12px}.juicy-canvas .library-search input::-webkit-search-cancel-button{display:none}.juicy-canvas .library-search button{color:#a596a8;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.juicy-canvas .category-chips{flex-wrap:wrap;gap:5px;margin:10px 0 4px;display:flex}.juicy-canvas .category-chips button{color:#8f7f93;white-space:nowrap;text-align:center;border:1px solid #ece5ea;border-radius:999px;flex:1 0 auto;padding:4px 10px;font-size:11px}.juicy-canvas .category-chips button:focus-visible{outline-offset:1px}.juicy-canvas .category-chips button[aria-pressed=true]{color:#5f4d6c;background:#eee6f7;border-color:#c7b6df}.juicy-canvas .library-heading{color:#9b8b99;margin:14px 0 8px;font-size:11px;font-weight:500}.juicy-canvas .category-chips+.library-grid{margin-top:10px}.juicy-canvas .library-empty{color:#948394;text-align:center;margin-top:14px;font-size:12px}.juicy-canvas .library-empty button{color:#fff;background:#f08b68;border-radius:6px;align-items:center;gap:5px;margin:10px auto 0;padding:7px 12px;font-size:12px;font-weight:500;display:inline-flex}.juicy-canvas .menu-dismiss{z-index:21;cursor:default;position:fixed;inset:0}.juicy-canvas .project-menu{z-index:22;background:#fff;border:1px solid #e9e1e6;border-radius:12px;width:240px;padding:12px;position:absolute;top:68px;left:-8px;box-shadow:0 10px 40px #32243c12}.juicy-canvas .project-menu>button{text-align:left;color:#7d6b83;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 8px;font-size:12px;display:flex}.juicy-canvas .project-menu>button:hover{background:#f8f3f8}.juicy-canvas .project-menu input{margin-bottom:9px}.juicy-canvas .menu-rule{border-top:1px solid #f0e9ec;margin:5px 0}.juicy-canvas .drawing-layer{z-index:4;touch-action:none;cursor:crosshair;position:absolute;inset:0}.juicy-canvas .drawing-layer>svg{pointer-events:none;width:100%;height:100%}.juicy-canvas .tool-text .react-flow__pane,.juicy-canvas .tool-rectangle .react-flow__pane,.juicy-canvas .tool-ellipse .react-flow__pane,.juicy-canvas .tool-diamond .react-flow__pane,.juicy-canvas .tool-connect .react-flow__node{cursor:crosshair!important}.juicy-canvas .empty-state{text-align:center;pointer-events:none;width:300px;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}.juicy-canvas .empty-state h1{letter-spacing:-1px;font-size:24px;font-weight:500}.juicy-canvas .empty-state p{color:#a492a9;font-size:13px}.juicy-canvas .empty-state .generate-button{pointer-events:all;width:180px;margin:24px auto 0}.juicy-canvas .empty-face{background:#d6c4ed;border:4px solid #fff;border-radius:25px;width:73px;height:70px;margin:auto;position:relative;transform:rotate(-9deg);box-shadow:0 8px 20px #ad95ca20}.juicy-canvas .empty-face .eyes{transform:translate(-50%,-50%)scale(.6)}.juicy-canvas .toast{z-index:60;color:#85708c;background:#fffdfb;border:1px solid #e9dfe8;border-radius:10px;align-items:center;gap:9px;max-width:90vw;padding:13px 18px;font-size:12px;animation:.2s ease-out jc-toast-in;display:flex;position:fixed;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #4d335b15}.juicy-canvas .toast svg{color:#9d86b0}.juicy-canvas .is-presenting .canvas-region{top:0;bottom:0;right:0}.juicy-canvas .is-presenting .app-header{display:none}.juicy-canvas .is-presenting .react-flow__attribution{bottom:20px!important}.juicy-canvas .presentation-title{color:#968997;z-index:10;align-items:center;gap:12px;font-size:13px;display:flex;position:fixed;top:23px;left:27px}.juicy-canvas .presentation-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffed;border:1px solid #e8e0e7;border-radius:13px;align-items:center;gap:5px;padding:7px;display:flex;position:fixed;bottom:27px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #6c547d13}.juicy-canvas .presentation-controls>button{color:#9b85a3;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-width:34px;height:35px;font-size:10px;display:flex}.juicy-canvas .presentation-controls>button:hover{background:#f6eff7}.juicy-canvas .presentation-controls>button.presentation-step{flex-direction:column;gap:2px;min-width:160px;font-size:12px}.juicy-canvas .presentation-step>span{color:#b7a5bb;font-size:9px}.juicy-canvas dialog{color:#64536b;border:1px solid #eee4ed;border-radius:19px;width:min(460px,90vw);max-height:85dvh;margin:auto;padding:0;box-shadow:0 20px 90px #42354b25}.juicy-canvas dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#42374838}.juicy-canvas .dialog-inner{padding:33px;position:relative}.juicy-canvas .dialog-close{position:absolute;top:15px;right:15px}.juicy-canvas .dialog-symbol{color:#bd9ed9}.juicy-canvas .dialog-inner h2{letter-spacing:-.8px;margin:17px 0 10px;font-size:25px;font-weight:500}.juicy-canvas .dialog-inner>p{color:#a18ca8;font-size:13px;line-height:1.8}.juicy-canvas .dialog-inner>p.dialog-note{font-size:11px}.juicy-canvas .dialog-inner pre{color:#9979ac;background:#f7f0f7;border:1px solid #eee1ee;border-radius:7px;padding:13px;font-size:11px;overflow:auto}.juicy-canvas .dialog-inner code{color:#9979ac}.juicy-canvas .shortcuts{grid-template-columns:1fr 1fr;gap:13px 22px;margin:23px 0;display:grid}.juicy-canvas .shortcuts>div{color:#938098;justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.juicy-canvas .shortcuts kbd{color:#aa8db8;white-space:nowrap;border:1px solid #e6dce8;border-radius:4px;padding:2px 5px;font:9px DM Sans,sans-serif}@media (width>=1600px){.juicy-canvas .studio{width:302px;right:30px}.juicy-canvas .studio-open .canvas-region{right:362px}.juicy-canvas .bottom-credit{width:302px;right:30px}.juicy-canvas .studio-scroll{padding-left:23px;padding-right:23px}.juicy-canvas .studio-header{padding:0 23px}.juicy-canvas .section-label{font-size:9px}.juicy-canvas .style-options>button{height:65px;font-size:11px}}@media (width<=1150px){.juicy-canvas .header-center{display:none}.juicy-canvas .app-header{gap:20px;height:72px;padding:0 22px}.juicy-canvas .canvas-region{top:72px}.juicy-canvas .studio{width:265px;top:90px;bottom:65px;right:16px}.juicy-canvas .studio-open .canvas-region{right:292px}.juicy-canvas .bottom-credit{width:265px;right:16px}.juicy-canvas .canvas-hint{display:none}.juicy-canvas .tool-dock{left:14px}.juicy-canvas .canvas-bottom{left:15px;right:15px}.juicy-canvas .studio-scroll{padding:0 17px 18px}.juicy-canvas .studio-header{padding:0 17px}.juicy-canvas .style-options>button{gap:7px;padding:8px}.juicy-canvas .canvas-topline{left:20px;right:15px}}@media (width<=760px){.juicy-canvas .app-header{gap:15px;height:65px;padding:0 16px}.juicy-canvas .brand-name,.juicy-canvas .header-divider{display:none}.juicy-canvas .project-button{max-width:180px;font-size:12px}.juicy-canvas .project-button>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.juicy-canvas .save-status{font-size:9px}.juicy-canvas .present-button{height:34px;padding:0 10px;font-size:11px}.juicy-canvas .present-button kbd{display:none}.juicy-canvas .header-actions{gap:7px}.juicy-canvas .global-eyes{display:none}.juicy-canvas .canvas-region{top:65px!important;right:0!important}.juicy-canvas .studio{width:264px;top:79px;bottom:69px;right:13px;box-shadow:0 10px 50px #4a354d20}.juicy-canvas .studio-open .canvas-topline .sidebar-toggle{display:none}.juicy-canvas .studio-open .studio{z-index:15}.juicy-canvas .bottom-credit{display:none}.juicy-canvas .tool-dock{gap:0;padding:5px;left:12px}.juicy-canvas .tool-button{width:36px;height:38px}.juicy-canvas .tool-key{display:none}.juicy-canvas .canvas-bottom{bottom:16px}.juicy-canvas .board-label{font-size:8px}.juicy-canvas .toast{width:max-content;font-size:11px;bottom:67px}.juicy-canvas .presentation-title{top:12px;left:16px}.juicy-canvas .presentation-controls{width:max-content;max-width:calc(100vw - 20px);bottom:18px}.juicy-canvas .presentation-controls>button.presentation-step{min-width:125px}.juicy-canvas .dialog-inner{padding:28px}.juicy-canvas .shortcuts{column-gap:15px}}@media (prefers-reduced-motion:reduce){.juicy-canvas .edge-pulse{display:none}.juicy-canvas *,.juicy-canvas :before,.juicy-canvas :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.juicy-canvas .section-label{color:#a68f9f;font-size:9px}.juicy-canvas .is-presenting .react-flow__node{pointer-events:none!important}.juicy-canvas .canvas-region>.react-flow{margin-left:74px;width:calc(100% - 74px)!important}.juicy-canvas .is-presenting .canvas-region>.react-flow{margin-left:0;width:100%!important}@media (width<=760px){.juicy-canvas .canvas-region>.react-flow{margin-left:60px;width:calc(100% - 60px)!important}}@keyframes jc-wiggle{0%{transform:translateY(-14px)rotate(-10deg)scale(1.07)}to{transform:translateY(-19px)rotate(7deg)scale(1.07)}}@keyframes jc-blink{0%,45%,48%,to{scale:1}46.5%{scale:1 .08}}@keyframes jc-toast-in{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0}}.juicy-canvas .react-flow__node-note{width:200px}.juicy-canvas .note-frame{position:relative}.juicy-canvas .note-node{background:linear-gradient(170deg, #fffefb 30%, var(--shape-bg));color:#4a4550;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #0000;border-radius:6px 6px 18px;min-height:58px;padding:14px 16px 16px;font-size:15px;line-height:1.4;position:relative;transform:rotate(-1deg);box-shadow:0 1px #e7e2e7,0 0 0 1px #ece8ec,0 8px 16px -6px #4539351f}.juicy-canvas .note-node:before{content:"";background:var(--sticker-bg);opacity:.85;border-radius:0 0 3px 3px;width:34px;height:6px;position:absolute;top:0;left:16px}.juicy-canvas .note-node:after{content:"";background:linear-gradient(135deg, var(--shape-bg) 50%, #0000 50%);border-top-left-radius:6px;width:18px;height:18px;position:absolute;bottom:0;right:0;box-shadow:-1px -1px 2px #4539351a}.juicy-canvas .note-node.is-selected{border:1px dashed #b59cde}.juicy-canvas .note-node textarea{color:inherit;font:inherit;resize:none;line-height:inherit;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;overflow:hidden}.juicy-canvas .sticker-caption span{color:var(--muted);margin-top:2px;font-size:14px}.juicy-canvas.flow-diagram{border-radius:inherit;background-color:#fff;background-image:radial-gradient(#dcd6d9 1px,#0000 1.2px);background-size:22px 22px;height:auto;padding:28px 24px;position:relative;overflow:hidden;container-type:inline-size}.juicy-canvas .flow-columns{z-index:1;gap:72px;display:grid;position:relative}.juicy-canvas .flow-column{align-content:center;gap:10px;display:grid}.juicy-canvas .flow-column-title{color:#b09b89;letter-spacing:2.3px;text-transform:uppercase;margin:0;font-size:11px;font-weight:500}.juicy-canvas .flow-column-nodes{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:14px;display:flex}.juicy-canvas .flow-node.is-note{flex:220px;max-width:420px}.juicy-canvas .flow-column:not(.is-focus) .flow-node.is-sticker{zoom:.62}.juicy-canvas .flow-column:not(.is-focus) .flow-node.is-sticker .sticker-node{width:220px}.juicy-canvas .flow-column:not(.is-focus) .flow-node.is-sticker .sticker-caption strong{text-wrap:balance;font-size:24px;line-height:1.15}.juicy-canvas .flow-column.is-focus .flow-column-title{text-align:center}.juicy-canvas .flow-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.juicy-canvas.flow-diagram .edge-label{z-index:2;background:#ffffffe6}@container (width>=600px){.juicy-canvas:not(.is-vertical) .flow-columns{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;column-gap:96px}.juicy-canvas:not(.is-vertical) .flow-column-nodes{flex-flow:column;align-items:stretch}.juicy-canvas:not(.is-vertical) .flow-node.is-note{flex:none;max-width:none}.juicy-canvas:not(.is-vertical) .flow-node.is-sticker{align-self:center}}