@property --progress-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.agent-preview{background:#f5f5f5;flex-direction:column;min-height:100vh;display:flex}.agent-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f5f5cc;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.agent-header-logo{font-family:var(--font-ibm-plex-mono);letter-spacing:-.02em;color:inherit;font-size:14px;text-decoration:none;transition:color .15s}.agent-header-logo:hover{color:#666}.agent-header-nav{align-items:center;gap:24px;display:flex}.agent-header-link{color:#666;font-size:14px;text-decoration:none;transition:color .15s}.agent-header-link:hover{color:#000}.agent-main{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.agent-canvas{aspect-ratio:16/9;background:linear-gradient(#fff 0%,#fafafa 100%);justify-content:center;align-items:center;width:100%;max-width:768px;display:flex;box-shadow:0 0 0 1px #00000008,0 2px 4px #00000005,0 8px 16px #00000008}.file-uploader{background:linear-gradient(#f9f9f9 0%,#fff 100%);border:1px solid #ededede6;justify-content:center;align-items:center;transition:background .5s cubic-bezier(.23,1,.32,1),border .5s cubic-bezier(.23,1,.32,1),box-shadow .5s cubic-bezier(.23,1,.32,1),padding .5s cubic-bezier(.23,1,.32,1),border-radius .5s cubic-bezier(.23,1,.32,1),gap .5s cubic-bezier(.23,1,.32,1);display:flex;box-shadow:0 4px 6.5px #00000008}.file-uploader[data-state=idle]{border:1.5px dashed #c8c8c899;border-radius:32px;flex-direction:column;gap:16px;min-width:360px;padding:48px 120px}.file-uploader[data-state=idle][data-hovering=true]{background:linear-gradient(#f0f9fc 0%,#fff 100%);border-color:#b8e4f0;box-shadow:0 4px 12px #b8e4f04d}.file-uploader[data-state=scanning],.file-uploader[data-state=uploading],.file-uploader[data-state=success]{border-radius:100px;flex-direction:row;gap:12px;padding:8px 20px 8px 8px}.orb-icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .3s cubic-bezier(.23,1,.32,1);display:flex}.orb-icon[data-state=idle]{background:#f0f0f0}.orb-icon[data-state=idle] svg{opacity:.5}.orb-icon[data-state=idle-hover]{background-color:#0000;background-image:radial-gradient(circle at 30% 30%,#b8e4f0e6 0%,#0000 50%),radial-gradient(circle at 70% 60%,#bef2ffd9 0%,#0000 45%),radial-gradient(circle at 50% 80%,#c4b8f0cc 0%,#0000 40%),linear-gradient(135deg,#e8f4f8,#f0e8f8);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:4s ease-in-out infinite orbFloat}.orb-icon[data-state=idle-hover] svg{opacity:1;filter:brightness(0)invert()}.orb-icon[data-state=scanning],.orb-icon[data-state=uploading]{background-color:#0000;background-image:radial-gradient(circle at 25% 25%,#b8e4f0f2 0%,#0000 45%),radial-gradient(circle at 75% 35%,#bef2ffe6 0%,#0000 40%),radial-gradient(circle at 60% 75%,#c4b8f0d9 0%,#0000 45%),radial-gradient(circle at 30% 70%,#f0b8d8cc 0%,#0000 40%),linear-gradient(135deg,#e8f4f8,#f8e8f4);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;animation:3s ease-in-out infinite orbFloat,3s ease-in-out infinite orbPulse}.orb-icon[data-state=scanning] svg,.orb-icon[data-state=uploading] svg{filter:brightness(0)invert()}.orb-icon[data-state=uploading]{position:relative}.orb-icon[data-state=uploading]:before{content:"";--progress-angle:0deg;background:conic-gradient(from -90deg,#b8e4f0e6 0deg,#bef2fff2 calc(var(--progress-angle)*.4),#c4b8f0e6 var(--progress-angle),transparent var(--progress-angle),transparent 360deg);border-radius:50%;animation:2s forwards organicFill;position:absolute;inset:-3px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2.5px),#000 calc(100% - 2px))}.orb-icon[data-state=success]{background-color:#0000;background-image:radial-gradient(circle at 30% 30%,#dcfce7f2 0%,#0000 45%),radial-gradient(circle at 70% 60%,#bbf7d0e6 0%,#0000 40%),radial-gradient(circle at 50% 75%,#a7f3c3cc 0%,#0000 45%),linear-gradient(135deg,#ecfdf5,#dcfce7);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:200% 200%;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:4s ease-in-out infinite successOrbFloat}.orb-icon[data-state=success] svg{filter:brightness(0)saturate()invert(58%)sepia(69%)saturate(456%)hue-rotate(93deg)brightness(95%)contrast(92%)}.file-uploader-text{font-family:var(--font-ibm-plex-mono);letter-spacing:-.5px;font-size:14px}.file-uploader-text[data-state=idle]{color:#b0b0b0;text-align:center;min-width:240px}.file-uploader-text[data-state=scanning],.file-uploader-text[data-state=uploading]{background:linear-gradient(90deg,#727272 0%,#d4d4d4 52%,#616161 100%) 0 0/200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:italic;animation:2s ease-in-out infinite shimmer}.file-uploader-text[data-state=success]{color:#374151;font-weight:500}@keyframes orbFloat{0%,to{background-position:0 0}25%{background-position:100% 25%}50%{background-position:50% 100%}75%{background-position:0%}}@keyframes orbPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes successOrbFloat{0%,to{background-position:0%}25%{background-position:50% 0}50%{background-position:100%}75%{background-position:50% 100%}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes organicFill{0%{--progress-angle:0deg}3%{--progress-angle:15deg}5%{--progress-angle:18deg}8%{--progress-angle:35deg}12%{--progress-angle:52deg}14%{--progress-angle:58deg}17%{--progress-angle:72deg}20%{--progress-angle:85deg}23%{--progress-angle:105deg}27%{--progress-angle:118deg}30%{--progress-angle:135deg}33%{--progress-angle:142deg}37%{--progress-angle:165deg}42%{--progress-angle:185deg}46%{--progress-angle:205deg}50%{--progress-angle:220deg}54%{--progress-angle:238deg}58%{--progress-angle:252deg}63%{--progress-angle:272deg}68%{--progress-angle:288deg}73%{--progress-angle:305deg}78%{--progress-angle:318deg}83%{--progress-angle:332deg}88%{--progress-angle:345deg}94%{--progress-angle:355deg}to{--progress-angle:360deg}}.spinner{animation:1s linear infinite spin}.reset-button-wrapper{justify-content:center;display:flex;position:absolute;bottom:24px;left:0;right:0}.reset-button{font-family:var(--font-ibm-plex-mono);letter-spacing:-.3px;color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 16px;font-size:13px;transition:color .2s,background .2s}.reset-button:hover{color:#333;background:#0000000a}