.story-note-canvas,.story-note-canvas .tl-container,.story-note-canvas-stage,.story-note-canvas-stage>div{height:100%;min-height:0}.story-note-canvas{--story-note-canvas-background:#fff;--story-note-canvas-grid-color:#d8dadd;min-height:calc(100dvh - 56px)}.story-note-canvas .story-note-canvas-background{background-color:var(--story-note-canvas-background);background-image:radial-gradient(var(--story-note-canvas-grid-color) 1px,var(--story-note-canvas-background) 1px);background-position:var(--story-canvas-grid-x) var(--story-canvas-grid-y);background-size:var(--story-canvas-grid-size) var(--story-canvas-grid-size)}.story-note-canvas-stage{height:calc(100dvh - 56px);min-height:calc(100dvh - 56px);width:100%}.story-note-canvas .tlui-layout__top__right>.tlui-style-panel__wrapper{display:none}.story-note-canvas-toolbar{display:flex;align-items:flex-end;justify-content:center;padding:0 16px 16px;pointer-events:none;width:100%}.story-note-canvas-toolbar-shell{align-items:center;backdrop-filter:blur(18px) saturate(1.5);background:hsla(0,0%,100%,.94);border:1px solid rgba(31,35,40,.12);border-radius:16px;box-shadow:0 18px 44px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.08),inset 0 1px 0 hsla(0,0%,100%,.96);display:flex;gap:0;height:64px;max-width:calc(100vw - 32px);min-width:264px;padding:0 12px;pointer-events:auto;position:relative}.story-note-canvas-tool-group{display:flex;align-items:center;gap:10px;height:64px}.story-note-canvas-brush-tools{gap:4px}.story-note-canvas-assets-tools,.story-note-canvas-senior-tools{gap:0}.story-note-canvas-tool-wrap{align-items:center;display:flex;justify-content:center;position:relative}.story-note-canvas-toolbar-divider{align-items:center;display:flex;height:64px;justify-content:center;margin:0 8px;width:8px}.story-note-canvas-toolbar-divider:after{background:rgba(28,32,40,.12);content:"";display:block;height:64px;width:1px}.story-note-canvas-tool-button{align-items:center;background:hsla(0,0%,100%,0);border:0;border-radius:4px;color:#6f737d;cursor:pointer;display:inline-flex;height:36px;justify-content:center;min-width:36px;padding:0;position:relative;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .18s ease}.story-note-canvas-tool-button:hover{background:rgba(31,35,40,.07);color:#22262f}.story-note-canvas-tool-button.is-active{background:rgba(31,35,40,.08);box-shadow:none;color:#1e8cff}.story-note-canvas-tool-button:disabled{cursor:not-allowed;opacity:.46;transform:none}.story-note-canvas-tooltip{align-items:center;background:#050505;border-radius:8px;bottom:calc(100% + 14px);box-shadow:0 12px 26px rgba(0,0,0,.2);color:#fff;display:inline-flex;font-size:14px;font-weight:700;gap:8px;left:50%;line-height:20px;opacity:0;padding:8px 10px;pointer-events:none;position:absolute;transform:translate(-50%,4px) scale(.98);transition:opacity .12s ease,transform .12s ease;white-space:nowrap;z-index:80}.story-note-canvas-tooltip:after{border-left:7px solid transparent;border-right:7px solid transparent;border-top:8px solid #050505;bottom:-7px;content:"";left:50%;position:absolute;transform:translateX(-50%)}.story-note-canvas-tooltip kbd{align-items:center;background:hsla(0,0%,100%,.18);border-radius:5px;display:inline-flex;font-size:12px;font-weight:800;height:22px;justify-content:center;line-height:1;min-width:22px;padding:0 6px}.story-note-canvas-tool-button:focus-visible>.story-note-canvas-tooltip,.story-note-canvas-tool-button:hover>.story-note-canvas-tooltip{opacity:1;transform:translate(-50%) scale(1)}.story-note-canvas-senior-button{height:64px;min-width:96px}.story-note-canvas-pen-button{align-items:flex-end;height:64px;min-width:35px;width:35px}.story-note-canvas-eraser-button{align-items:flex-end;height:64px;min-width:49px;width:49px}.story-note-canvas-pen-preview{display:block;height:64px;position:relative;transform:translateY(8px);transition:color .3s ease-in-out,transform .3s ease-in-out;width:35px}.story-note-canvas-pen-tip{border-bottom:18px solid #111;border-left:5px solid transparent;border-right:5px solid transparent;height:0;left:12px;position:absolute;top:0;width:0}.story-note-canvas-pen-body{background:linear-gradient(90deg,#f4f4f1 0 45%,#fff 45% 56%,#dfdfdc 56% 100%);clip-path:polygon(50% 0,100% 100%,0 100%);filter:drop-shadow(0 4px 8px rgba(17,24,39,.18));height:38px;left:7px;position:absolute;top:16px;width:21px}.story-note-canvas-pen-foot{background:#111;bottom:0;height:14px;position:absolute;width:11px}.story-note-canvas-pen-foot.is-left{left:7px;clip-path:polygon(0 15%,100% 0,100% 100%,0 100%)}.story-note-canvas-pen-foot.is-right{right:7px;clip-path:polygon(0 0,100% 15%,100% 100%,0 100%)}.story-note-canvas-pen-preview.is-highlighter .story-note-canvas-pen-tip{border-bottom-color:#facc15;top:1px}.story-note-canvas-pen-preview.is-highlighter .story-note-canvas-pen-body{background:linear-gradient(90deg,#fef3c7 0 44%,#fff8db 44% 58%,#facc15 58% 100%)}.story-note-canvas-pen-preview.is-highlighter .story-note-canvas-pen-foot{background:#0f3b63}.story-note-canvas-pen-button.is-active .story-note-canvas-pen-preview,.story-note-canvas-pen-button:hover .story-note-canvas-pen-preview{transform:translateY(0)}.story-note-canvas-eraser-preview{align-items:flex-end;display:flex;height:64px;justify-content:center;overflow:hidden;position:relative;transform:translateY(8px);transition:transform .3s ease-in-out;width:49px}.story-note-canvas-eraser-svg{display:block;flex:0 0 auto;height:49px;width:44px}.story-note-canvas-eraser-button.is-active .story-note-canvas-eraser-preview,.story-note-canvas-eraser-button:hover .story-note-canvas-eraser-preview{transform:translateY(0)}.story-note-canvas-popover{align-items:center;animation:story-canvas-popover-in .14s ease both;backdrop-filter:blur(18px) saturate(1.5);background:hsla(0,0%,100%,.96);border:1px solid rgba(31,35,40,.12);border-bottom:0;border-radius:8px 8px 0 0;bottom:calc(100% - 1px);box-shadow:0 -12px 30px rgba(15,23,42,.12),0 -1px 4px rgba(15,23,42,.05),inset 0 1px 0 hsla(0,0%,100%,.96);display:flex;gap:0;height:65px;left:50%;min-height:0;padding:0 10px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:48}.story-note-canvas-popover:after{display:none}@keyframes story-canvas-popover-in{0%{opacity:0;transform:translateX(-50%) translateY(6px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.story-note-canvas-popover-row{align-items:center;display:flex;gap:10px}.story-note-canvas-divider{background:rgba(28,32,40,.1);height:24px;margin:0 9px;width:1px}.story-note-canvas-pen-popover{border:1px solid rgba(31,35,40,.12);border-radius:14px;bottom:calc(100% + 18px);box-shadow:0 24px 54px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.08),inset 0 1px 0 hsla(0,0%,100%,.96);height:66px;max-width:calc(100vw - 48px);min-width:760px;overflow-x:auto;padding:0 28px}.story-note-canvas-pen-popover .story-note-canvas-divider{height:50px;margin:0 24px}.story-note-canvas-pen-size-track{align-items:center;display:grid;gap:0;grid-template-columns:repeat(4,50px);height:48px;justify-content:center;position:relative}.story-note-canvas-pen-size-track:before{background:#c7c8ce;content:"";height:2px;left:25px;position:absolute;right:25px;top:50%;transform:translateY(-50%)}.story-note-canvas-pen-size-stop{align-items:center;background:transparent;border:0;cursor:pointer;display:inline-flex;height:48px;justify-content:center;padding:0;position:relative;width:50px}.story-note-canvas-pen-size-stop span{background:#d9d9dd;border-radius:999px;display:block;height:16px;transition:background-color .16s ease,box-shadow .16s ease,height .16s ease,transform .16s ease,width .16s ease;width:16px}.story-note-canvas-pen-size-stop:hover span{background:#9a9aa4;transform:scale(1.08)}.story-note-canvas-pen-size-stop.is-active span{background:#6f6f7c;box-shadow:0 0 0 4px hsla(240,6%,46%,.12);height:var(--story-canvas-pen-dot);width:var(--story-canvas-pen-dot)}.story-note-canvas-pen-color-row{align-items:center;display:flex;gap:26px}.story-note-canvas-pen-color-button{background:var(--story-canvas-swatch);border:1px solid rgba(28,32,40,.12);border-radius:999px;box-shadow:none;cursor:pointer;height:42px;padding:0;position:relative;transition:box-shadow .16s ease,transform .16s ease;width:42px}.story-note-canvas-pen-color-button:hover{transform:translateY(-1px) scale(1.04)}.story-note-canvas-pen-color-button.is-active{box-shadow:0 0 0 4px #fff,0 0 0 7px #168bf4}.story-note-canvas-pen-mode-row{align-items:center;display:inline-flex;gap:6px}.story-note-canvas-pen-mode-button{align-items:flex-end;background:rgba(31,35,40,.05);border:0;border-radius:9px;cursor:pointer;display:inline-flex;height:48px;justify-content:center;overflow:hidden;padding:0;width:42px}.story-note-canvas-pen-mode-button .story-note-canvas-pen-preview{transform:translateY(13px) scale(.74)}.story-note-canvas-pen-mode-button.is-active,.story-note-canvas-pen-mode-button:hover{background:rgba(31,35,40,.1)}.story-note-canvas-size-button{background:transparent;border:0;border-radius:4px;color:#2d333d;cursor:pointer;height:36px;min-width:36px;padding:0;position:relative}.story-note-canvas-size-button.is-active,.story-note-canvas-size-button:hover{background:rgba(32,35,52,.09)}.story-note-canvas-size-line{background:currentColor;border-radius:999px;display:block;height:var(--story-canvas-size-line);left:7px;position:absolute;right:7px;top:50%;transform:translateY(-50%)}.story-note-canvas-fill-button{background:#fff;border:1px solid rgba(28,32,40,.22);border-radius:8px;cursor:pointer;height:54px;overflow:hidden;padding:0;position:relative;transition:box-shadow .16s ease,transform .16s ease;width:54px}.story-note-canvas-fill-button:hover{transform:translateY(-1px)}.story-note-canvas-fill-button.is-none{background:#fff}.story-note-canvas-fill-button.is-semi{background:#fff7c2;background:linear-gradient(color-mix(in srgb,var(--story-canvas-shape-color) 30%,#fff),color-mix(in srgb,var(--story-canvas-shape-color) 30%,#fff)),#fff7c2}.story-note-canvas-fill-button.is-solid{background:var(--story-canvas-shape-color)}.story-note-canvas-fill-button.is-pattern{background:linear-gradient(135deg,rgba(32,35,52,.14) 25%,transparent 0) 0 0 /12px 12px,linear-gradient(135deg,transparent 75%,rgba(32,35,52,.14) 0) 0 0 /12px 12px,#fff}.story-note-canvas-fill-button.is-active{box-shadow:0 0 0 4px #fff,0 0 0 7px #202334}.story-note-canvas-shape-button{height:64px;overflow:hidden}.story-note-canvas-shape-button.is-active,.story-note-canvas-shape-button:hover{background:transparent;box-shadow:none;overflow:hidden}.story-note-canvas-shape-preview{display:block;height:64px;overflow:hidden;position:relative;width:96px}.story-note-canvas-shape-preview-item{color:#fcd34d;filter:drop-shadow(0 0 5px rgba(0,0,0,.2));left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) translate(var(--default-x),var(--default-y));transition:transform .28s cubic-bezier(.22,1,.36,1),z-index .1s ease;will-change:transform}.story-note-canvas-shape-preview-item svg{display:block}.story-note-canvas-shape-preview-item.is-rounded-rect{--default-x:-9px;--default-y:4px;--hover-x:-9px;--hover-y:-7px}.story-note-canvas-shape-preview-item.is-ellipse{--default-x:-20px;--default-y:29px;--hover-x:-20px;--hover-y:13px}.story-note-canvas-shape-preview-item.is-triangle{--default-x:18px;--default-y:23px;--hover-x:18px;--hover-y:5px}.story-note-canvas-shape-button.is-active .story-note-canvas-shape-preview-item,.story-note-canvas-shape-button:hover .story-note-canvas-shape-preview-item{transform:translate(-50%,-50%) translate(var(--hover-x),var(--hover-y));z-index:1}.story-note-canvas-shape-popover{--story-canvas-shape-color:#ffd24d;border:1px solid rgba(31,35,40,.12);border-radius:14px;bottom:calc(100% + 18px);box-shadow:0 24px 54px rgba(15,23,42,.14),0 2px 8px rgba(15,23,42,.08),inset 0 1px 0 hsla(0,0%,100%,.96);height:74px;max-width:calc(100vw - 48px);min-width:min(930px,calc(100vw - 48px));overflow-x:auto;padding:0 20px}.story-note-canvas-shape-popover .story-note-canvas-divider{height:46px;margin:0 20px}.story-note-canvas-shape-color-row,.story-note-canvas-shape-fill-row,.story-note-canvas-shape-type-row{align-items:center;display:flex}.story-note-canvas-shape-type-row{gap:14px}.story-note-canvas-shape-color-row,.story-note-canvas-shape-fill-row{gap:18px}.story-note-canvas-shape-option{align-items:center;background:transparent;border:0;border-radius:7px;color:#737783;cursor:pointer;display:inline-flex;height:54px;justify-content:center;padding:0;transition:background-color .16s ease,color .16s ease,transform .16s ease;width:54px}.story-note-canvas-shape-option:hover{background:rgba(31,35,40,.06);transform:translateY(-1px)}.story-note-canvas-shape-option.is-active{background:rgba(31,35,40,.08);color:#168bf4}.story-note-canvas-shape-option-icon{display:block;fill:none;height:34px;stroke:currentColor;stroke-linejoin:round;stroke-width:3.2;width:34px}.story-note-canvas-shape-color-button{background:var(--story-canvas-swatch);border:1px solid rgba(28,32,40,.12);border-radius:999px;box-shadow:none;cursor:pointer;height:42px;padding:0;transition:box-shadow .16s ease,transform .16s ease;width:42px}.story-note-canvas-shape-color-button:hover{transform:translateY(-1px) scale(1.04)}.story-note-canvas-shape-color-button.is-active{box-shadow:0 0 0 4px #fff,0 0 0 7px #168bf4}@media (prefers-reduced-motion:reduce){.story-note-canvas-fill-button,.story-note-canvas-shape-color-button,.story-note-canvas-shape-option,.story-note-canvas-shape-preview-item{transition-duration:1ms}}.story-note-canvas-panel-pen-option{align-items:flex-start;height:64px;min-width:38px}.story-note-canvas-panel-pen-option .story-note-canvas-pen-preview{transform:translateY(-2px)}.story-note-canvas-panel-pen-option.is-active .story-note-canvas-pen-preview,.story-note-canvas-panel-pen-option:hover .story-note-canvas-pen-preview{transform:translateY(-22px)}.story-note-canvas-others-button{height:64px;overflow:hidden}.story-note-canvas-others-popover{width:-moz-max-content;width:max-content}.story-note-canvas-others-preview{display:block;height:64px;overflow:hidden;position:relative;width:96px}.story-note-canvas-others-card,.story-note-canvas-others-route{position:absolute;transition:transform .3s ease}.story-note-canvas-others-card{background:hsla(0,0%,100%,.96);border:1px solid rgba(31,35,40,.12);border-radius:4px;box-shadow:0 8px 16px rgba(15,23,42,.14)}.story-note-canvas-others-card.is-text{height:34px;left:18px;top:15px;transform:rotate(-7deg);width:34px}.story-note-canvas-others-card.is-text span{background:#9aa0aa;border-radius:2px;height:3px;left:8px;position:absolute;width:18px}.story-note-canvas-others-card.is-text span:first-child{top:12px}.story-note-canvas-others-card.is-text span:last-child{top:19px;width:13px}.story-note-canvas-others-card.is-note{background:#fff5b8;height:42px;left:42px;top:8px;transform:rotate(5deg);width:42px}.story-note-canvas-others-card.is-note span{background:rgba(245,158,11,.42);border-radius:999px;height:5px;left:11px;position:absolute;top:18px;width:20px}.story-note-canvas-others-route{border:3px solid #7657ff;border-left:0;border-radius:0 8px 8px 0;height:30px;left:50px;top:23px;transform:rotate(-4deg);width:34px}.story-note-canvas-others-route span{background:#fff;border:2px solid #7657ff;border-radius:4px;height:12px;position:absolute;width:22px}.story-note-canvas-others-route span:first-child{right:-14px;top:-12px}.story-note-canvas-others-route span:nth-child(2){right:-18px;top:10px;border-color:#f05f92}.story-note-canvas-others-route span:last-child{display:none}.story-note-canvas-others-button.is-active .story-note-canvas-others-card.is-text,.story-note-canvas-others-button:hover .story-note-canvas-others-card.is-text{transform:translate(-5px,-5px) rotate(-10deg)}.story-note-canvas-others-button.is-active .story-note-canvas-others-card.is-note,.story-note-canvas-others-button:hover .story-note-canvas-others-card.is-note{transform:translateY(-8px) rotate(7deg)}.story-note-canvas-others-button.is-active .story-note-canvas-others-route,.story-note-canvas-others-button:hover .story-note-canvas-others-route{transform:translate(5px,-7px) rotate(-2deg)}.story-note-canvas-asset-button{height:64px;overflow:hidden}.story-note-canvas-ask-wrap,.story-note-canvas-assets-wrap,.story-note-canvas-generate-wrap{align-items:center;display:flex;height:64px;justify-content:center;position:relative}.story-note-canvas-ask-button{background:radial-gradient(circle at 30% 24%,hsla(0,0%,100%,.9),transparent 34%),linear-gradient(135deg,#111827,#0f766e 58%,#22c55e);color:#fff;overflow:hidden}.story-note-canvas-ask-button:after{background:hsla(0,0%,100%,.34);content:"";height:48px;left:-38px;position:absolute;top:-8px;transform:rotate(28deg);transition:transform .26s ease;width:18px}.story-note-canvas-ask-button.is-active:after,.story-note-canvas-ask-button:hover:after{transform:translateX(96px) rotate(28deg)}.story-note-canvas-ask-button:disabled{background:rgba(20,25,36,.06);color:#9aa4b2}.story-note-canvas-ask-button:disabled:after{display:none}.story-note-canvas-generate-button{background:radial-gradient(circle at 30% 20%,hsla(0,0%,100%,.86),transparent 34%),linear-gradient(135deg,#202334,#5545c9 48%,#2f80ed);color:#fff;overflow:hidden}.story-note-canvas-generate-button:after{background:hsla(0,0%,100%,.34);content:"";height:48px;left:-38px;position:absolute;top:-8px;transform:rotate(28deg);transition:transform .26s ease;width:18px}.story-note-canvas-generate-button.is-active:after,.story-note-canvas-generate-button:hover:after{transform:translateX(96px) rotate(28deg)}.story-note-canvas-generate-button:disabled{background:rgba(20,25,36,.06);color:#9aa4b2}.story-note-canvas-generate-button:disabled:after{display:none}.story-note-canvas-ask-popover{backdrop-filter:blur(22px) saturate(1.6);background:hsla(0,0%,100%,.96);border:1px solid rgba(28,32,40,.1);border-radius:18px;bottom:calc(100% + 12px);box-shadow:0 28px 80px rgba(15,23,42,.22),0 3px 10px rgba(15,23,42,.1),inset 0 1px 0 hsla(0,0%,100%,.95);color:#111827;display:flex;flex-direction:column;gap:12px;left:-52px;padding:14px;position:absolute;width:min(560px,calc(100vw - 32px));z-index:43}.story-note-canvas-ask-popover:after{background:inherit;border-bottom:1px solid rgba(28,32,40,.1);border-right:1px solid rgba(28,32,40,.1);bottom:-6px;content:"";height:10px;left:70px;position:absolute;transform:rotate(45deg);width:10px}.story-note-canvas-ask-header{align-items:center;display:flex;justify-content:space-between}.story-note-canvas-ask-header>div{display:flex;flex-direction:column;gap:2px;min-width:0}.story-note-canvas-ask-header span{color:#111827;font-size:13px;font-weight:800;line-height:17px}.story-note-canvas-ask-header strong{color:#6b7280;font-size:11px;font-weight:650;line-height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-note-canvas-ask-close{align-items:center;background:rgba(20,25,36,.06);border:0;border-radius:999px;color:#2d333d;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.story-note-canvas-ask-close:hover{background:rgba(20,25,36,.12)}.story-note-canvas-ask-role-row{background:rgba(20,25,36,.055);border:1px solid rgba(28,32,40,.08);border-radius:12px;display:grid;gap:4px;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px}.story-note-canvas-ask-role-button{align-items:center;background:transparent;border:0;border-radius:9px;color:#5d6674;cursor:pointer;display:inline-flex;font-size:12px;font-weight:750;gap:6px;height:34px;justify-content:center;min-width:0;padding:0 8px;transition:background-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.story-note-canvas-ask-role-button:hover{color:#111827;transform:translateY(-1px)}.story-note-canvas-ask-role-button.is-active{background:#fff;box-shadow:0 5px 14px rgba(15,23,42,.1),inset 0 0 0 1px rgba(28,32,40,.08);color:#0f766e}.story-note-canvas-ask-role-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.story-note-canvas-ask-preset-grid{display:grid;gap:7px;grid-template-columns:repeat(4,minmax(0,1fr))}.story-note-canvas-ask-preset{background:#fff;border:1px solid rgba(28,32,40,.12);border-radius:10px;color:#303642;cursor:pointer;font-size:12px;font-weight:750;height:40px;min-width:0;overflow:hidden;padding:0 8px;text-overflow:ellipsis;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease;white-space:nowrap}.story-note-canvas-ask-preset:hover{background:rgba(15,118,110,.06);border-color:rgba(15,118,110,.28);transform:translateY(-1px)}.story-note-canvas-ask-preset.is-active{background:rgba(15,118,110,.1);border-color:rgba(15,118,110,.44);box-shadow:0 0 0 3px rgba(15,118,110,.09);color:#0f766e}.story-note-canvas-ask-preset:disabled{cursor:not-allowed;opacity:.58;transform:none}.story-note-canvas-ask-input{background:#fff;border:1px solid rgba(28,32,40,.12);border-radius:12px;box-shadow:inset 0 1px 1px rgba(15,23,42,.04);color:#111827;font-size:13px;line-height:1.45;min-height:72px;outline:none;padding:10px 11px;resize:none}.story-note-canvas-ask-input:focus{border-color:rgba(15,118,110,.48);box-shadow:0 0 0 3px rgba(15,118,110,.1),inset 0 1px 1px rgba(15,23,42,.04)}.story-note-canvas-ask-result{background:rgba(248,250,252,.92);border:1px solid rgba(28,32,40,.1);border-radius:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.story-note-canvas-ask-result-header{align-items:center;border-bottom:1px solid rgba(28,32,40,.08);display:flex;justify-content:space-between;min-height:40px;padding:0 8px 0 11px}.story-note-canvas-ask-result-header span{color:#3d4654;font-size:12px;font-weight:800}.story-note-canvas-ask-result-header div{display:inline-flex;gap:6px}.story-note-canvas-ask-result-header button{align-items:center;background:#fff;border:1px solid rgba(28,32,40,.1);border-radius:8px;color:#303642;cursor:pointer;display:inline-flex;font-size:11px;font-weight:800;gap:5px;height:28px;padding:0 8px}.story-note-canvas-ask-result-header button:hover{background:rgba(15,118,110,.07);color:#0f766e}.story-note-canvas-ask-result pre{color:#111827;font-family:inherit;font-size:12px;line-height:1.5;margin:0;max-height:190px;overflow:auto;padding:11px;white-space:pre-wrap}.story-note-canvas-ask-submit{align-items:center;background:#111827;border:0;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:750;gap:8px;height:42px;justify-content:center;letter-spacing:0;transition:background-color .16s ease,transform .16s ease}.story-note-canvas-ask-submit:hover{background:#0f766e;transform:translateY(-1px)}.story-note-canvas-ask-submit:disabled{cursor:not-allowed;opacity:.58;transform:none}.story-note-canvas-generate-popover{backdrop-filter:blur(22px) saturate(1.6);background:hsla(0,0%,100%,.95);border:1px solid rgba(28,32,40,.1);border-radius:18px;bottom:calc(100% + 12px);box-shadow:0 28px 80px rgba(15,23,42,.22),0 3px 10px rgba(15,23,42,.1),inset 0 1px 0 hsla(0,0%,100%,.95);color:#111827;display:flex;flex-direction:column;gap:12px;left:-12px;padding:14px;position:absolute;width:min(520px,calc(100vw - 32px));z-index:42}.story-note-canvas-generate-popover:after{background:inherit;border-bottom:1px solid rgba(28,32,40,.1);border-right:1px solid rgba(28,32,40,.1);bottom:-6px;content:"";height:10px;left:30px;position:absolute;transform:rotate(45deg);width:10px}.story-note-canvas-generate-popover-header{align-items:center;display:flex;font-size:12px;font-weight:700;justify-content:space-between;letter-spacing:0}.story-note-canvas-generate-popover-header span:last-child{color:#6b7280;font-size:11px;font-weight:600}.story-note-canvas-generate-prompt{background:#fff;border:1px solid rgba(28,32,40,.12);border-radius:12px;box-shadow:inset 0 1px 1px rgba(15,23,42,.04);color:#111827;font-size:13px;line-height:1.45;min-height:112px;outline:none;padding:10px 11px;resize:none}.story-note-canvas-generate-prompt:focus{border-color:rgba(85,69,201,.48);box-shadow:0 0 0 3px rgba(85,69,201,.1),inset 0 1px 1px rgba(15,23,42,.04)}.story-note-canvas-generate-settings{display:grid;gap:11px}.story-note-canvas-generate-field{display:flex;flex-direction:column;gap:7px;min-width:0}.story-note-canvas-generate-label{color:#6b7280;font-size:11px;font-weight:800;letter-spacing:0;line-height:1}.story-note-canvas-model-select{min-width:0;position:relative;z-index:1}.story-note-canvas-ratio-row{display:grid;gap:7px;grid-template-columns:repeat(5,minmax(0,1fr))}.story-note-canvas-ratio-button{align-items:center;background:#fff;border:1px solid rgba(28,32,40,.12);border-radius:10px;color:#303642;cursor:pointer;display:flex;flex-direction:column;height:46px;justify-content:center;min-width:0;padding:0 4px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease,transform .16s ease}.story-note-canvas-ratio-button:hover{background:rgba(138,120,242,.06);border-color:rgba(138,120,242,.3);transform:translateY(-1px)}.story-note-canvas-ratio-button.is-active{background:rgba(138,120,242,.1);border-color:rgba(138,120,242,.52);box-shadow:0 0 0 3px rgba(138,120,242,.1);color:#4b37d2}.story-note-canvas-ratio-button:disabled{cursor:not-allowed;opacity:.56;transform:none}.story-note-canvas-ratio-button strong{font-size:12px;font-weight:800;line-height:16px}.story-note-canvas-ratio-button span{color:#8a93a3;font-size:10px;font-weight:650;line-height:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-note-canvas-ratio-button.is-active span{color:#6b5dde}.story-note-canvas-generate-submit{align-items:center;background:#202334;border:0;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:700;gap:8px;height:42px;justify-content:center;letter-spacing:0;transition:background-color .16s ease,transform .16s ease}.story-note-canvas-generate-submit:hover{background:#2c3046;transform:translateY(-1px)}.story-note-canvas-generate-submit:disabled{cursor:not-allowed;opacity:.58;transform:none}.story-note-canvas-asset-preview{display:block;height:64px;overflow:hidden;position:relative;width:96px}.story-note-canvas-asset-card{background:#f8fafc;border:1px solid rgba(31,35,40,.12);border-radius:4px;box-shadow:0 8px 16px rgba(15,23,42,.13);position:absolute;transition:transform .3s ease}.story-note-canvas-asset-card.is-back{height:42px;left:42px;top:14px;transform:rotate(4deg);width:43px}.story-note-canvas-asset-card.is-front{background:#fff;height:42px;left:20px;top:11px;transform:rotate(-5deg);width:48px}.story-note-canvas-asset-card.is-front span{background:#ffd84d;border-radius:1px;height:8px;position:absolute;width:8px}.story-note-canvas-asset-card.is-front span:first-child{left:9px;top:11px}.story-note-canvas-asset-card.is-front span:nth-child(2){background:#8ed0ff;left:21px;top:11px}.story-note-canvas-asset-card.is-front span:nth-child(3){background:#9bd48f;left:9px;top:24px}.story-note-canvas-asset-card.is-front span:last-child{background:#ff9b7d;left:21px;top:24px}.story-note-canvas-asset-clip{border:3px solid #ffd84d;border-bottom-color:transparent;border-radius:999px 999px 0 0;height:28px;left:44px;position:absolute;top:5px;transform:rotate(20deg);transition:transform .3s ease;width:16px}.story-note-canvas-asset-spark{background:#93d489;border-radius:2px;height:8px;position:absolute;transition:transform .3s ease;width:12px}.story-note-canvas-asset-spark.is-one{left:71px;top:12px}.story-note-canvas-asset-spark.is-two{background:#8c6ff2;height:7px;left:78px;top:31px;width:10px}.story-note-canvas-asset-button.is-active .story-note-canvas-asset-card.is-back,.story-note-canvas-asset-button:hover .story-note-canvas-asset-card.is-back{transform:translate(5px,-5px) rotate(7deg)}.story-note-canvas-asset-button.is-active .story-note-canvas-asset-card.is-front,.story-note-canvas-asset-button:hover .story-note-canvas-asset-card.is-front{transform:translate(-6px,-8px) rotate(-8deg)}.story-note-canvas-asset-button.is-active .story-note-canvas-asset-clip,.story-note-canvas-asset-button:hover .story-note-canvas-asset-clip{transform:translateY(-8px) rotate(18deg)}.story-note-canvas-asset-button.is-active .story-note-canvas-asset-spark.is-one,.story-note-canvas-asset-button:hover .story-note-canvas-asset-spark.is-one{transform:translate(3px,-5px)}.story-note-canvas-asset-button.is-active .story-note-canvas-asset-spark.is-two,.story-note-canvas-asset-button:hover .story-note-canvas-asset-spark.is-two{transform:translate(5px,-3px)}.story-note-canvas-assets-popover{backdrop-filter:blur(22px) saturate(1.6);background:hsla(0,0%,100%,.94);border:1px solid rgba(28,32,40,.1);border-radius:18px;bottom:calc(100% + 12px);box-shadow:0 28px 80px rgba(15,23,42,.22),0 3px 10px rgba(15,23,42,.1),inset 0 1px 0 hsla(0,0%,100%,.95);color:#111827;display:flex;flex-direction:column;max-height:min(640px,calc(100vh - 156px));overflow:hidden;position:absolute;right:-12px;width:min(680px,calc(100vw - 32px));z-index:40}.story-note-canvas-assets-popover:after{background:inherit;border-bottom:1px solid rgba(28,32,40,.1);border-right:1px solid rgba(28,32,40,.1);bottom:-6px;content:"";height:10px;position:absolute;right:42px;transform:rotate(45deg);width:10px}.story-note-canvas-assets-popover-header{align-items:center;border-bottom:1px solid rgba(28,32,40,.08);display:flex;flex:none;font-size:13px;font-weight:700;justify-content:space-between;letter-spacing:0;padding:12px 14px 10px 16px}.story-note-canvas-assets-popover-close{align-items:center;background:rgba(20,25,36,.06);border:0;border-radius:999px;color:#2d333d;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;transition:background-color .16s ease,color .16s ease;width:28px}.story-note-canvas-assets-popover-close:hover{background:rgba(20,25,36,.12)}.story-note-canvas-assets-popover-body{flex:1;min-height:0;overflow:auto;padding:14px}.story-note-canvas-assets-popover-body>div{margin:0}.story-note-canvas-assets-popover .fixed.inset-0{position:absolute}@media (max-width:560px){.story-note-canvas-ask-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-note-canvas-ratio-row{grid-template-columns:repeat(3,minmax(0,1fr))}}.story-note-canvas-comments-layer{inset:0;pointer-events:none;position:absolute}.story-note-canvas-comments-layer.is-adding{cursor:crosshair;pointer-events:auto}.story-note-canvas-comments-layer.is-adding:before{background:radial-gradient(circle at center,rgba(32,35,52,.08) 0 1px,transparent 1px) 0 0 /24px 24px;content:"";inset:0;pointer-events:none;position:absolute}.story-note-canvas-comment-button.is-active{background:rgba(31,35,40,.08);color:#1e8cff}.story-note-canvas-comment-anchor{left:0;pointer-events:none;position:absolute;top:0}.story-note-canvas-comment-marker{align-items:center;background:#202334;border:2px solid #fff;border-radius:999px;box-shadow:0 14px 30px rgba(15,23,42,.22),0 0 0 1px rgba(32,35,52,.08);color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:800;height:34px;justify-content:center;pointer-events:auto;transform:translate(-50%,-50%);transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease;width:34px}.story-note-canvas-comment-marker.is-open,.story-note-canvas-comment-marker:hover{background:#6556e8;box-shadow:0 18px 38px rgba(101,86,232,.28),0 0 0 5px rgba(101,86,232,.12);transform:translate(-50%,-50%) scale(1.06)}.story-note-canvas-comment-anchor.is-new .story-note-canvas-comment-popover{display:flex;flex-direction:column;gap:8px}.story-note-canvas-comment-popover{background:hsla(0,0%,100%,.96);border:1px solid rgba(28,32,40,.1);border-radius:16px;box-shadow:0 26px 72px rgba(15,23,42,.2),0 2px 8px rgba(15,23,42,.1);color:#111827;left:20px;max-height:min(420px,calc(100vh - 132px));overflow:auto;pointer-events:auto;position:absolute;top:-18px;width:min(370px,calc(100vw - 32px))}.story-note-canvas-comment-anchor.is-right .story-note-canvas-comment-popover{left:auto;right:20px}.story-note-canvas-comment-anchor.is-bottom .story-note-canvas-comment-popover{bottom:-18px;top:auto}.story-note-canvas-comment-composer{padding:10px}.story-note-canvas-comment-composer-header{align-items:center;color:#4b5563;display:flex;font-size:12px;font-weight:700;justify-content:space-between;padding:0 2px 2px}.story-note-canvas-comment-composer-header button{align-items:center;background:rgba(20,25,36,.06);border:0;border-radius:999px;color:#2d333d;cursor:pointer;display:inline-flex;height:28px;justify-content:center;padding:0;width:28px}.story-note-canvas-comment-composer-header button:hover{background:rgba(20,25,36,.12)}@media (max-width:640px){.story-note-canvas-toolbar{padding:0 8px 10px}.story-note-canvas-toolbar-shell{border-radius:16px;max-width:calc(100vw - 16px);overflow-x:auto;padding:0 8px}.story-note-canvas-tool-button{height:36px;min-width:36px}.story-note-canvas-senior-button{height:64px;min-width:88px}.story-note-canvas-pen-button{height:64px;min-width:35px;width:35px}.story-note-canvas-eraser-button{height:64px;min-width:49px;width:49px}.story-note-canvas-shape-button{min-width:88px}.story-note-canvas-asset-preview,.story-note-canvas-others-preview,.story-note-canvas-shape-preview{width:88px}.story-note-canvas-assets-popover{bottom:calc(100% + 10px);right:-88px;width:calc(100vw - 16px)}.story-note-canvas-ask-popover,.story-note-canvas-generate-popover{left:-8px;width:calc(100vw - 16px)}.story-note-canvas-comment-popover{width:calc(100vw - 24px)}}