#threadly-konva-designer{position:relative;--konva-radius: 24px;--konva-border: 2px;--konva-inner-radius: calc(var(--konva-radius) - var(--konva-border));--konva-canvas-radius: calc(var(--konva-radius) - 8px);--threadly-motion-spring: cubic-bezier(.16, 1, .3, 1);--threadly-motion-soft: cubic-bezier(.2, .9, .18, 1);--threadly-motion-fast: cubic-bezier(.24, .8, .24, 1);border-radius:var(--konva-radius);overflow:hidden;padding:var(--konva-border);background:transparent;box-shadow:0 22px 60px #0608148c;margin:0 0 16px;box-sizing:border-box;isolation:isolate;container-type:inline-size}#threadly-konva-designer:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:var(--konva-border);background:linear-gradient(90deg,#7a2bff,#00cfff);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0}.threadly-konva-shell{position:relative;display:flex;flex-direction:column;min-height:560px;color:#e8ecff;font-family:Jost,sans-serif;border-radius:var(--konva-inner-radius);overflow:hidden;background:radial-gradient(1200px 400px at 20% -10%,rgba(122,92,255,.35),transparent 55%),radial-gradient(900px 400px at 100% 0%,rgba(95,211,255,.28),transparent 60%),#0b0b0f;z-index:1}.threadly-konva-shell:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#7a5cff,#5fd3ff);opacity:.85}.threadly-konva-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#0a0c14c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--konva-inner-radius) var(--konva-inner-radius) 0 0}.threadly-konva-header,.threadly-konva-body,.threadly-konva-disclaimer,.threadly-ai-cta,#login-notice{opacity:1;transform:translateZ(0) scale(1);filter:none;transition:opacity .26s ease,transform .36s var(--threadly-motion-spring),filter .36s var(--threadly-motion-spring);will-change:opacity,transform}#threadly-konva-designer.threadly-ai-open .threadly-konva-header,#threadly-konva-designer.threadly-ai-open .threadly-konva-body,#threadly-konva-designer.threadly-ai-open .threadly-konva-disclaimer,#threadly-konva-designer.threadly-ai-open .threadly-ai-cta,#threadly-konva-designer.threadly-ai-open #login-notice{opacity:0;transform:translate3d(0,10px,0) scale(.985);pointer-events:none}.threadly-konva-brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:.2px}.threadly-konva-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,#7a5cff,#5fd3ff);box-shadow:0 0 12px #5fd3ffb3}.threadly-konva-actions{display:flex;gap:8px}.threadly-btn{border:1px solid rgba(122,92,255,.4);background:#12141ee6;color:#e8ecff;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600;cursor:pointer}.threadly-btn--accent{background:linear-gradient(135deg,#7a5cff,#5fd3ff);border:none;color:#05060a}.threadly-btn--ghost{background:transparent}.threadly-konva-body{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:14px}.threadly-konva-canvas-wrap{position:relative;border-radius:var(--konva-canvas-radius);background-color:#0a0b10;background-image:var(--threadly-mockup-url, none);background-repeat:no-repeat;background-position:center;background-size:contain;border:1px solid rgba(122,92,255,.2);overflow:hidden;min-height:420px}#threadly-konva-stage{width:100%;height:100%}#threadly-konva-stage,#threadly-konva-stage .konvajs-content,#threadly-konva-stage canvas{background:transparent!important}.threadly-konva-hint{position:absolute;right:14px;bottom:12px;font-size:11px;color:#e8ecffb3;background:#0c0e16a6;padding:6px 10px;border-radius:999px;border:1px solid rgba(95,211,255,.25)}.threadly-konva-disclaimer{padding:8px 16px 14px;font-size:11px;color:#e8ecffa6;text-align:center}.threadly-konva-footer{display:flex;justify-content:center;padding:0 16px calc(10px + env(safe-area-inset-bottom,0px));position:static;z-index:2}.threadly-ai-cta{width:min(100%,360px);padding:14px 18px;font-size:16px;font-weight:700;letter-spacing:.2px;display:inline-flex;align-items:center;justify-content:center;gap:0;position:relative;isolation:isolate;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:9999px;background:linear-gradient(#ffffff14,#ffffff0d) padding-box,linear-gradient(90deg,#7a2bff,#00cfff,#ff4fd8) border-box;background-size:100% 100%,200% 200%;background-position:0 0,0% 50%;animation:borderGradient 8s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 26px #00000059,0 0 0 1px #5fd3ff14 inset,0 0 26px #7a2bff38,0 0 22px #00cfff2e;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.threadly-ai-cta:active{transform:scale(.98)}.threadly-ai-cta:hover{filter:saturate(1.15);box-shadow:0 14px 34px #00000061,0 0 0 1px #ffffff1a inset,0 0 34px #7a2bff42,0 0 30px #00cfff38}.threadly-ai-cta:focus-visible{outline:2px solid rgba(95,211,255,.7);outline-offset:3px}.threadly-ai-cta:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,#ff00ff8c,#00ffff73);filter:blur(14px);opacity:.6;z-index:-1;pointer-events:none;transition:opacity .2s ease}.threadly-ai-cta:hover:after{opacity:.78}.threadly-ai-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.22) 28%,transparent 52%);transform:translate(-120%);transition:transform .7s cubic-bezier(.2,.9,.2,1);opacity:.65;z-index:0;pointer-events:none;mix-blend-mode:screen}.threadly-ai-cta:hover:before{transform:translate(120%)}@keyframes threadlyShimmer{0%{transform:translate(-120%)}to{transform:translate(120%)}}@keyframes borderGradient{0%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}to{background-position:0 0,0% 50%}}.threadly-ai-cta__label{position:relative;z-index:1}.threadly-ai-cta.is-loading,.threadly-ai-cta[aria-busy=true]{opacity:1!important;cursor:progress;pointer-events:none;color:#fff;background:linear-gradient(#ffffff1a,#ffffff12) padding-box,linear-gradient(90deg,#7a2bff,#00cfff,#ff4fd8,#7a2bff) border-box;background-size:100% 100%,220% 220%;background-position:0 0,0% 50%;animation:borderGradient 2.4s ease-in-out infinite;filter:saturate(1.18);box-shadow:0 12px 30px #0000005c,0 0 0 1px #ffffff1f inset,0 0 34px #7a2bff52,0 0 34px #00cfff42}.threadly-ai-cta.is-loading:after,.threadly-ai-cta[aria-busy=true]:after{opacity:.92}.threadly-ai-cta.is-loading:before,.threadly-ai-cta[aria-busy=true]:before{animation:threadlyShimmer 1.4s cubic-bezier(.2,.9,.2,1) infinite}.generate-btn__label,.generate-btn__progress{position:relative;z-index:1}.generate-btn__label{white-space:nowrap}.generate-btn__progress{margin-left:10px;font-variant-numeric:tabular-nums;color:#fffffff2}.threadly-ai-upload{width:min(100%,220px);padding:10px 14px;font-size:13px;letter-spacing:.2px;border-radius:9999px;border:1px solid rgba(122,92,255,.35);background:#0a0c1499;color:#e8ecff;box-shadow:inset 0 0 0 1px #ffffff0a;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.threadly-ai-upload:hover{filter:saturate(1.1);box-shadow:0 8px 18px #00000047,inset 0 0 0 1px #ffffff14}.threadly-ai-dock{position:static;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding-bottom:8px}.threadly-ai-panel{position:absolute;left:50%;bottom:calc(100% + 12px);width:min(100%,520px);opacity:0;transform-origin:50% 100%;transform:translate(-50%,14px) scale(.98);pointer-events:none;transition:transform .32s cubic-bezier(.2,.9,.2,1),opacity .2s ease;z-index:2}#threadly-konva-designer.threadly-ai-open .threadly-ai-panel{opacity:1;transform:translate(-50%) scale(1);pointer-events:auto}.threadly-ai-panel-inner{padding:0 6px 6px}.threadly-ai-card{position:relative;width:min(100%,520px);overflow:visible;margin:0;box-shadow:0 28px 70px #050a1459}.threadly-ai-card-body{max-height:min(70vh,520px);overflow:auto}.threadly-ai-close{position:absolute;top:12px;right:14px;width:32px;height:32px;border:none;border-radius:50%;background:#0000004d;color:#fff;font-size:22px;line-height:1;cursor:pointer}.threadly-ai-error{margin:8px auto 0;max-width:300px;font-size:13px;color:#ffd5e8;background:#ff408126;border:1px solid rgba(255,64,129,.35);border-radius:12px;padding:8px 10px}#threadly-ai-panel.threadly-ai-maker{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto;max-width:none;max-height:none;opacity:0;transform:translate3d(0,12px,0) scale(.985);pointer-events:none;z-index:20;transition:opacity .28s ease,transform .42s var(--threadly-motion-spring);font-family:Jost,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#f8f8ff;--threadly-ai-sidebar-width: clamp(300px, 30cqw, 360px);--threadly-ai-sidebar-gutter: clamp(14px, 2cqw, 24px);--threadly-motion-spring: cubic-bezier(.16, 1, .3, 1);--threadly-motion-soft: cubic-bezier(.2, .9, .18, 1);--threadly-motion-fast: cubic-bezier(.24, .8, .24, 1);border-radius:var(--konva-inner-radius);overflow:hidden;container-type:inline-size}#threadly-ai-panel[hidden],#threadly-ai-panel [hidden]{display:none!important}#threadly-ai-panel.threadly-ai-maker[aria-hidden=true]{visibility:hidden}#threadly-konva-designer.threadly-ai-prewarm #threadly-ai-panel.threadly-ai-maker[aria-hidden=true]{visibility:visible}#threadly-konva-designer.threadly-ai-prewarm #threadly-ai-panel.threadly-ai-maker{opacity:.001;transform:translateZ(0) scale(1);pointer-events:none;transition:none}#threadly-konva-designer.threadly-ai-prewarm .threadly-ai-greeting,#threadly-konva-designer.threadly-ai-prewarm .threadly-ai-composer{opacity:.001;transform:translateY(0);transition:none}#threadly-konva-designer.threadly-ai-open #threadly-ai-panel.threadly-ai-maker{opacity:1;transform:translateZ(0) scale(1);pointer-events:auto;visibility:visible}#threadly-konva-designer.threadly-ai-closing #threadly-ai-panel.threadly-ai-maker{opacity:0;transform:translate3d(0,8px,0) scale(.992);pointer-events:none}.threadly-ai-maker__surface{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 52% 108%,#00d5ffc7 0 8%,#1c5dffad 20%,#5c1bffc7 37%,#0000 57%),linear-gradient(#020204,#020204);border:1px solid rgba(255,255,255,.12);border-radius:inherit;box-shadow:inset 0 0 0 1px #ffffff0a,0 28px 80px #00000080}.threadly-ai-main{position:absolute;top:0;right:0;bottom:0;left:0;opacity:1;transform:translateZ(0) scale(1);filter:blur(0);transition:opacity .22s var(--threadly-motion-fast),transform .28s var(--threadly-motion-spring),filter .28s var(--threadly-motion-spring);will-change:opacity,transform,filter}.threadly-ai-maker__surface:after{content:"";position:absolute;inset:auto -8% -16% -8%;height:40%;background:radial-gradient(ellipse at center,rgba(0,207,255,.72),rgba(111,36,255,.56) 42%,transparent 72%);filter:blur(20px);opacity:.9;pointer-events:none;z-index:-1}.threadly-ai-topbar{position:absolute;top:clamp(18px,2.8cqw,32px);left:clamp(18px,3cqw,32px);right:clamp(18px,3cqw,32px);height:clamp(52px,6.4cqw,72px);display:grid;grid-template-columns:1fr auto 1fr;column-gap:clamp(16px,2.1cqw,28px);align-items:center;z-index:3}.threadly-ai-topbar__left{display:flex;gap:clamp(12px,1.8cqw,20px);align-items:center}.threadly-ai-topbar__new{justify-self:end;display:none;margin-left:clamp(12px,1.8cqw,24px)}.threadly-ai-maker.has-thread .threadly-ai-topbar__new{display:grid}.threadly-ai-chip,.threadly-ai-icon-button,.threadly-ai-sidebar-action,.threadly-ai-output__actions button{-webkit-appearance:none;appearance:none;border:1px solid rgba(255,255,255,.14);color:#fff;background:#ffffff0e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .22s var(--threadly-motion-spring),background-color .22s ease,border-color .22s ease,box-shadow .28s ease,filter .22s ease,opacity .22s ease;will-change:transform}.threadly-ai-chip:hover,.threadly-ai-icon-button:hover,.threadly-ai-sidebar-action:hover,.threadly-ai-output__actions button:hover{transform:translateY(-1px);filter:brightness(1.08)}.threadly-ai-chip:active,.threadly-ai-icon-button:active,.threadly-ai-sidebar-action:active,.threadly-ai-output__actions button:active{transform:scale(.965)}.threadly-ai-chip{min-height:clamp(48px,5.8cqw,66px);padding:0 clamp(16px,2.2cqw,26px);border-radius:999px;display:inline-flex;align-items:center;gap:clamp(10px,1.2cqw,14px);font-size:clamp(16px,2cqw,24px);font-weight:700;white-space:nowrap}.threadly-ai-chip span[aria-hidden=true]{font-size:0;line-height:0;width:clamp(20px,2.7cqw,28px);height:clamp(20px,2.7cqw,28px);position:relative;flex:0 0 auto}.threadly-ai-chip--back span[aria-hidden=true]:before,.threadly-ai-chip--back span[aria-hidden=true]:after{content:"";position:absolute;top:50%;left:50%;background:#fffffff0;border-radius:999px}.threadly-ai-chip--back span[aria-hidden=true]:before{width:74%;height:2px;transform:translate(-38%,-50%)}.threadly-ai-chip--back span[aria-hidden=true]:after{width:42%;height:42%;background:transparent;border-left:2px solid rgba(255,255,255,.94);border-bottom:2px solid rgba(255,255,255,.94);border-radius:1px;transform:translate(-62%,-50%) rotate(45deg)}.threadly-ai-icon-button{width:clamp(48px,5.8cqw,66px);height:clamp(48px,5.8cqw,66px);border-radius:clamp(18px,2.5cqw,28px);display:grid;place-items:center;position:relative}.threadly-ai-icon-button.threadly-ai-topbar__new{display:none}.threadly-ai-maker.has-thread .threadly-ai-icon-button.threadly-ai-topbar__new{display:grid}.threadly-ai-sidebar-icon,.threadly-ai-compose-icon{position:relative;width:clamp(22px,2.6cqw,28px);height:clamp(24px,3cqw,31px);display:block}.threadly-ai-sidebar-icon:before,.threadly-ai-sidebar-icon:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid rgba(255,255,255,.9);border-radius:4px}.threadly-ai-sidebar-icon:after{left:9px;border-left:2px solid rgba(255,255,255,.9)}.threadly-ai-compose-icon img{width:100%;height:100%;display:block;object-fit:contain}.threadly-ai-credit-pill{min-width:clamp(146px,19cqw,238px);height:clamp(52px,6.7cqw,80px);padding:0 clamp(16px,2.5cqw,28px);border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:clamp(12px,2cqw,24px);color:#fff;background:#0009;border:1px solid rgba(133,37,255,.95);box-shadow:0 0 28px #5c25ff38,inset 0 0 0 1px #ffffff08;font-size:clamp(21px,2.9cqw,34px);line-height:1;font-weight:800;justify-self:center}.threadly-ai-credit-dots{display:inline-flex;gap:clamp(8px,1.2cqw,14px);align-items:center}.threadly-ai-credit-dots span{width:clamp(15px,2cqw,22px);height:clamp(15px,2cqw,22px);border-radius:999px;border:2px solid rgba(99,92,255,.88);background:#00000047;box-shadow:inset 0 0 0 1px #ffffff1a}.threadly-ai-credit-dots span.is-active{background:linear-gradient(135deg,#8d2dff 5%,#00cfff 88%);box-shadow:0 0 16px #00cfffb3,0 0 18px #852dff80}.threadly-ai-stage{position:absolute;inset:clamp(118px,15cqw,168px) 0 clamp(126px,15cqw,170px);display:grid;place-items:center;z-index:1;transition:left .48s var(--threadly-motion-spring),right .48s var(--threadly-motion-spring),transform .48s var(--threadly-motion-spring),opacity .28s var(--threadly-motion-fast),filter .48s var(--threadly-motion-spring);will-change:transform,opacity,filter}.threadly-ai-greeting{text-align:center;font-weight:400;font-size:clamp(28px,4.2cqw,52px);line-height:1.55;letter-spacing:0;text-shadow:0 0 20px rgba(255,255,255,.12);opacity:0;transform:translateY(18px);transition:opacity .4s ease .22s,transform .55s var(--threadly-motion-spring) .22s,filter .55s var(--threadly-motion-spring) .22s}#threadly-konva-designer.threadly-ai-open .threadly-ai-greeting{opacity:1;transform:translateY(0)}.threadly-ai-greeting p{margin:0}.threadly-ai-thread{width:min(100%,1120px);height:100%;position:relative;display:block;animation:threadly-ai-view-enter .46s var(--threadly-motion-spring) both}.threadly-ai-prompt-bubble{position:absolute;top:24px;right:30px;max-width:min(440px,48cqw);min-height:82px;display:flex;align-items:center;padding:0 34px;border-radius:36px;background:#ffffff14;color:#fff;font-size:clamp(18px,2.6cqw,30px);font-weight:600;line-height:1.22;overflow-wrap:anywhere;transition:opacity .3s var(--threadly-motion-fast),transform .46s var(--threadly-motion-spring),background-color .24s ease,box-shadow .28s ease}.threadly-ai-generation-status{position:absolute;top:156px;left:42px;max-width:min(540px,70cqw);padding:18px 24px;border-radius:26px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#ffffffd1;font-size:18px;font-weight:700;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 42px #00000047;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:threadly-ai-view-enter .46s var(--threadly-motion-spring) both}.threadly-ai-generation-status:before{content:"";display:inline-block;width:10px;height:10px;margin-right:10px;border-radius:999px;background:linear-gradient(135deg,#8d2dff,#00cfff);box-shadow:0 0 16px #00cfff99;vertical-align:1px;animation:threadly-ai-pulse 1s ease-in-out infinite}@keyframes threadly-ai-pulse{0%,to{opacity:.35;transform:scale(.84)}50%{opacity:1;transform:scale(1)}}.threadly-ai-output{position:absolute;left:36px;top:150px;width:min(720px,67cqw);margin:0;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .34s ease,transform .5s var(--threadly-motion-spring),filter .5s var(--threadly-motion-spring)}.threadly-ai-output.is-visible{opacity:1;transform:translateY(0) scale(1)}.threadly-ai-output__imagewrap{width:100%;aspect-ratio:1;border-radius:16px;overflow:hidden;background:#fff;display:grid;place-items:center}.threadly-ai-output__imagewrap img{width:100%;height:100%;object-fit:contain;display:block}.threadly-ai-output__actions{margin-top:26px;display:flex;gap:22px;align-items:center}.threadly-ai-output__actions button{width:38px;height:38px;border:0;background:transparent;font-size:0;line-height:0;padding:0;position:relative}.threadly-ai-output__actions button:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:center / contain no-repeat}.threadly-ai-output__actions button[data-threadly-feedback=like]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20d='M16%2028S5%2021.4%205%2012.4C5%208.2%207.9%205.4%2011.6%205.4c2.2%200%203.8%201%204.8%202.7%201-1.7%202.8-2.7%205-2.7%203.7%200%206.6%202.8%206.6%207%200%209-12%2015.6-12%2015.6Z'%20fill='none'%20stroke='white'%20stroke-width='2.4'%20stroke-linejoin='round'/%3E%3C/svg%3E")}.threadly-ai-output__actions button[data-threadly-feedback=dislike]:before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2032%2032'%3E%3Cpath%20d='M16%2028S5%2021.4%205%2012.4C5%208.2%207.9%205.4%2011.6%205.4c1.9%200%203.4.8%204.4%202.1%201-1.3%202.6-2.1%204.4-2.1%203.7%200%206.6%202.8%206.6%207%200%205-3.7%209.3-7%2012.1'%20fill='none'%20stroke='white'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3Cpath%20d='M16%207.5l-2.8%206%204.8%202.4-3.4%205.3'%20fill='none'%20stroke='white'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E")}.threadly-ai-composer{position:absolute;left:clamp(14px,2.6cqw,34px);right:clamp(14px,2.6cqw,34px);bottom:clamp(14px,2.2cqw,24px);z-index:4;margin:0;opacity:0;transform:translateY(24px);transition:opacity .36s ease .28s,transform .56s var(--threadly-motion-spring) .28s,filter .56s var(--threadly-motion-spring) .28s;--threadly-composer-attach-extra: 0px;will-change:transform,opacity}#threadly-konva-designer.threadly-ai-open .threadly-ai-composer{opacity:1;transform:translateY(var(--threadly-composer-attach-extra))}.threadly-ai-composer__bar{min-height:clamp(72px,8.9cqw,104px);display:grid;grid-template-columns:clamp(34px,4.9cqw,48px) minmax(0,1fr) clamp(30px,4.2cqw,42px) clamp(34px,4.9cqw,46px);grid-template-rows:1fr;align-items:center;gap:clamp(6px,1cqw,10px);padding:0 clamp(16px,2.4cqw,28px);border-radius:999px;border:1px solid rgba(113,125,255,.22);background:linear-gradient(90deg,#2c2161e0,#123c50bd,#311f5cf0);box-shadow:inset 0 0 0 1px #ffffff0d,0 18px 54px #00000057;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);transition:min-height .46s var(--threadly-motion-spring),padding .46s var(--threadly-motion-spring),border-radius .46s var(--threadly-motion-spring),box-shadow .28s ease,filter .28s ease}.threadly-ai-composer.has-attachment .threadly-ai-composer__bar{min-height:clamp(126px,15cqw,172px);grid-template-rows:minmax(54px,auto) minmax(50px,1fr);align-content:center;row-gap:clamp(6px,1cqw,10px);padding-top:clamp(10px,1.7cqw,18px);padding-bottom:clamp(10px,1.7cqw,18px)}.threadly-ai-composer.has-attachment{--threadly-composer-attach-extra: 0px}.threadly-ai-composer[aria-busy=true] .threadly-ai-composer__bar{opacity:.78;filter:saturate(.85)}#threadly-ai-panel #design-prompt{grid-column:2;grid-row:1;width:100%;min-height:44px;height:44px;max-height:140px;margin:0;padding:0;resize:none;border:0;border-radius:0;background:transparent!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:none!important;outline:none;font:inherit;font-size:clamp(17px,2.35cqw,28px)!important;line-height:44px;overflow:hidden;min-width:0}#threadly-ai-panel #design-prompt::placeholder{color:#dfe0f57a;opacity:1}.threadly-ai-composer__plus,.threadly-ai-mic,.threadly-ai-submit{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#fff;width:40px;height:40px;position:relative;cursor:pointer;transition:opacity .18s ease,transform .22s var(--threadly-motion-spring),filter .22s ease,background-color .22s ease,box-shadow .28s ease}.threadly-ai-composer__plus:hover,.threadly-ai-mic:hover,.threadly-ai-submit:not(:disabled):hover{transform:scale(1.045)}.threadly-ai-composer__plus:active,.threadly-ai-mic:active,.threadly-ai-submit:not(:disabled):active{transform:scale(.94)}.threadly-ai-composer__plus{grid-column:1;grid-row:1}.threadly-ai-composer__plus:before,.threadly-ai-composer__plus:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:2.2px;border-radius:4px;background:#fffffff0;transform:translate(-50%,-50%)}.threadly-ai-composer__plus:after{transform:translate(-50%,-50%) rotate(90deg)}.threadly-ai-mode{height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:clamp(14px,1.72cqw,20px);font-weight:800;line-height:1;white-space:nowrap;color:#fffffff0}.threadly-ai-mic{grid-column:3;grid-row:1;display:grid;place-items:center;justify-self:end;cursor:pointer}.threadly-ai-mic img{width:28px;height:28px;display:block;object-fit:contain;pointer-events:none}.threadly-ai-submit{grid-column:4;grid-row:1;display:grid;place-items:center;justify-self:center;align-self:center;border-radius:999px;background:#ffffff1f;box-shadow:inset 0 0 0 1px #ffffff14;opacity:.62;transform:scale(1)}.threadly-ai-submit:hover{filter:saturate(1.12) brightness(1.06)}.threadly-ai-submit span{width:18px;height:18px;position:relative;display:block}.threadly-ai-submit span:before,.threadly-ai-submit span:after{content:"";position:absolute;background:#fff;border-radius:999px}.threadly-ai-submit span:before{width:18px;height:2.4px;left:0;top:50%;transform:translateY(-50%)}.threadly-ai-submit span:after{width:9px;height:9px;right:0;top:50%;border-right:2.4px solid #fff;border-top:2.4px solid #fff;background:transparent;transform:translateY(-50%) rotate(45deg);border-radius:1px}.threadly-ai-submit:disabled,.threadly-ai-submit[aria-disabled=true]{cursor:default;filter:grayscale(.18) saturate(.55);pointer-events:none}.threadly-ai-submit:disabled span,.threadly-ai-submit[aria-disabled=true] span{opacity:.48}.threadly-ai-composer.has-prompt .threadly-ai-submit:not(:disabled){background:linear-gradient(135deg,#8d2dff 5%,#00cfff 92%);box-shadow:0 0 18px #00cfff61,0 0 22px #852dff52;opacity:1;transform:scale(1)}.threadly-ai-attachment-preview{grid-column:1 / -1;grid-row:1;justify-self:start;width:clamp(92px,13cqw,142px);height:clamp(58px,8.6cqw,96px);margin:0 0 0 clamp(2px,.7cqw,8px);border-radius:20px;background:#000;display:grid;place-items:center;position:relative;color:#fff;font-size:14px;font-weight:700;box-shadow:0 10px 22px #00000047;overflow:hidden;opacity:1;transform:translateY(0) scale(1);transition:opacity .28s ease,transform .46s var(--threadly-motion-spring),width .46s var(--threadly-motion-spring),height .46s var(--threadly-motion-spring),margin .46s var(--threadly-motion-spring)}.threadly-ai-attachment-preview[hidden]{display:none!important}.threadly-ai-composer.has-attachment .threadly-ai-composer__plus,.threadly-ai-composer.has-attachment #design-prompt,.threadly-ai-composer.has-attachment .threadly-ai-mic,.threadly-ai-composer.has-attachment .threadly-ai-submit,#threadly-ai-panel .threadly-ai-composer.has-attachment #design-prompt{grid-row:2}.threadly-ai-attachment-preview img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}.threadly-ai-attachment-preview span{max-width:78%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;z-index:1}.threadly-ai-attachment-preview:has(img) span{display:none}.threadly-ai-attachment-preview button{position:absolute;top:5px;right:5px;width:18px;height:18px;border:0;border-radius:999px;background:#0000006b;opacity:.82;z-index:2;cursor:pointer}.threadly-ai-attachment-preview button:before,.threadly-ai-attachment-preview button:after{content:"";position:absolute;left:4px;top:8px;width:10px;height:1.8px;background:#fff}.threadly-ai-attachment-preview button:before{transform:rotate(45deg)}.threadly-ai-attachment-preview button:after{transform:rotate(-45deg)}#threadly-ai-panel .threadly-ai-error{width:min(720px,100%);max-width:none;margin:12px 0 0 28px;color:#ffd8ea;background:#ff246c29;border-color:#ff4e9059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.threadly-ai-sidebar{position:absolute;left:14px;top:14px;bottom:14px;width:var(--threadly-ai-sidebar-width);display:flex;flex-direction:column;gap:16px;padding:14px 14px 18px;border-radius:28px;background:linear-gradient(135deg,#1f1f23d1,#0b0c12e0);border:1px solid rgba(255,255,255,.14);box-shadow:30px 0 80px #0006,inset 0 0 0 1px #ffffff08;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:5;transform:translate(calc(-100% - 28px));opacity:0;filter:blur(10px);transition:transform .28s var(--threadly-motion-spring),opacity .18s ease,filter .24s var(--threadly-motion-spring);will-change:transform,opacity,filter}.threadly-ai-maker.is-sidebar-open .threadly-ai-sidebar{transform:translate(0);opacity:1;filter:blur(0)}.threadly-ai-maker.is-sidebar-closing .threadly-ai-sidebar{transform:translate(calc(-100% - 28px));opacity:0;filter:blur(0)}.threadly-ai-maker.is-sidebar-closing .threadly-ai-main{opacity:1;pointer-events:auto}.threadly-ai-maker.is-sidebar-open .threadly-ai-stage{transform:none}.threadly-ai-maker.is-sidebar-open .threadly-ai-composer{transform:translateY(var(--threadly-composer-attach-extra))}.threadly-ai-maker.is-sidebar-open .threadly-ai-stage{left:calc(var(--threadly-ai-sidebar-width) + var(--threadly-ai-sidebar-gutter));right:clamp(18px,3cqw,32px)}.threadly-ai-maker.is-sidebar-open .threadly-ai-greeting{width:min(520px,calc(100cqw - var(--threadly-ai-sidebar-width) - (var(--threadly-ai-sidebar-gutter) * 2)));font-size:clamp(28px,3.7cqw,48px);line-height:1.45}.threadly-ai-maker.is-sidebar-open .threadly-ai-composer{left:calc(var(--threadly-ai-sidebar-width) + var(--threadly-ai-sidebar-gutter));right:clamp(16px,2.6cqw,34px)}.threadly-ai-sidebar__top{display:flex;align-items:center;gap:16px}.threadly-ai-sidebar .threadly-ai-chip{min-height:clamp(48px,5.8cqw,66px);padding:0 clamp(16px,2.2cqw,26px);font-size:clamp(13px,1.7cqw,20px)}.threadly-ai-search{height:52px;display:flex;align-items:center;gap:10px;padding:0 16px;border-radius:17px;border:1px solid rgba(255,255,255,.1);background:#ffffff0f}.threadly-ai-search span{width:18px;height:18px;border:2px solid rgba(255,255,255,.58);border-radius:999px;position:relative;flex:0 0 auto}.threadly-ai-search span:after{content:"";position:absolute;right:-6px;bottom:-4px;width:8px;height:2px;border-radius:3px;background:#ffffff94;transform:rotate(45deg)}.threadly-ai-search input{width:100%;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:16px;min-width:0;box-shadow:none;-webkit-appearance:none;appearance:none}.threadly-ai-search input::placeholder{color:#ffffff80}.threadly-ai-search:focus,.threadly-ai-search:focus-within,.threadly-ai-search input:focus,.threadly-ai-search input:focus-visible{outline:0;box-shadow:none}.threadly-ai-sidebar-action{min-height:60px;border-color:transparent;border-radius:13px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:14px;padding:0 16px;font-size:16px;font-weight:800;text-align:left}.threadly-ai-sidebar-action.is-active{border-color:#ffffff24;background:#ffffff17}.threadly-ai-sidebar-action--plain{border-color:transparent;background:transparent}.threadly-ai-sidebar-action:focus,.threadly-ai-sidebar-action:focus-visible{outline:0;box-shadow:none}.threadly-ai-spark-icon{width:24px;height:24px;background:linear-gradient(135deg,#8d2dff 15%,#00cfff 80%);clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);justify-self:center}.threadly-ai-sidebar-action .threadly-ai-compose-icon{width:24px;height:24px;justify-self:center}.threadly-ai-sidebar-action>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.threadly-ai-sidebar__section-title{margin:18px 10px 4px;color:#ffffff94;font-size:16px;font-weight:600}.threadly-ai-chat-list{display:grid;gap:2px;overflow:auto;padding:0 0 12px;min-height:0}.threadly-ai-chat-list button{border:0;background:transparent;color:#fff;min-height:54px;padding:0 12px;text-align:left;font:inherit;font-size:15px;font-weight:650;border-radius:12px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color .22s ease,transform .22s var(--threadly-motion-spring),color .22s ease}.threadly-ai-chat-list button:hover,.threadly-ai-chat-list button.is-active{background:#ffffff12}.threadly-ai-chat-list button:active{transform:scale(.985)}.threadly-ai-chat-list-empty{color:#ffffff94;font-size:14px;font-weight:650;padding:16px 12px}.threadly-ai-sidebar__footer{margin-top:auto;padding:18px 10px 0;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:14px;font-size:16px;font-weight:800;min-height:60px}.threadly-ai-profile-login{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:#fff;padding:0;font:inherit;font-weight:800;cursor:pointer}.threadly-ai-avatar{width:42px;height:42px;border-radius:999px;background:radial-gradient(circle at 50% 62%,#06060a 0 26%,transparent 27%),radial-gradient(circle at 50% 38%,#06060a 0 16%,transparent 17%),linear-gradient(135deg,#b730ff,#281257 70%);flex:0 0 auto}.threadly-ai-my-designs-panel{position:absolute;top:244px;right:38px;bottom:34px;left:38px;overflow:auto;opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .46s var(--threadly-motion-spring)}.threadly-ai-view-heading{position:absolute;top:138px;left:0;right:0;text-align:center;color:#fff;pointer-events:none;opacity:1;transform:translateY(0);transition:opacity .28s ease,transform .46s var(--threadly-motion-spring)}.threadly-ai-view-heading p{margin:0;font-size:clamp(34px,4.2cqw,56px);line-height:1.08;font-weight:650;letter-spacing:0;text-shadow:0 0 20px rgba(255,255,255,.12)}.threadly-ai-maker.is-my-designs-view .threadly-ai-composer{display:none}.threadly-ai-design-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:14px;animation:threadly-ai-view-enter .46s var(--threadly-motion-spring) both}.threadly-ai-design-grid button{aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0f;padding:0;overflow:hidden;cursor:pointer;transition:transform .24s var(--threadly-motion-spring),border-color .22s ease,box-shadow .28s ease,filter .22s ease}.threadly-ai-design-grid button:hover{transform:translateY(-2px) scale(1.012);border-color:#ffffff3d;box-shadow:0 16px 34px #00000047}.threadly-ai-design-grid button:active{transform:scale(.975)}.threadly-ai-design-grid img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}.threadly-ai-design-grid .is-empty{grid-column:1 / -1;margin-top:clamp(14px,2cqw,26px);color:#ffffff9e;font-size:18px;padding:24px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#ffffff0d;animation:threadly-ai-view-enter .46s var(--threadly-motion-spring) both}.threadly-ai-maker.is-view-transitioning .threadly-ai-greeting:not([hidden]),.threadly-ai-maker.is-view-transitioning .threadly-ai-thread:not([hidden]),.threadly-ai-maker.is-view-transitioning .threadly-ai-output:not([hidden]),.threadly-ai-maker.is-view-transitioning .threadly-ai-view-heading:not([hidden]),.threadly-ai-maker.is-view-transitioning .threadly-ai-my-designs-panel:not([hidden]){animation:threadly-ai-view-enter .5s var(--threadly-motion-spring) both}.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar__top,.threadly-ai-maker.is-sidebar-animating .threadly-ai-search,.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar-action,.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar__section-title,.threadly-ai-maker.is-sidebar-animating .threadly-ai-chat-list,.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar__footer{animation:threadly-ai-sidebar-content .24s var(--threadly-motion-spring) both}@keyframes threadly-ai-view-enter{0%{opacity:0;transform:translateY(14px) scale(.985);filter:blur(8px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes threadly-ai-sidebar-content{0%{opacity:0;transform:translate(-10px) scale(.985);filter:blur(6px)}to{opacity:1;transform:translate(0) scale(1);filter:blur(0)}}@media(max-width:749px){#threadly-konva-designer{--threadly-mobile-maker-height: clamp(620px, calc(100vh - 96px) , 720px);contain:layout paint style;transform:translateZ(0);-webkit-transform:translateZ(0)}@supports (height: 100svh){#threadly-konva-designer{--threadly-mobile-maker-height: clamp(620px, calc(100svh - 96px) , 720px)}}#threadly-konva-designer.threadly-ai-open .threadly-konva-shell{min-height:0;height:var(--threadly-mobile-maker-height)}#threadly-konva-designer:not(.threadly-ai-open):not(.threadly-ai-closing) #threadly-ai-panel.threadly-ai-maker[aria-hidden=true]{display:none!important;content-visibility:hidden}#threadly-konva-designer:not(.threadly-ai-open) .threadly-ai-cta,#threadly-konva-designer:not(.threadly-ai-open) .threadly-ai-cta__label{animation:none!important}#threadly-konva-designer:not(.threadly-ai-open) .threadly-ai-cta{backdrop-filter:none;-webkit-backdrop-filter:none;filter:none}#threadly-konva-designer:not(.threadly-ai-open) .threadly-ai-cta:before{display:none}#threadly-konva-designer:not(.threadly-ai-open) .threadly-ai-cta:after{filter:none;opacity:.28}.threadly-konva-header,.threadly-konva-body,.threadly-konva-disclaimer,.threadly-ai-cta,#login-notice{transition:opacity .12s ease;transform:translateZ(0);filter:none}#threadly-konva-designer.threadly-ai-open .threadly-konva-header,#threadly-konva-designer.threadly-ai-open .threadly-konva-body,#threadly-konva-designer.threadly-ai-open .threadly-konva-disclaimer,#threadly-konva-designer.threadly-ai-open .threadly-ai-cta,#threadly-konva-designer.threadly-ai-open #login-notice{visibility:hidden;transform:translateZ(0)}#threadly-konva-designer.threadly-ai-closing .threadly-konva-header,#threadly-konva-designer.threadly-ai-closing .threadly-konva-body,#threadly-konva-designer.threadly-ai-closing .threadly-konva-disclaimer,#threadly-konva-designer.threadly-ai-closing .threadly-ai-cta,#threadly-konva-designer.threadly-ai-closing #login-notice{visibility:hidden;opacity:0;transform:translateZ(0)}#threadly-ai-panel.threadly-ai-maker{height:100%;transform:translate3d(0,8px,0) scale(.992);transition:opacity .18s ease,transform .24s var(--threadly-motion-spring);backface-visibility:hidden;-webkit-backface-visibility:hidden}#threadly-konva-designer.threadly-ai-open #threadly-ai-panel.threadly-ai-maker{transform:translateZ(0) scale(1)}.threadly-ai-maker__surface{border-radius:26px;contain:layout paint style}.threadly-ai-topbar{top:18px;left:16px;right:16px;height:46px;grid-template-columns:auto 1fr auto}.threadly-ai-main .threadly-ai-topbar__left{justify-self:start;gap:0}.threadly-ai-main .threadly-ai-topbar__left .threadly-ai-chip--back{display:none}.threadly-ai-chip{min-height:42px;padding:0 13px;font-size:15px;gap:8px}.threadly-ai-chip span[aria-hidden=true]{font-size:0;width:18px;height:18px}.threadly-ai-icon-button{width:42px;height:42px;border-radius:15px;overflow:hidden;background:#18181e70;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden}.threadly-ai-sidebar-icon{background:transparent!important;transform:translateZ(0)}.threadly-ai-sidebar-icon:before,.threadly-ai-sidebar-icon:after{background:transparent}.threadly-ai-credit-pill{min-width:72px;width:72px;height:42px;gap:0;padding:0;font-size:18px;justify-self:end}.threadly-ai-credit-pill [data-threadly-credits-count]{display:none}.threadly-ai-credit-dots{gap:6px}.threadly-ai-credit-dots span{width:12px;height:12px}.threadly-ai-icon-button.threadly-ai-topbar__new{display:none}.threadly-ai-stage{top:82px;right:0;bottom:92px;left:0;transition:opacity .18s var(--threadly-motion-fast),transform .22s var(--threadly-motion-spring)}.threadly-ai-greeting{width:min(86cqw,420px);font-size:26px;line-height:1.42}.threadly-ai-composer{left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px))}.threadly-ai-composer__bar{min-height:64px;grid-template-columns:32px minmax(0,1fr) 30px 34px;grid-template-rows:1fr;gap:5px;padding:0 12px;border-radius:34px}.threadly-ai-composer.has-attachment .threadly-ai-composer__bar{min-height:112px;grid-template-rows:48px 44px;row-gap:4px;padding-top:8px;padding-bottom:8px}.threadly-ai-composer.has-attachment{--threadly-composer-attach-extra: 0px}.threadly-ai-composer__plus,.threadly-ai-mic,.threadly-ai-submit{width:32px;height:32px}.threadly-ai-composer__plus:before,.threadly-ai-composer__plus:after{width:22px;height:2px}#threadly-ai-panel #design-prompt{height:38px;min-height:38px;line-height:38px;font-size:17px!important}.threadly-ai-mode{height:34px;font-size:13px}.threadly-ai-mic img{width:25px;height:25px}.threadly-ai-submit span{width:16px;height:16px}.threadly-ai-submit span:before{width:16px;height:2px}.threadly-ai-submit span:after{width:8px;height:8px;border-right-width:2px;border-top-width:2px}.threadly-ai-attachment-preview{width:92px;height:48px;margin-left:2px;border-radius:14px}.threadly-ai-prompt-bubble{top:18px;right:20px;max-width:74cqw;min-height:58px;padding:0 20px;border-radius:26px;font-size:18px}.threadly-ai-output{left:20px;right:20px;top:108px;width:auto}.threadly-ai-generation-status{left:22px;top:106px;max-width:calc(100cqw - 44px)}.threadly-ai-sidebar{top:8px;right:8px;bottom:8px;left:8px;width:auto;transform:translate3d(calc(-100% - 24px),0,0);opacity:0;filter:none;border-radius:24px;padding:20px 18px 18px;gap:12px;background:linear-gradient(135deg,#1f1f23,#0b0c12);backdrop-filter:none;-webkit-backdrop-filter:none;contain:layout paint style;box-shadow:14px 0 34px #00000052,inset 0 0 0 1px #ffffff09;transition:transform .18s var(--threadly-motion-fast),opacity .1s ease;will-change:transform,opacity;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(calc(-100% - 24px),0,0);overflow:hidden;overscroll-behavior:contain;touch-action:pan-y}.threadly-ai-maker.is-sidebar-open .threadly-ai-sidebar{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.threadly-ai-maker.is-sidebar-closing .threadly-ai-sidebar,.threadly-ai-maker.is-sidebar-opening:not(.is-sidebar-open) .threadly-ai-sidebar{transform:translate3d(calc(-100% - 24px),0,0);-webkit-transform:translate3d(calc(-100% - 24px),0,0);opacity:0;filter:none}.threadly-ai-maker.is-sidebar-closing .threadly-ai-sidebar{transition:transform .22s var(--threadly-motion-fast),opacity .14s ease}.threadly-ai-maker.is-sidebar-open .threadly-ai-main{opacity:1;transform:none;filter:none;pointer-events:none}.threadly-ai-main{filter:none;transition:opacity .16s ease;will-change:opacity}.threadly-ai-maker.is-sidebar-open .threadly-ai-sidebar{opacity:1;filter:none}.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar{box-shadow:6px 0 18px #0003,inset 0 0 0 1px #ffffff09}.threadly-ai-maker.is-sidebar-opening.is-sidebar-open .threadly-ai-sidebar{box-shadow:inset 0 0 0 1px #ffffff09}@supports (-webkit-touch-callout: none){.threadly-ai-sidebar{background:linear-gradient(135deg,#1f1f23,#0b0c12);transform:translate3d(-104%,0,0);-webkit-transform:translate3d(-104%,0,0);box-shadow:14px 0 34px #00000052,inset 0 0 0 1px #ffffff09;transition:transform .18s var(--threadly-motion-fast),opacity .1s ease}.threadly-ai-maker.is-sidebar-open .threadly-ai-sidebar{transform:translateZ(0);-webkit-transform:translate3d(0,0,0)}.threadly-ai-maker.is-sidebar-closing .threadly-ai-sidebar,.threadly-ai-maker.is-sidebar-opening:not(.is-sidebar-open) .threadly-ai-sidebar{transform:translate3d(-104%,0,0);-webkit-transform:translate3d(-104%,0,0);opacity:0}.threadly-ai-maker.is-sidebar-closing .threadly-ai-sidebar{transition:transform .22s var(--threadly-motion-fast),opacity .14s ease}.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar{box-shadow:6px 0 18px #0003,inset 0 0 0 1px #ffffff09}.threadly-ai-maker.is-sidebar-opening.is-sidebar-open .threadly-ai-sidebar{box-shadow:inset 0 0 0 1px #ffffff09}.threadly-ai-main{transition-duration:.16s}.threadly-ai-maker.is-sidebar-closing .threadly-ai-main{opacity:1;transition-duration:.16s}}.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar__top,.threadly-ai-maker.is-sidebar-animating .threadly-ai-search,.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar-action,.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar__section-title,.threadly-ai-maker.is-sidebar-animating .threadly-ai-chat-list,.threadly-ai-maker.is-sidebar-animating .threadly-ai-sidebar__footer{animation:none;filter:none}.threadly-ai-maker.is-sidebar-open .threadly-ai-stage{left:0;right:0;transform:none}.threadly-ai-maker.is-sidebar-open .threadly-ai-composer{left:10px;right:10px;transform:translateY(var(--threadly-composer-attach-extra))}.threadly-ai-maker.is-sidebar-open .threadly-ai-greeting{width:min(86cqw,420px);font-size:26px;line-height:1.42}.threadly-ai-sidebar__top .threadly-ai-chip{font-size:13px}.threadly-ai-search{height:50px}.threadly-ai-sidebar-action{min-height:58px;grid-template-columns:28px minmax(0,1fr);gap:12px;font-size:15px}.threadly-ai-sidebar-action .threadly-ai-compose-icon,.threadly-ai-sidebar-action .threadly-ai-spark-icon{width:22px;height:22px}.threadly-ai-chat-list button{min-height:50px;font-size:15px}.threadly-ai-sidebar__section-title{margin-top:12px;font-size:15px}.threadly-ai-sidebar__footer{min-height:52px;padding-top:14px;font-size:15px}.threadly-ai-avatar{width:38px;height:38px}.threadly-ai-my-designs-panel{top:146px;right:18px;bottom:16px;left:18px}.threadly-ai-view-heading{top:82px}.threadly-ai-view-heading p{font-size:26px}.threadly-ai-design-grid .is-empty{margin-top:18px}}@media(prefers-reduced-motion:reduce){#threadly-ai-panel.threadly-ai-maker,.threadly-ai-main,.threadly-ai-greeting,.threadly-ai-composer,.threadly-ai-composer__bar,.threadly-ai-sidebar,.threadly-ai-generation-status,.threadly-ai-output,.threadly-ai-my-designs-panel,.threadly-ai-view-heading,.threadly-ai-design-grid,.threadly-ai-design-grid .is-empty{transition:none!important;animation:none!important}}@media(prefers-reduced-motion:reduce){.threadly-ai-panel,.threadly-ai-card{transition:none}}@media(max-width:749px){.threadly-konva-body{grid-template-columns:1fr}#threadly-konva-designer{--konva-radius: 24px;--konva-border: 2px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/threadly-ai-maker.css.map */
