*{margin:0;padding:0;box-sizing:border-box;font-variant-numeric:slashed-zero;font-feature-settings:"liga" 1,"calt" 1,"zero" 1,"zero"}:root{--accent-color:#f3b847;--accent-gradient:linear-gradient(135deg,#f7cb72,#f3b847);--bg-image:radial-gradient(#e9dfda 33%,#f3f2f1 67%);--code-bg:rgba(0,0,0,.05);--bg-secondary:var(--card-bg);font-family:Inter,sans-serif;font-feature-settings:"liga" 1,"calt" 1,"zero" 1,"zero";font-variant-numeric:slashed-zero;--surface:#fff;--surface-secondary:#f8f8f8;--surface-tertiary:#f0f0f0;--surface-code:#e8e8e8;--surface-inset:#f5f5f5;--surface-accent-subtle:#fdf5e0;--surface-accent-gradient:linear-gradient(135deg,#fffbf0,#fef3d0);--surface-success:#f0fdf4;--border-subtle:#00000014;--border-medium:#e5e5e5;--border-overlay:rgba(0,0,0,.08);--text-heading:#1a1a1a;--text-body:#333;--text-muted:#888;--text-faint:#bbb;--text-on-accent:#1a1a1a;--header-bg:hsla(0,0%,100%,.7);--menu-bg:hsla(0,0%,100%,.95);--shadow-card:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);--shadow-elevated:0 8px 24px rgba(0,0,0,.12);--scrollbar-thumb:#ddd;--scrollbar-thumb-hover:#ccc}@supports (font-variation-settings:normal){:root{font-family:InterVariable,sans-serif}}@media (prefers-color-scheme:dark){:root{--bg-color:#1a1a1a;--text-color:#fff;--text-secondary:#a0a0a0;--border-color:#2d2d2d;--card:0 0% 100%/0.06;--card-bg:hsl(var(--card));--hover-bg:rgba(255,179,0,.1);--code-bg:hsla(0,0%,100%,.1);--bg-secondary:#2a2a2a;--bg-image:radial-gradient(#1e1e1e 33%,#141414 67%);--surface:#2a2a2a;--surface-secondary:#333;--surface-tertiary:#3a3a3a;--surface-code:#444;--surface-inset:#333;--surface-accent-subtle:#3a2e10;--surface-accent-gradient:linear-gradient(135deg,#2a2210,#1e1a08);--surface-success:#1a2e1a;--border-subtle:#3a3a3a;--border-medium:#444;--border-overlay:hsla(0,0%,100%,.06);--text-heading:#f0f0f0;--text-body:#ccc;--text-muted:#888;--text-faint:#666;--text-on-accent:#1a1a1a;--header-bg:rgba(26,26,26,.85);--menu-bg:rgba(30,30,30,.95);--shadow-card:0 1px 3px rgba(0,0,0,.2),0 4px 16px rgba(0,0,0,.15);--shadow-elevated:0 8px 24px rgba(0,0,0,.3);--scrollbar-thumb:#444;--scrollbar-thumb-hover:#555}.logo-light{display:none}.logo-dark{display:block}}@media (prefers-color-scheme:light){:root{--bg-color:#fff;--text-color:#000;--text-secondary:#666;--border-color:#b9b9b955;--card-bg:#f8f9fa;--card:0 0% 100%/0.55;--hover-bg:rgba(255,179,0,.05)}.logo-light{display:block}.logo-dark{display:none}}body,html{height:auto;min-height:100%;width:100%;overflow-x:hidden}#__next{display:flex;flex-direction:column;min-height:100vh}body{font-size:16px;background-color:var(--bg-color);color:var(--text-color);line-height:1.5;position:relative;background-image:var(--bg-image);background-size:auto 1600px;background-repeat:no-repeat;background-attachment:fixed;padding-bottom:0}body.chat-mode{--bg-image:none}.container{overflow:visible;padding:0 24px;max-width:1300px;margin:0 auto;height:auto}.container,.left-panel{display:flex;min-height:auto;transition:all .3s ease;flex-direction:column}.left-panel{width:100%;overflow-y:visible}.left-panel.expanded{width:50%;overflow-y:hidden;height:100vh}.right-panel{width:50%;height:100vh;display:flex;flex-direction:column;gap:24px;transition:all .3s ease;overflow-y:auto;position:relative;padding:24px 24px 100px}.right-panel.hidden{display:none}header{padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;right:0;z-index:100;height:80px;box-sizing:border-box;background-color:var(--header-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.logo{height:40px;width:auto}@media (max-width:768px){.logo{height:32px}}.footer-wrapper .logo{height:50px}.chat-container{flex:1 1;display:flex;flex-direction:column;padding:0 24px;max-width:800px;margin:80px auto 0;width:100%;position:relative;overflow:hidden}.chat-container.poster-mode{max-width:1300px}.chat-container.chat-mode{justify-content:flex-start;overflow:hidden;height:calc(100vh - 80px)}.welcome-message{text-align:center;margin:5vh auto 0;max-width:800px;transition:all .3s ease}.chat-mode .welcome-message{display:none}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-color);font-size:20px}h1{font-size:20px;font-weight:700;margin-bottom:24px}h1.center{text-align:center;margin-bottom:32px}.welcome-message h1{margin-bottom:24px;color:var(--text-color)}.welcome-message p{color:var(--text-secondary);margin-bottom:16px}.welcome-message ul{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.welcome-message li{padding:12px;background:var(--card-bg);border-radius:8px;font-size:14px;color:var(--text-secondary)}#chat-messages{flex-grow:1;padding-top:12px;display:flex;flex-direction:column;opacity:0;transition:opacity .3s ease;min-height:60vh;max-height:calc(100vh - 200px);overflow-y:auto;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}.chat-mode #chat-messages{opacity:1;overflow-y:auto}.chat-history-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 0;margin-bottom:8px;font-size:12px;position:-webkit-sticky;position:sticky;top:0;z-index:10;background:var(--border-overlay);border-radius:10px}.history-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease;cursor:pointer;line-height:1.5}.history-link:hover{color:var(--accent-color);text-decoration:underline}.history-separator{color:var(--text-secondary);opacity:.5}.message{margin-bottom:16px;padding:16px;border-radius:8px;max-width:85%}.user-message{background:var(--card-bg);margin-left:auto}.ai-message{background:var(--hover-bg);margin-right:auto}.ai-message .workflow-preview{margin:16px 0;padding:16px;background:var(--card-bg);border-radius:8px;cursor:pointer;transition:all .3s ease}.ai-message .workflow-preview:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.ai-message .workflow-preview.has-contract{border:1px solid var(--border-overlay);box-shadow:0 4px 20px rgba(255,179,0,.2)}.ai-message .workflow-preview .preview-title{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--accent-color)}.ai-message .workflow-preview .preview-title i{font-size:18px}.ai-message .workflow-preview .preview-content{color:var(--text-secondary);font-size:14px}.input-container{padding:24px;transition:all .3s ease;max-width:800px;width:100%;margin:0 auto}.input-pill{position:relative;display:flex;align-items:center;width:100%}.chat-mode .input-container{position:fixed;bottom:0;left:0;right:0;border-top:1px solid var(--border-color);background:var(--bg-color);margin:0 auto}#message-input{width:100%;padding:16px 160px 16px 20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:100px;color:var(--text-color);font-size:15px;transition:all .2s;line-height:1.4;font-family:inherit;box-sizing:border-box}#message-input:focus{outline:none;border-color:var(--accent-color)}#message-input::placeholder{color:var(--text-secondary)}#send-button{position:absolute;right:12px;padding:10px 20px;background:var(--accent-color);color:#fff;border:none;border-radius:100px;font-size:14px;cursor:pointer;transition:all .2s;white-space:nowrap}@media (prefers-color-scheme:dark){#send-button{color:#000}}.input-subtext{text-align:center;font-size:13px;margin-top:8px;margin-bottom:100px;font-weight:400;opacity:.6}#send-button:hover{filter:brightness(1.1);transform:translateY(-1px)}#send-button.send-ready{overflow:visible}#send-button.send-ready:before{content:"";position:absolute;inset:-2px;border-radius:100px;padding:2px;background:conic-gradient(from var(--trail-angle,0deg),transparent 0deg,transparent 250deg,#eeb34355 280deg,#eeb343 320deg,#f0c96c 345deg,transparent 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:trail-spin 2.5s linear infinite;pointer-events:none}.visualization-area{background:var(--bg-color);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;flex:1 1;box-shadow:0 2px 10px rgba(0,0,0,.05);position:relative;height:calc(100vh - 148px)}.visualization-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-color);z-index:2}.header-buttons{display:flex;align-items:center;gap:8px}.menu-dropdown-container{position:relative}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:8px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.1);min-width:200px;z-index:1000;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:8px;padding:12px 16px;cursor:pointer;transition:background-color .2s ease;font-size:14px;color:var(--text-color)}.dropdown-item:hover{background-color:var(--hover-bg)}.dropdown-item i{color:var(--accent-color);width:16px}.stage-indicator{background:var(--accent-gradient);color:#fff;padding:6px 12px;border-radius:50px;font-size:14px;font-weight:600}#workflow-display{flex:1 1;display:flex;flex-direction:column;padding:0;position:relative;overflow:hidden;background:var(--bg-color);height:calc(100% - 64px)}.contract-spec{margin-top:20px;padding:20px;background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);max-height:300px;overflow-y:auto}.contract-spec h3{margin-bottom:12px;color:var(--accent-color);display:flex;align-items:center;gap:8px}.contract-spec h3:before{content:"\f121";font-family:Font Awesome\ 5 Free;font-weight:900}.spec-content{background:var(--bg-color);border-radius:8px;padding:15px;overflow-x:auto}.spec-content pre{font-family:Cascadia Code,Consolas,monospace;font-size:13px;line-height:1.5;color:var(--text-color);white-space:pre-wrap;word-wrap:break-word}.cta-section{background:var(--card-bg);border-radius:30px;padding:32px;text-align:center;background-color:hsl(var(--card))}.cta-section h2{font-size:24px;margin-bottom:16px}.cta-section p{color:var(--text-secondary);margin-bottom:24px}.cta-features{display:flex;justify-content:center;gap:24px;margin-bottom:24px}.feature{flex-direction:column;gap:4px;text-align:center}.feature-icon{font-size:20px;background:linear-gradient(135deg,var(--text-color) 50%,var(--text-secondary) 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:8px}.feature p{font-size:14px;color:var(--text-secondary)}.cta-button{padding:16px 40px;background:var(--accent-gradient);color:var(--text-on-accent);border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.cta-button:hover{filter:brightness(1.1);transform:translateY(-1px)}.placeholder{text-align:center;padding:40px}.placeholder h2{color:var(--accent-color);margin-bottom:20px}.placeholder p{color:var(--placeholder-color)}#chat-messages::-webkit-scrollbar{width:8px}#chat-messages::-webkit-scrollbar-track{background:var(--card-bg);border-radius:4px}#chat-messages::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}#chat-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media (max-width:768px){body{overflow-y:auto;height:auto}.chat-mode body{overflow:hidden}.container{flex-direction:column;height:auto;min-height:auto;overflow:visible;padding:15px 10px}.left-panel,.right-panel{width:100%;height:auto;position:relative;overflow:visible}.left-panel.expanded{overflow-y:hidden}.right-panel{border-left:none;border-top:1px solid var(--border-color);position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:1000;transition:transform .3s ease-in-out;overflow-y:auto;display:block!important;padding-bottom:100px}.right-panel,.right-panel.hidden{transform:translateY(100%)}.right-panel:not(.hidden){transform:translateY(0)}.close-editor{position:absolute;right:20px;background:none;border:none;color:var(--text-color);font-size:24px;cursor:pointer;z-index:1001}.chat-container{height:auto;min-height:calc(100vh - 80px);display:flex;flex-direction:column;overflow:hidden;padding:0}.chat-mode .chat-container{overflow:hidden}#chat-messages{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(100vh - 160px)}.welcome-message{margin-bottom:0;padding-bottom:0}.footer-content{grid-template-columns:repeat(2,1fr)}.site-footer{padding:1.5rem 1rem 1rem}.welcome-message{margin-top:0}.feature-boxes{margin-top:0!important}.input-container{position:fixed;bottom:0;left:0;right:0;background:var(--bg-color);padding:12px;border-top:1px solid var(--border-color);z-index:1000;margin:0 auto}.visualization-area{height:calc(100vh - 148px)}}h1 i,h2 i{font-size:20px;background:linear-gradient(135deg,var(--text-color) 50%,var(--text-secondary) 50%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-right:12px}.left-panel.expanded .chat-container,.left-panel.expanded .input-container{max-width:none;margin:0}@media (min-width:769px){.cta-toast{margin-bottom:70px}body{overflow-y:auto}.container{overflow:visible}.container.home-layout{flex-direction:row;max-width:inherit}.left-panel.expanded{padding-top:80px}.left-panel.expanded,.right-panel{box-sizing:border-box;overflow-y:auto}.right-panel{padding-top:104px}.left-panel.expanded .chat-container{height:auto;margin-top:0;overflow:hidden}#chat-messages{overflow-y:auto;max-height:none;padding-bottom:100px}.left-panel.expanded #chat-messages{overflow-y:auto;max-height:calc(100vh - 187px)}}body.workflow-active{overflow:hidden}.hidden{display:none!important}.feature-boxes{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px;width:100%}.feature-box{border-radius:30px;padding:24px;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease;background:hsl(var(--card));width:230px;min-height:230px}.feature-box:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.1)}.feature-box.small{width:calc(25% - 15px)}.feature-box.large{width:calc(50% - 15px)}.feature-icon-container{margin-bottom:16px;display:flex;align-items:center;justify-content:center;width:100%;height:64px;border-radius:16px;background:var(--hover-bg)}.feature-box h3{font-size:18px;margin-bottom:12px;font-weight:600}.feature-box p{color:var(--text-secondary);font-size:14px;margin-bottom:16px}.feature-button{margin-top:auto;background:transparent;border:1px solid var(--border-color);border-radius:20px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;color:var(--text-color)}.feature-button:hover{background:var(--hover-bg);border-color:var(--accent-color)}.defi-icon-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;width:100%;justify-items:center;align-items:center;margin-bottom:16px}.defi-icon-grid svg{width:100%!important;height:auto!important;aspect-ratio:1/1;max-width:100%;min-width:0;display:block}.site-footer{padding:2rem 1.5rem 1rem;border-top:1px solid var(--border-overlay);position:relative;z-index:10}.footer-wrapper,.site-footer{width:100%;margin-top:auto}.footer-content{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:2rem;gap:2rem;justify-items:center}.footer-column h4{color:var(--text-primary);font-size:1rem;margin-bottom:1rem;font-weight:600}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:.5rem}.footer-column a{color:var(--text-secondary);text-decoration:none;transition:color .2s;font-size:.875rem}.footer-column a:hover{color:var(--accent-color)}.footer-logo{margin-bottom:1rem}.footer-column p{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.social-icons{display:flex;gap:1rem;margin-top:1rem}.social-icons a{color:var(--text-secondary);font-size:1.25rem}.footer-bottom{max-width:1300px;margin:2rem auto 0;padding-top:1rem;border-top:1px solid var(--border-overlay);text-align:center}.footer-bottom p{color:var(--text-secondary);font-size:.75rem}.chat-mode .footer-wrapper .site-footer,:not(.mobile-menu-footer) .chat-mode .site-footer,:not(.mobile-menu-footer) .footer-wrapper.chat-mode .site-footer{display:none}.mobile-menu-footer .site-footer{display:block!important}@media (max-width:1200px){.footer-content{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.footer-content{grid-template-columns:1fr;justify-items:left}}.btn-primary{background:var(--text-heading);color:var(--surface);border:1px solid var(--border-overlay);border-radius:9999px;padding:12px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,transform .2s;outline:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(0,0,0,.15)}.btn-primary:hover{opacity:.9;box-shadow:0 6px 20px rgba(0,0,0,.2);transform:translateY(-1px)}.btn-secondary{background:var(--surface);color:var(--text-heading);border:1px solid var(--border-overlay);border-radius:9999px;padding:12px 32px;font-size:16px;font-weight:500;cursor:pointer;transition:background .2s,color .2s;outline:none;display:inline-flex;align-items:center;justify-content:center}.btn-secondary:hover{background:var(--surface-tertiary);color:var(--text-heading)}.btn-small{padding:8px 16px;font-size:14px}.feature-button{border-radius:0}.message-content{font-size:15px;line-height:1.6;overflow-x:auto}.message-content h1{font-size:1.5em;margin:.5em 0}.message-content h2{font-size:1.3em;margin:.5em 0}.message-content h3{font-size:1.1em;margin:.5em 0}.message-content p{margin:.5em 0}.message-content ol,.message-content ul{margin:.5em 0;padding-left:1.5em}.message-content li{margin:.25em 0}.message-content code{font-family:Cascadia Code,monospace;background-color:var(--code-bg);padding:.1em .3em;border-radius:3px;font-size:.9em}.message-content pre{background-color:var(--code-bg);padding:.8em;border-radius:5px;overflow-x:auto;margin:.5em 0}.message-content pre code{background-color:transparent;padding:0;font-size:.9em;line-height:1.5}.message-content blockquote{border-left:3px solid var(--accent-color);padding-left:1em;margin:.5em 0;color:var(--text-secondary)}.message-content a{color:var(--accent-color);text-decoration:none}.message-content a:hover{text-decoration:underline}.message-content table{border-collapse:collapse;width:100%;margin:.5em 0}.message-content td,.message-content th{border:1px solid var(--border-color);padding:.5em;text-align:left}.message-content th{background-color:var(--code-bg)}.message.streaming{position:relative}.streaming-indicator{display:flex;align-items:center;margin-top:8px}.streaming-indicator .dot{width:6px;height:6px;border-radius:50%;background-color:var(--accent-color);margin-right:4px;animation:pulse 1.5s ease-in-out infinite}.streaming-indicator .dot:nth-child(2){animation-delay:.3s}.streaming-indicator .dot:nth-child(3){animation-delay:.6s;margin-right:0}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.header-actions,.header-auth{margin-left:auto}.header-actions{display:flex;align-items:center}.projects-dropdown{position:relative}.projects-dropdown-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;max-height:320px;overflow-y:auto;background:var(--bg-color);border:1px solid var(--border-color);border-radius:12px;padding:6px;z-index:1000;box-shadow:0 8px 24px rgba(0,0,0,.15)}.projects-dropdown-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--text-color);font-size:14px;gap:12px;transition:background .15s}.projects-dropdown-item:hover{background:var(--bg-secondary)}.projects-dropdown-item.active{background:var(--bg-secondary);font-weight:600}.project-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.project-item-stage{font-size:11px;color:var(--text-secondary);text-transform:capitalize;flex-shrink:0}.projects-dropdown-new{border-top:1px solid var(--border-subtle,#eee);margin-top:4px;padding-top:10px!important}.projects-dropdown-new .project-item-name{font-weight:600;color:var(--accent-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-color);border-radius:20px;padding:32px;position:relative;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px rgba(0,0,0,.1);margin:20px}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;font-size:20px;transition:color .2s;z-index:1}.modal-close:hover{color:var(--text-color)}.cta-toast{position:fixed;bottom:24px;right:24px;background:var(--bg-color);border-radius:16px;padding:24px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:100;transition:transform .3s ease-out,opacity .3s ease-out;max-width:400px;width:100%}.cta-toast.modal{position:static;box-shadow:none;padding:0;max-width:none;width:100%}.cta-toast.hiding{transform:translateY(100%);opacity:0}.cta-close{position:absolute;top:16px;right:16px;background:none;border:none;cursor:pointer}.cta-content{display:flex;flex-direction:column;gap:16px;width:100%}.cta-content h3{margin:0;font-size:20px;color:var(--text-color);display:flex;align-items:center;gap:8px}.cta-content h3 i{color:var(--accent-color)}.cta-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;width:100%}.feature{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.feature-icon{font-size:18px;flex-shrink:0}.consultation-form{gap:16px}.consultation-form,.form-group{display:flex;flex-direction:column;width:100%}.form-group{gap:8px}.form-group input,.form-group textarea{padding:12px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-color);color:var(--text-color);font-size:14px;transition:border-color .2s;width:100%}.form-group textarea{min-height:100px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent-color);outline:none}.form-actions{justify-content:flex-end;margin-top:8px}.form-actions,.success-message{display:flex;gap:12px;width:100%}.success-message{align-items:center;color:#28a745;padding:12px;background:rgba(40,167,69,.1);border-radius:8px}.success-message i{font-size:20px}.chat-container .feature-boxes{margin-bottom:100px}@media (max-width:768px){.chat-container .feature-boxes{margin-bottom:0}.modal-content{width:95%;padding:24px;margin:16px}.form-actions{flex-direction:column}.form-actions button{width:100%}}.comparison-section{margin:60px 0;padding:0 20px}.comparison-container{max-width:1300px;margin:0 auto}.comparison-title{font-size:32px;font-weight:700;margin-bottom:32px}.comparison-table-wrapper{background:hsl(var(--card));border-radius:20px;padding:40px;overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th{padding:20px;text-align:left;border-bottom:2px solid hsl(var(--border));font-size:18px;font-weight:600}.comparison-table th:first-child{text-align:left}.comparison-table th:not(:first-child){text-align:center}.comparison-table th.highlight{color:var(--accent-color)}.comparison-table td{padding:20px;border-bottom:1px solid hsl(var(--border));font-size:16px}.comparison-table td:first-child{text-align:left}.comparison-table td:not(:first-child){text-align:center}.cmp-check,.comparison-table td.highlight{color:var(--accent-color);font-size:20px}.cmp-check{font-weight:700}.cmp-cross{color:var(--text-color);opacity:.9;font-size:20px}.cmp-partial{color:var(--text-secondary);font-size:20px}.comparison-table .category-row td{background:hsl(var(--border));font-size:13px;text-transform:uppercase;letter-spacing:1px;padding:12px 20px;border-bottom:none}.feature-description{font-size:14px;color:var(--text-secondary);margin-top:4px}@media (max-width:768px){.comparison-table-wrapper{padding:20px}.comparison-table td,.comparison-table th{padding:16px;font-size:14px}.comparison-table td.highlight{font-size:18px}}@media (max-width:660px){.comparison-table,.comparison-table tbody,.comparison-table tr{display:block}.comparison-table thead{display:none}.comparison-table tr{margin-bottom:24px;border-bottom:1px solid hsl(var(--border));padding-bottom:24px}.comparison-table tr:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.comparison-table td{display:block;padding:8px 0;border-bottom:none;text-align:left}.comparison-table td:first-child{padding-top:0;margin-bottom:12px}.comparison-table td:not(:first-child){display:flex;align-items:center;gap:8px;padding:8px 0}.comparison-table td:not(:first-child):before{content:attr(data-label);font-weight:600;min-width:140px}.comparison-table td.highlight{color:var(--accent-color);text-align:left}.feature-description{margin-top:8px}}.video-container{flex:0 0 400px;min-width:280px;max-width:400px;margin-right:0;margin-left:auto}@media (max-width:768px){.feature-box.large,.feature-box.small{width:100%}.feature-boxes{flex-direction:column}.feature-box{width:calc(46vw - 10px);height:calc(46vw - 10px)}.feature-box:last-of-type{width:100%;height:100%}}@media (max-width:1200px){.feature-box.small{width:calc(33% - 15px)}}@media (max-width:900px){.feature-boxes{flex-wrap:wrap;flex-direction:row!important}.feature-box.small{width:50%;box-sizing:border-box}.feature-box.small:first-of-type{width:calc(50% - 10px);margin-right:10px}.feature-box.small:nth-of-type(2){width:calc(50% - 10px);margin-left:10px}.feature-box.large{width:100%;box-sizing:border-box;margin-top:20px}.defi-icon-grid{grid-template-columns:repeat(4,1fr)}.video-container{margin-left:inherit}}@media (max-width:600px){.feature-box.large,.feature-box.small{width:100%!important;margin:0;margin-right:0!important;margin-left:0!important}.feature-boxes{flex-direction:column!important;gap:20px}.defi-icon-cake{display:none!important}.feature-box{width:100%;height:100%}}.defi-icon-lg-only{display:inline-block}.defi-icon-md-only{display:none}@media (max-width:900px){.defi-icon-lg-only{display:none!important}.defi-icon-md-only{display:inline-block!important}}@media (max-width:600px){.defi-icon-md-only{display:inline-block!important}}.burger-menu{display:block;cursor:pointer;z-index:101;font-size:24px;color:var(--text-color);margin-left:15px}@media (max-width:770px){.header-actions{position:fixed;top:80px;right:-300px;width:300px;background-color:var(--menu-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);height:calc(100vh - 80px);flex-direction:column;align-items:flex-start;padding:24px;box-shadow:-2px 0 10px rgba(0,0,0,.1);transition:right .3s ease;z-index:100;overflow-y:auto}.header-actions.menu-open{right:0}.header-actions button,.header-auth{margin:10px 0;width:100%}.header-actions button{margin-right:0!important}.projects-dropdown{position:static;width:100%}.projects-dropdown .btn-primary{width:100%;text-align:left}.projects-dropdown-menu{position:static;box-shadow:none;border:none;border-radius:0;padding:0 0 0 8px;margin:0;max-height:none;background:transparent}.projects-dropdown-item{padding:8px 12px;border-radius:8px}.mobile-menu-footer,.projects-dropdown-new{border-top:1px solid var(--border-color)}.mobile-menu-footer{margin-top:24px;padding-top:24px;width:100%;overflow-y:auto;z-index:1000000}.mobile-menu-footer .site-footer{padding:0;border-top:none;margin-top:0}.mobile-menu-footer .footer-content{display:flex;flex-direction:column;gap:20px}.mobile-menu-footer .footer-column{width:100%}}@media (min-width:771px){.mobile-menu-footer{display:none}.header-actions.menu-open .mobile-menu-footer{display:block;position:absolute;top:80px;right:0;width:300px;background-color:var(--menu-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:24px;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:0 0 0 10px;z-index:100000;max-height:80vh;overflow-y:auto}.header-actions.menu-open .mobile-menu-footer .site-footer{padding:0;border-top:none;margin-top:0}.header-actions.menu-open .mobile-menu-footer .footer-content{display:flex;flex-direction:column;gap:20px}}.error-message{color:#dc3545;font-size:.875rem;margin-top:4px;display:flex;align-items:center;gap:6px}.error-message i{font-size:14px}.error-message.form-error{background-color:rgba(220,53,69,.1);padding:10px;border-radius:6px;margin-bottom:16px}.form-group input.error,.form-group textarea.error{border-color:#dc3545;box-shadow:0 0 0 1px #dc3545}.character-count{text-align:right;font-size:.75rem;color:var(--text-secondary);margin-top:4px}.mcp-page-content{margin:120px 0 60px}.mcp-intro{max-width:800px;margin:0 0 40px;font-size:18px;line-height:1.6}.mcp-button-group{display:flex;gap:16px;justify-content:left;flex-wrap:wrap;margin-bottom:20px}.mcp-button-large{font-size:18px;padding:16px 32px;text-decoration:none;display:inline-flex;align-items:center}.mcp-button-large i{margin-right:8px}.mcp-section-title{font-size:32px;font-weight:700;margin-bottom:32px}.mcp-feature-boxes{max-width:1300px;margin:0 auto 60px}.mcp-config-section,.mcp-config-section#mcp-config{margin:60px auto}.mcp-config-intro{max-width:800px;margin:0 0 40px;font-size:18px;line-height:1.6}.mcp-config-intro a{color:var(--accent-color)}.mcp-accordion-container{max-width:800px}.mcp-accordion-item{border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;overflow:hidden}.mcp-accordion-summary{padding:20px;background-color:var(--card-bg);cursor:pointer;font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px}.mcp-accordion-summary i{color:var(--accent-color)}.mcp-accordion-content{padding:20px;background-color:var(--bg-secondary)}.mcp-accordion-content p{margin-bottom:16px}.mcp-install-button{margin-bottom:20px}.mcp-deeplink-info{font-size:14px;color:var(--text-secondary)}.mcp-deeplink-code{background-color:var(--code-bg);padding:4px 8px;border-radius:4px;font-size:12px;word-break:break-all}.mcp-config-code{background-color:var(--code-bg);padding:16px;border-radius:8px;font-size:14px;overflow:auto;border:1px solid var(--border-color)}.mcp-api-key-note{font-size:14px;color:var(--text-secondary);margin-top:12px}.mcp-inline-code{background-color:var(--code-bg);padding:2px 4px;border-radius:3px}.mcp-blockchain-section{margin:60px auto;padding:40px}.mcp-blockchain-title{font-size:28px;margin-bottom:20px}.mcp-blockchain-intro{font-size:18px;line-height:1.6}.mcp-blockchain-grid{display:flex;margin-top:30px;flex-wrap:wrap;gap:20px}.mcp-blockchain-column{flex:1 1 200px;min-width:0}.mcp-blockchain-column h3{margin-bottom:16px}.mcp-blockchain-column ul{padding-left:20px}.mcp-cta-section{text-align:center;margin:60px 0;padding:0 20px}.mcp-cta-title{font-size:32px;font-weight:700;margin-bottom:24px}.mcp-cta-description{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto 32px}.mcp-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media (max-width:768px){.mcp-page-content{margin:100px 0 40px}.mcp-section-title{font-size:28px;margin-bottom:24px}.mcp-button-group{justify-content:center}.mcp-blockchain-section{padding:20px}.mcp-blockchain-grid,.mcp-cta-buttons{flex-direction:column}.mcp-cta-buttons{align-items:center}.mcp-button-large{width:100%;justify-content:center}}.mcp-hero-video-section{margin:40px 0;display:flex;justify-content:center;align-items:center}.mcp-hero-video{width:100%;max-width:1280px;height:auto;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.12);aspect-ratio:16/9;object-fit:cover}@media (max-width:768px){.mcp-hero-video-section{margin:24px 0}.mcp-hero-video{border-radius:12px}}.poster-hero{padding:72px 0 16px}.poster-badge{display:inline-block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-color);border:1px solid var(--accent-color);border-radius:999px;padding:4px 14px;margin-bottom:16px}.poster-validated{font-size:15px;font-weight:500;color:var(--text-secondary);margin-bottom:16px;letter-spacing:.02em}.poster-validated span.poster-validated-rocket{font-size:24px;vertical-align:middle;margin-right:4px}.poster-validated>span:last-of-type{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700;color:var(--text-primary)}.poster-hero h1{font-size:clamp(2.2rem,5.5vw,4rem);line-height:1.08;letter-spacing:-.03em;margin-bottom:20px}.poster-sub{font-size:18px;color:var(--text-secondary);line-height:1.55;max-width:600px;margin-bottom:16px}.section-heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:-.025em;text-align:center;color:var(--text-primary);margin-bottom:50px}.showcase-section{width:100%;margin-top:80px}.showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.showcase-card{background:hsl(var(--card));border-radius:20px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--border-color)}.showcase-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(0,0,0,.1)}.showcase-img-wrap{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--surface-color)}.showcase-img-wrap img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.showcase-info{padding:16px 20px 20px}.showcase-info h3{font-size:16px;font-weight:600;margin-bottom:4px}.showcase-info p{font-size:13px;color:var(--text-secondary);line-height:1.45}@media (max-width:768px){.showcase-grid{grid-template-columns:1fr;gap:12px}.showcase-section{margin-top:56px}}.faq-section{width:100%;max-width:680px;margin:80px auto 16px}.faq-item{display:block;width:100%;text-align:left;background:hsl(var(--card));border:1px solid var(--border-color);border-radius:16px;padding:0;margin-bottom:10px;cursor:pointer;transition:box-shadow .2s ease;font-family:inherit;color:inherit}.faq-item:hover{box-shadow:0 4px 12px rgba(0,0,0,.05)}.faq-question{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;font-size:15px;font-weight:500;line-height:1.4;gap:16px}.faq-chevron{font-size:20px;font-weight:300;flex-shrink:0}.faq-answer,.faq-chevron{color:var(--text-secondary)}.faq-answer{padding:0 24px 20px;font-size:14px;line-height:1.6}.faq-open{box-shadow:0 4px 12px rgba(0,0,0,.05)}.bottom-cta{width:100%;text-align:center;margin:80px 0 40px;padding:48px 24px}.bottom-cta-sub{font-size:16px;color:var(--text-secondary);margin-bottom:24px}.btn-cta-bottom{font-size:16px;padding:14px 36px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;grid-gap:16px;gap:16px;width:100%;margin-top:32px;margin-bottom:60px}.bento-card{background:hsl(var(--card));border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;border:none}.bento-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.bento-video{grid-column:3;grid-row:1/3;padding:0;min-height:300px}.bento-video video{width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}.bento-stats{align-items:unset;background:transparent;border:none;padding:0}.bento-hiw-card,.bento-stats{grid-column:1;grid-row:1;display:flex}.bento-hiw-card{flex-direction:row;gap:16px;cursor:pointer;overflow:hidden}.bento-hiw-text{flex:1 1;min-width:0}.bento-headline{font-size:21px;font-weight:600;margin-bottom:8px}.bento-desc{font-size:16px;color:var(--text-secondary);line-height:1.5}.bento-hiw-thumb{flex-shrink:0;width:48%}.bento-hiw-img{width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.07);border:none}.bento-hiw-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:9999}.bento-hiw-modal{position:relative;max-width:700px;width:90%;background:#fff;border-radius:12px;overflow:hidden;padding:32px}@media (prefers-color-scheme:dark){.bento-hiw-modal{background:#1a1a1a}}.bento-hiw-modal-img{width:100%;height:auto;display:block;border-radius:6px}.bento-hiw-img-dark{display:none}@media (prefers-color-scheme:dark){.bento-hiw-img-light{display:none}.bento-hiw-img-dark{display:block}}.bento-hiw-modal-close{position:absolute;top:10px;right:12px;background:rgba(0,0,0,.4);color:#fff;border:none;border-radius:50%;width:28px;height:28px;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1}.bento-stats:hover{transform:none;box-shadow:none}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;width:100%}.stat-item{text-align:center;background:hsl(var(--card));border:none;border-radius:14px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-value{font-size:1.5rem;font-weight:700;line-height:1.2;letter-spacing:-.02em}.odometer-numbers,.odometer-numbers span,.stat-value{font-variant-numeric:tabular-nums slashed-zero;font-feature-settings:"liga" 1,"calt" 1,"zero" 1,tabular-nums slashed-zero}.stat-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.bento-features{grid-column:2;grid-row:1}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;font-size:16px;color:var(--text-secondary)}.feature-check{color:var(--accent-color);margin-right:8px}.bento-steps{grid-column:1/3;grid-row:2;display:flex;flex-direction:column;justify-content:center}.steps-label{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.steps-row{display:flex;gap:24px;align-items:flex-start;width:100%}.step-item{flex:1 1;display:flex;flex-direction:column;gap:6px;position:relative;padding-top:0}.step-num{position:absolute;top:-14px;left:0;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-color)}.step-title{font-size:30px;font-weight:600;letter-spacing:-.01em}.step-desc{font-size:16px;color:var(--text-secondary);line-height:1.5}.bento-steps-only{width:100%;max-width:800px;margin:32px auto 0;background:hsla(0,0%,100%,.5);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:none;border-radius:16px;padding:28px 32px}@media (prefers-color-scheme:dark){.bento-steps-only{background:#00000022}}@media (max-width:768px){.bento-steps-only{padding:20px 16px}.bento-steps-only .steps-row{flex-direction:column}}.screenshot-showcase{display:flex;gap:24px;justify-content:center;margin-top:32px}.screenshot-showcase img{max-width:600px;width:100%;height:auto;border-radius:8px}.screenshot-dark{display:none}@media (prefers-color-scheme:dark){.screenshot-light{display:none}.screenshot-dark{display:block}}@media (max-width:768px){.screenshot-showcase{margin-top:24px}}.bento-trust{grid-column:1;grid-row:3;display:flex;flex-direction:column}.trust-headline{font-size:21px;font-weight:600;margin-bottom:8px}.trust-desc{font-size:16px;color:var(--text-secondary);line-height:1.5;margin-bottom:12px}.trust-badge{display:inline-flex;align-items:center;gap:6px;font-size:16px;color:var(--accent-color)}.trust-image{margin-top:auto;margin-bottom:-24px;text-align:center}.trust-image img{width:90%;height:auto;display:block;margin:0 auto}@media (prefers-color-scheme:dark){.trust-image img{filter:invert(1) saturate(.2)}}.bento-quote{display:flex;flex-direction:column;justify-content:space-between;background:var(--surface)}.bento-quote blockquote{letter-spacing:-.003em;line-height:32px;font-size:20px;font-style:italic;margin:0;color:var(--text-color)}.bento-quote cite{font-size:16px;color:var(--text-secondary);font-style:normal;text-align:right;margin-top:auto;padding-top:12px}@media (max-width:900px){.bento-grid{grid-template-columns:1fr 1fr}.bento-video{grid-column:1/3;grid-row:auto;min-height:220px}.bento-hiw-card,.bento-stats{grid-column:1;grid-row:auto}.bento-features{grid-column:2;grid-row:auto}.bento-steps,.bento-trust{grid-column:1/3;grid-row:auto}.bento-quote{grid-column:auto;grid-row:auto}}@media (max-width:600px){.bento-grid{grid-template-columns:1fr;gap:12px}.bento-features,.bento-hiw-card,.bento-quote,.bento-stats,.bento-steps,.bento-trust,.bento-video{grid-column:1;grid-row:auto}.bento-video{min-height:200px}.steps-row{flex-direction:column;gap:16px}}.poster-mode .feature-boxes{display:none}.poster-mode .bento-grid{margin-bottom:20px}.project-cta-section{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;max-width:480px;margin:0 auto}.project-cta-row{display:flex;gap:12px;justify-content:center}.project-cta-row .btn-primary,.project-cta-row .btn-secondary{padding:14px 32px;font-size:16px}.project-cta-info{color:var(--text-secondary);font-size:13px;text-align:center;margin:0}.chat-page-v2{min-height:100vh;background-color:var(--bg-color);background-image:var(--bg-image);background-size:auto 1600px;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-color)}.chat-page-content{margin-top:80px;min-height:calc(100vh - 80px);padding:16px 16px 16px calc(400px + 32px)}.chat-pane{position:fixed;top:96px;left:16px;width:400px;height:calc(100vh - 112px);background:var(--surface);border-radius:20px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;overflow:hidden;z-index:10}.chat-pane-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.chat-pane-title{display:flex;align-items:center;gap:10px}.chat-pane-name{font-size:15px;font-weight:600;color:var(--text-heading)}.chat-stage-badge{padding:2px 8px;border-radius:9999px;font-size:11px;font-weight:500;background:var(--surface-inset);color:var(--text-secondary);border:1px solid var(--border-medium)}.chat-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.dot-connected{background:#22c55e}.dot-connecting{background:var(--accent-color);animation:blink 1.5s infinite}.chat-messages{flex:1 1;overflow-y:auto;padding:16px}.scroll-down-btn{position:absolute;bottom:80px;left:50%;transform:translateX(-50%);width:32px;height:32px;border-radius:50%;border:1px solid var(--border-medium);background:var(--surface);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s,background .2s;z-index:5;box-shadow:0 2px 8px rgba(0,0,0,.1)}.scroll-down-btn:hover{opacity:1}.chat-msg,.scroll-down-btn:hover{background:var(--surface-secondary)}.chat-msg{margin-bottom:12px;padding:10px 14px;border-radius:10px;line-height:1.5;font-size:14px}.chat-msg-user{background:var(--surface-tertiary)}.chat-msg-error{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15)}.chat-msg-system{background:transparent;border:1px solid var(--border-medium);font-size:13px;color:var(--text-muted)}.sandbox-startup-status{display:flex;align-items:center;gap:14px;padding:20px 16px;margin-bottom:8px}.startup-spinner{width:18px;height:18px;border:2.5px solid var(--border-medium);border-top-color:var(--accent-color);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(1turn)}}.startup-message{font-size:14px;color:var(--text-muted);animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg-label{font-size:11px;color:var(--text-muted);margin-bottom:4px;font-weight:500}.chat-msg-error .chat-msg-label{color:#ef4444}.chat-msg p{margin:0 0 8px}.chat-msg p:last-child{margin-bottom:0}.chat-msg h1{font-size:1.1em;margin:10px 0 4px;font-weight:600}.chat-msg h2{font-size:1em;margin:8px 0 4px;font-weight:600}.chat-msg h3{font-size:.95em;margin:6px 0 3px;font-weight:600}.chat-msg h4,.chat-msg h5,.chat-msg h6{font-size:.9em;margin:6px 0 3px;font-weight:600}.chat-msg h1:first-child,.chat-msg h2:first-child,.chat-msg h3:first-child,.chat-msg h4:first-child{margin-top:0}.chat-msg h1 strong,.chat-msg h2 strong,.chat-msg h3 strong,.chat-msg h4 strong,.chat-msg h5 strong,.chat-msg h6 strong{font-weight:inherit}.chat-msg ol,.chat-msg ul{margin:4px 0;padding-left:24px}.chat-msg li{margin-bottom:2px}.chat-msg a{color:var(--accent-color);text-decoration:none}.chat-msg a:hover{text-decoration:underline}.chat-msg code{padding:1px 4px;border-radius:3px;font-size:.9em}.chat-msg code,.chat-msg pre{background:var(--surface-code)}.chat-msg pre{padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.chat-msg pre code{background:none;padding:0}.chat-cursor{opacity:.5;animation:blink 1s infinite}.thinking-dots{display:flex;gap:4px;padding:4px 0}.thinking-dots span{width:6px;height:6px;border-radius:50%;background:var(--text-muted);animation:thinking-bounce 1.2s ease-in-out infinite}.thinking-dots span:nth-child(2){animation-delay:.15s}.thinking-dots span:nth-child(3){animation-delay:.3s}@keyframes thinking-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.chat-input-bar{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--border-subtle)}.chat-input-bar textarea{padding:12px 14px;background:var(--surface-secondary);border:1px solid var(--border-medium);border-radius:10px;color:var(--text-heading);font-size:14px;outline:none;font-family:inherit;transition:border-color .2s;resize:none;overflow-y:auto;min-height:42px;max-height:150px;line-height:1.4}.chat-input-bar textarea:focus{border-color:var(--accent-color)}.chat-input-bar textarea::placeholder{color:var(--text-faint)}.chat-input-bar>button{position:relative;padding:12px 24px;background:var(--text-heading);color:var(--surface);border:none;border-radius:10px;font-weight:500;cursor:pointer;font-size:14px;transition:background .2s,transform .2s}.chat-input-bar>button:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.chat-input-bar>button:disabled{opacity:.4;cursor:not-allowed}.chat-input-bar>button.stop-btn{background:#dc3545;padding:12px 16px;display:flex;align-items:center;justify-content:center}.chat-input-bar>button.stop-btn:hover{background:#c82333;transform:translateY(-1px)}.chat-input-bar>button.send-ready{overflow:visible}.chat-input-bar>button.send-ready:before{content:"";position:absolute;inset:-2px;border-radius:12px;padding:2px;background:conic-gradient(from var(--trail-angle,0deg),transparent 0deg,transparent 250deg,#eeb34355 280deg,#eeb343 320deg,#f0c96c 345deg,transparent 1turn);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:trail-spin 2.5s linear infinite;pointer-events:none}@property --trail-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes trail-spin{to{--trail-angle:360deg}}.chat-input-wrap{flex:1 1;position:relative}.chat-input-wrap textarea{width:100%;padding-right:32px}.attach-btn{position:absolute;right:17px;bottom:17px;width:20px;height:20px;background:none;border:none;padding:0;cursor:pointer;color:var(--text-faint);opacity:.35;transition:opacity .2s;display:flex;align-items:center;justify-content:center;line-height:1}.attach-btn:hover:not(:disabled){opacity:.7}.attach-btn:disabled{opacity:.15;cursor:not-allowed}.attachment-preview{display:flex;gap:8px;padding:8px 16px 0;overflow-x:auto;flex-shrink:0}.attachment-thumb{position:relative;width:64px;min-width:64px;display:flex;flex-direction:column;align-items:center;gap:4px}.attachment-thumb img,.attachment-thumb video{object-fit:cover}.attachment-icon,.attachment-thumb img,.attachment-thumb video{width:64px;height:52px;border-radius:6px;background:var(--surface-secondary)}.attachment-icon{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:var(--text-faint)}.attachment-name{font-size:10px;color:var(--text-faint);max-width:64px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;border-radius:50%;border:none;background:var(--text-heading);color:var(--surface);font-size:13px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;padding:0}.attachment-remove:hover{opacity:.8}.chat-msg-uploads{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-faint);margin-top:4px}.chat-msg-uploads svg{flex-shrink:0;opacity:.6}.product-canvas{flex:1 1;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;align-content:start}.canvas-card{position:relative;background:var(--surface);border-radius:20px;box-shadow:var(--shadow-card);overflow:hidden;aspect-ratio:3/2}.canvas-card-inner{position:absolute;inset:0;padding:20px;display:flex;flex-direction:column}.canvas-card.card-wide{grid-column:span 2;aspect-ratio:3/1}.canvas-card.card-tall{grid-row:span 2;aspect-ratio:auto}.canvas-card.card-large{grid-column:span 2;grid-row:span 2;aspect-ratio:3/2}.card-large .canvas-card-items:not(.canvas-items-flex){display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 16px;gap:8px 16px}.canvas-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.canvas-card-name{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.canvas-card-tabs{display:flex;align-items:center;gap:2px;margin:0 auto 0 12px;overflow-x:auto;scrollbar-width:none}.canvas-card-tabs::-webkit-scrollbar{display:none}.canvas-tab{padding:2px 8px;font-size:11px;font-weight:500;color:var(--text-faint);background:none;border:1px solid transparent;border-radius:4px;cursor:pointer;white-space:nowrap;transition:all .15s}.canvas-tab:hover{color:var(--text-muted);background:var(--surface-inset)}.canvas-tab-active{color:var(--text-heading);background:var(--surface-inset);border-color:var(--border-medium)}.canvas-card-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.canvas-skill-btn{padding:4px 10px;font-size:11px;background:var(--surface-inset);border:1px solid var(--border-medium);border-radius:6px;color:var(--text-body);cursor:pointer;font-weight:500;transition:all .15s}.canvas-skill-btn:hover{background:var(--surface-tertiary);color:var(--text-heading)}.canvas-menu-btn{background:none;border:none;color:var(--text-faint);cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center}.canvas-menu-btn:hover{color:var(--text-muted);background:var(--surface-inset)}.canvas-card-body{flex:1 1;overflow-y:auto;overflow-x:hidden;min-height:0;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) transparent}.canvas-card-body::-webkit-scrollbar{width:4px}.canvas-card-body::-webkit-scrollbar-track{background:transparent}.canvas-card-body::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}.canvas-card-body::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.canvas-card-empty{color:var(--text-faint);font-size:13px;padding:20px 0;text-align:center}.canvas-card-items{display:flex;flex-direction:column;gap:6px}.canvas-items-flex{gap:16px}.card-wide .canvas-card-items:not(.canvas-items-flex){display:grid;grid-template-columns:1fr 1fr;grid-gap:8px 16px;gap:8px 16px}.canvas-flex-full{display:flex;flex-direction:column;gap:16px}.canvas-flex-split{display:grid;grid-template-columns:7fr 3fr;grid-gap:16px;gap:16px;overflow:hidden}.canvas-flex-md{display:flex;flex-direction:column;gap:16px;overflow:hidden}.canvas-flex-images{display:flex;flex-direction:column;gap:8px}.canvas-flex-image-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.canvas-flex-image-grid .canvas-item-image img{max-height:120px}.canvas-card:not(.card-wide):not(.card-large) .canvas-item-image{display:flex;flex-direction:row;align-items:center;width:100%;gap:10px}.canvas-card:not(.card-wide):not(.card-large) .canvas-item-image img{width:72px;height:48px;max-height:48px;flex-shrink:0;border-radius:6px;object-fit:cover}.canvas-card:not(.card-wide):not(.card-large) .canvas-item-image-label{background:none;padding:0;font-size:13px;color:var(--text-body)}.canvas-item-1line{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:13px;color:var(--text-body);border-bottom:1px solid var(--border-subtle)}.canvas-item-1line:last-child{border-bottom:none}.canvas-item-text{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-item-time{font-size:11px;color:var(--text-faint);flex-shrink:0}.canvas-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.dot-error{background:#ef4444}.dot-done{background:#22c55e}.dot-default{background:var(--accent-color)}.todo-done-items{display:none}.todo-done-items.todo-done-expanded{display:block}.todo-history-toggle{display:flex;align-items:center;gap:4px;padding:4px 0;cursor:pointer;opacity:.5;font-size:11px;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom:1px solid var(--border-subtle)}.todo-history-toggle:hover{opacity:.8}.todo-history-label{color:var(--text-secondary)}.todo-history-arrow{font-size:9px;transition:transform .15s}.todo-history-arrow.todo-arrow-open{transform:rotate(90deg)}.canvas-item-2line{padding:8px 0;border-bottom:1px solid var(--border-subtle)}.canvas-item-2line:last-child{border-bottom:none}.canvas-item-title{font-size:14px;font-weight:500;color:var(--text-heading);margin-bottom:2px}.canvas-item-subtitle{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.canvas-item-filelist{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-subtle)}.canvas-item-filelist:last-child{border-bottom:none}.canvas-item-clickable{cursor:pointer;transition:background .15s}.canvas-item-clickable:hover{background:var(--border-overlay)}.canvas-item-filename{font-size:14px;color:var(--text-body);font-weight:500}.canvas-item-date{font-size:12px;color:var(--text-faint)}.canvas-item-flex{font-size:14px;line-height:1.6;color:var(--text-body)}.canvas-item-flex h1{font-size:16px;margin:0 0 8px;color:var(--text-heading)}.canvas-item-flex h2{font-size:14px;margin:12px 0 6px;color:var(--text-heading)}.canvas-item-flex h3{font-size:13px;margin:10px 0 4px;color:var(--text-body)}.canvas-item-flex p{margin:0 0 8px}.canvas-item-flex p:last-child{margin-bottom:0}.canvas-item-flex ol,.canvas-item-flex ul{margin:4px 0;padding-left:20px}.canvas-item-flex li{margin-bottom:2px}.canvas-item-flex code{background:var(--surface-tertiary);padding:1px 4px;border-radius:3px;font-size:.9em}.canvas-item-flex table{width:100%;border-collapse:collapse;font-size:13px;margin:8px 0}.canvas-item-flex td,.canvas-item-flex th{padding:6px 8px;border:1px solid var(--border-medium);text-align:left}.canvas-item-flex th{background:var(--surface-secondary);font-weight:600}.canvas-item-flex a{color:var(--accent-color)}.card-menu{position:absolute;top:48px;right:16px;background:var(--surface);border-radius:12px;box-shadow:var(--shadow-elevated);z-index:50;min-width:140px;padding:6px 0;overflow:hidden}.card-menu button{display:block;width:100%;text-align:left;padding:8px 16px;font-size:13px;border:none;background:none;color:var(--text-body);cursor:pointer;font-family:inherit}.card-menu button:hover{background:var(--surface-inset)}.card-menu-sep{height:1px;background:var(--border-subtle);margin:4px 0}.canvas-card-images{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.canvas-item-image{width:100%;cursor:pointer;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle);transition:transform .15s,box-shadow .15s}.canvas-item-image:hover{transform:scale(1.02);box-shadow:0 2px 12px rgba(0,0,0,.1)}.canvas-item-image img{width:100%;max-height:150px;display:block;object-fit:cover}.canvas-item-image-label{display:block;padding:4px 8px;font-size:11px;color:var(--text-muted);background:var(--surface-secondary)}.canvas-item-video{width:100%;cursor:pointer;border-radius:8px;overflow:hidden;border:1px solid var(--border-subtle);transition:transform .15s,box-shadow .15s;position:relative}.canvas-item-video:hover{transform:scale(1.02);box-shadow:0 2px 12px rgba(0,0,0,.1)}.canvas-item-video video{width:100%;max-height:150px;display:block;object-fit:cover;pointer-events:none}.canvas-video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);width:40px;height:40px;background:rgba(0,0,0,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff;pointer-events:none}.canvas-item-video:hover .canvas-video-play-overlay{background:rgba(0,0,0,.7)}.canvas-card:not(.card-wide):not(.card-large) .canvas-item-video{display:flex;flex-direction:row;align-items:center;width:100%;gap:10px}.canvas-card:not(.card-wide):not(.card-large) .canvas-item-video video{width:72px;height:48px;max-height:48px;flex-shrink:0;border-radius:6px;object-fit:cover}.canvas-card:not(.card-wide):not(.card-large) .canvas-item-video .canvas-video-play-overlay{width:24px;height:24px;font-size:10px;left:36px;top:50%;transform:translate(-50%,-50%)}.canvas-flex-image-grid .canvas-item-video video{max-height:120px}.lightbox-overlay{position:fixed;inset:0;background:rgba(0,0,0,.75);z-index:1000;display:flex;align-items:center;justify-content:center;cursor:pointer}.lightbox-content{position:relative;max-width:90vw;max-height:90vh;cursor:default}.lightbox-content img{max-width:90vw;max-height:85vh;border-radius:12px;display:block;object-fit:contain}.lightbox-close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;border-radius:50%;background:var(--surface);border:none;font-size:20px;line-height:1;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.2);color:var(--text-body);display:flex;align-items:center;justify-content:center}.lightbox-close:hover{background:var(--surface-tertiary)}.lightbox-caption{text-align:center;color:#ddd;font-size:14px;margin-top:10px}.lightbox-markdown{background:var(--surface);border-radius:16px;max-width:700px;width:90vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.lightbox-md-title{padding:20px 24px 12px;font-size:18px;font-weight:600;color:var(--text-heading);border-bottom:1px solid var(--border-subtle)}.lightbox-md-body{padding:16px 24px 24px;overflow-y:auto;font-size:14px;line-height:1.7;color:var(--text-body)}.lightbox-md-body h1{font-size:1.3em;margin:16px 0 8px}.lightbox-md-body h2{font-size:1.15em;margin:14px 0 6px}.lightbox-md-body h3{font-size:1.05em;margin:12px 0 4px}.lightbox-md-body p{margin:0 0 10px}.lightbox-md-body ol,.lightbox-md-body ul{margin:6px 0;padding-left:24px}.lightbox-md-body li{margin-bottom:4px}.lightbox-md-body table{width:100%;border-collapse:collapse;font-size:13px;margin:10px 0}.lightbox-md-body td,.lightbox-md-body th{padding:8px 10px;border:1px solid var(--border-medium);text-align:left}.lightbox-md-body th{background:var(--surface-secondary);font-weight:600}.lightbox-md-body code{background:var(--surface-tertiary);padding:1px 4px;border-radius:3px;font-size:.9em}.lightbox-md-body pre{background:var(--surface-inset);padding:12px;border-radius:6px;overflow-x:auto;margin:8px 0}.lightbox-md-body pre code{background:none;padding:0}.lightbox-md-body a{color:var(--accent-color);text-decoration:none}.lightbox-md-body a:hover{text-decoration:underline}.lightbox-md-body h1 strong,.lightbox-md-body h2 strong,.lightbox-md-body h3 strong{font-weight:inherit}.chat-credits-badge{font-size:12px;font-weight:400;color:var(--text-muted);margin-left:6px}.blox-info-card{background:var(--surface-accent-subtle);border:none;box-shadow:var(--shadow-card)}.blox-credits-topright{position:absolute;top:15px;right:22px;display:flex;flex-direction:column;align-items:flex-end}.blox-credits-number{font-size:2.6rem;font-weight:700;line-height:1;color:var(--text-heading)}.blox-credits-label{font-size:12px;font-weight:400;color:var(--text-secondary)}.blox-info-content{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:0;height:100%}.blox-info-logo{height:50px;width:auto;object-fit:contain}.blox-info-status{display:flex;flex-direction:column;gap:6px;width:100%}.blox-status-text{font-size:13px;font-weight:600;color:var(--text-heading)}.blox-info-desc{font-size:12px;color:var(--text-secondary);line-height:1.4;margin:0}.blox-info-btn{padding:6px 14px;border:none;border-radius:6px;background:var(--text-heading);color:var(--surface);font-size:12px;font-weight:600;cursor:pointer;transition:opacity .15s}.blox-info-btn:hover{opacity:.85}.blox-topup-options{display:flex;gap:6px;margin-top:4px}.blox-topup-btn{flex:1 1;padding:6px 0;border:none;border-radius:6px;background:var(--text-heading);color:var(--surface);font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;transition:opacity .15s}.blox-topup-btn:hover{opacity:.85}.blox-topup-btn:disabled{opacity:.5;cursor:not-allowed}.blox-info-link{font-size:12px;color:var(--text-heading);text-decoration:underline;text-underline-offset:2px;margin-top:auto}.subscribe-cta-card,.topup-cta-card{border:2px solid var(--accent-color);background:var(--surface-accent-gradient)}.cta-card-text{font-size:13px;color:var(--text-body);margin:0 0 12px;line-height:1.4}.cta-card-btn{width:100%;padding:10px 16px;border:none;border-radius:8px;background:var(--accent-color);color:var(--text-on-accent);font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s}.cta-card-btn:hover{opacity:.85}.subscribe-modal h2{font-size:22px;font-weight:700;margin:0 0 4px}.subscribe-modal-subtitle{font-size:14px;color:var(--text-muted);margin:0 0 20px}.subscribe-features{list-style:none;padding:0;margin:0 0 24px}.subscribe-features li{font-size:14px;padding:6px 0;color:var(--text-body);display:flex;align-items:center;gap:8px}.feature-check{color:#22c55e;font-weight:700;font-size:16px}.subscribe-pricing{background:var(--surface-secondary);border-radius:12px;padding:16px;margin-bottom:20px}.subscribe-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.subscribe-select{width:100%;padding:10px 12px;border:1px solid var(--border-medium);border-radius:8px;font-size:14px;background:var(--surface);color:var(--text-body);cursor:pointer;margin-bottom:12px}.subscribe-total{display:flex;justify-content:space-between;align-items:baseline}.subscribe-total-label{font-size:14px;color:var(--text-secondary)}.subscribe-total-price{font-size:28px;font-weight:700;color:var(--text-heading)}.subscribe-credits-info{font-size:12px;color:var(--text-muted);text-align:right;margin-top:2px}.subscribe-bonus{color:var(--accent-color);font-weight:600}.subscribe-cta-btn{width:100%;padding:14px 20px;border:none;border-radius:10px;background:var(--accent-color);color:var(--text-on-accent);font-size:16px;font-weight:700;cursor:pointer;transition:opacity .15s}.subscribe-cta-btn:hover{opacity:.85}.subscribe-cta-btn:disabled{opacity:.5;cursor:not-allowed}.pending-modal h2{font-size:18px;font-weight:700;margin:0 0 12px}.pending-modal p{font-size:14px;color:var(--text-secondary);line-height:1.5;margin:0 0 20px}.ad-deposit-modal h2{font-size:22px;font-weight:700;margin:0 0 4px}.ad-deposit-subtitle{font-size:14px;color:var(--text-muted);margin:0 0 20px}.ad-deposit-balance{font-size:14px;color:var(--text-body);margin-bottom:16px;padding:10px 14px;background:var(--surface-success);border-radius:8px}.ad-deposit-slider-wrap{margin-bottom:20px}.ad-deposit-slider{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;border-radius:3px;background:var(--border-medium);outline:none;margin:8px 0}.ad-deposit-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent-color);cursor:pointer;border:2px solid var(--surface);box-shadow:0 1px 4px rgba(0,0,0,.2)}.ad-deposit-amount{font-size:28px;font-weight:700;text-align:center;margin-top:4px}.ad-deposit-breakdown{background:var(--surface-secondary);border-radius:12px;padding:14px 16px;margin-bottom:20px}.ad-deposit-row{display:flex;justify-content:space-between;font-size:14px;padding:4px 0;color:var(--text-body)}.ad-deposit-fee{font-size:12px;color:var(--text-muted)}.blox-ad-budget-box{background-color:var(--border-overlay);padding:10px;border-radius:15px;width:100%;display:flex;align-items:center;justify-content:space-between}.blox-ad-budget{font-size:12px;color:var(--text-heading);font-weight:600}@media (max-width:1200px){.chat-pane{width:340px}.chat-page-content{padding-left:calc(340px + 32px)}.product-canvas{grid-template-columns:repeat(2,1fr);gap:12px}.canvas-card.card-wide{aspect-ratio:3/1}.canvas-card.card-large{grid-column:span 2;grid-row:span 2;aspect-ratio:3/2}.canvas-card-inner{padding:12px}.canvas-card-header{margin-bottom:6px}.canvas-card-name{font-size:10px;letter-spacing:.3px}.canvas-skill-btn{font-size:9px;padding:2px 6px}.canvas-menu-btn svg{width:12px;height:12px}.canvas-item-1line{font-size:11px;padding:4px 0}.canvas-item-time{font-size:9px}.canvas-item-2line{padding:5px 0}.canvas-item-title{font-size:11px}.canvas-item-subtitle{font-size:10px}.canvas-item-filelist{padding:5px 0}.canvas-item-filename{font-size:11px}.canvas-item-date{font-size:10px}.canvas-item-flex{font-size:11px;line-height:1.4}.canvas-item-flex h1{font-size:13px;margin:0 0 4px}.canvas-item-flex h2{font-size:11px;margin:8px 0 3px}.canvas-item-flex h3{font-size:10px;margin:6px 0 2px}.canvas-item-flex p{margin:0 0 4px}.canvas-item-flex ol,.canvas-item-flex ul{padding-left:14px}.canvas-item-flex table{font-size:10px}.canvas-item-flex td,.canvas-item-flex th{padding:3px 5px}.canvas-card-empty{font-size:11px;padding:10px 0}.canvas-dot{width:5px;height:5px}}@media (max-width:768px){.chat-page-content{display:none}.mobile-tabs-container{display:flex;flex-direction:column;height:calc(100vh - 80px);margin-top:80px;overflow:hidden}.mobile-tab-content{flex:1 1;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-tab-panel{height:100%}.mobile-tab-chat{display:flex;flex-direction:column;height:100%}.mobile-chat-pane{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:100%!important;border-radius:0!important;box-shadow:none!important;min-height:0}.mobile-tab-subscription{padding:16px}.mobile-tab-subscription .blox-info-card{aspect-ratio:auto;height:auto;min-height:200px}.mobile-tab-subscription .canvas-card-inner{position:relative;inset:auto}.mobile-tab-cards{padding:0;overflow-y:auto;-webkit-overflow-scrolling:touch;height:100%}.mobile-tab-cards.mobile-tab-single{overflow:hidden}.mobile-cards-grid{display:flex;flex-direction:column;gap:16px;padding:16px}.mobile-cards-grid .canvas-card,.mobile-cards-grid .canvas-card.card-large,.mobile-cards-grid .canvas-card.card-tall,.mobile-cards-grid .canvas-card.card-wide{aspect-ratio:auto;width:100%;grid-column:span 1;grid-row:span 1;min-height:200px}.mobile-cards-grid .canvas-card-inner{position:relative;inset:auto}.mobile-tab-cards.mobile-tab-single .mobile-cards-grid{padding:0;gap:0;height:100%}.mobile-tab-cards.mobile-tab-single .canvas-card{border-radius:0;box-shadow:none;height:100%;min-height:0;display:flex;flex-direction:column}.mobile-tab-cards.mobile-tab-single .canvas-card-inner{flex:1 1;min-height:0;display:flex;flex-direction:column}.mobile-tab-cards.mobile-tab-single .canvas-card-body{flex:1 1;overflow-y:auto;min-height:0}.mobile-cards-grid .canvas-flex-image-grid,.mobile-cards-grid .canvas-flex-split,.mobile-cards-grid .card-large .canvas-card-items,.mobile-cards-grid .card-wide .canvas-card-items{grid-template-columns:1fr}.mobile-bottom-nav{display:flex;justify-content:space-around;align-items:center;background:var(--surface);border-top:1px solid var(--border-subtle,#eee);padding:6px 0 max(env(safe-area-inset-bottom,6px),6px);flex-shrink:0;z-index:100}.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;color:var(--text-muted);font-size:10px;cursor:pointer;padding:4px 12px;transition:color .15s}.mobile-bottom-nav button i{font-size:18px}.mobile-bottom-nav button.active{color:var(--accent-color)}.canvas-flex-image-grid .canvas-item-image,.canvas-flex-images .canvas-item-image{display:flex;flex-direction:row;align-items:center;width:100%;gap:10px}.canvas-flex-image-grid .canvas-item-image img,.canvas-flex-images .canvas-item-image img{width:72px;height:48px;max-height:48px;flex-shrink:0;border-radius:6px;object-fit:cover}.canvas-flex-image-grid .canvas-item-image-label,.canvas-flex-images .canvas-item-image-label{background:none;padding:0;font-size:13px;color:var(--text-body)}.canvas-flex-image-grid .canvas-item-video,.canvas-flex-images .canvas-item-video{display:flex;flex-direction:row;align-items:center;width:100%;gap:10px}.canvas-flex-image-grid .canvas-item-video video,.canvas-flex-images .canvas-item-video video{width:72px;height:48px;max-height:48px;flex-shrink:0;border-radius:6px;object-fit:cover}.canvas-flex-image-grid .canvas-item-video .canvas-video-play-overlay,.canvas-flex-images .canvas-item-video .canvas-video-play-overlay{width:24px;height:24px;font-size:10px;left:36px;top:50%;transform:translate(-50%,-50%)}.canvas-card-inner{padding:20px}.canvas-card-header{margin-bottom:12px}.canvas-card-name{font-size:13px;letter-spacing:.5px}.canvas-skill-btn{font-size:11px;padding:4px 10px}.canvas-menu-btn svg{width:16px;height:16px}.canvas-item-1line{font-size:13px;padding:6px 0}.canvas-item-time{font-size:11px}.canvas-item-2line{padding:8px 0}.canvas-item-title{font-size:14px}.canvas-item-subtitle{font-size:13px}.canvas-item-filelist{padding:8px 0}.canvas-item-filename{font-size:14px}.canvas-item-date{font-size:12px}.canvas-item-flex{font-size:14px;line-height:1.6}.canvas-item-flex h1{font-size:16px;margin:0 0 8px}.canvas-item-flex h2{font-size:14px;margin:12px 0 6px}.canvas-item-flex h3{font-size:13px;margin:10px 0 4px}.canvas-item-flex p{margin:0 0 8px}.canvas-item-flex ol,.canvas-item-flex ul{padding-left:20px}.canvas-item-flex table{font-size:13px}.canvas-item-flex td,.canvas-item-flex th{padding:6px 8px}.canvas-card-empty{font-size:13px;padding:20px 0}.canvas-dot{width:6px;height:6px}.canvas-item-image{display:flex;flex-direction:row;align-items:center;width:100%;gap:10px}.canvas-item-image img{width:72px;height:48px;flex-shrink:0;border-radius:6px;object-fit:cover}.canvas-item-image-label{background:none;padding:0;font-size:13px;color:#444}.canvas-item-video{display:flex;flex-direction:row;align-items:center;width:100%;gap:10px}.canvas-item-video video{width:72px;height:48px;flex-shrink:0;border-radius:6px;object-fit:cover}.canvas-item-video .canvas-video-play-overlay{width:24px;height:24px;font-size:10px;left:36px;top:50%;transform:translate(-50%,-50%)}}@media (min-width:769px){.mobile-bottom-nav,.mobile-tabs-container{display:none}}.workflow-diagram *{margin:0;padding:0;box-sizing:border-box}.workflow-diagram{font-family:Inter,sans-serif;background:#fff;overflow:hidden;display:flex;flex-direction:column;border-radius:8px}.workflow-diagram.full-page{height:100vh}.workflow-diagram:not(.full-page){width:100%;height:100%;position:relative}.workflow-container{flex:1 1;position:relative;overflow:hidden;background:#fff;transition:flex .3s ease}.workflow-canvas{width:100%;height:100%;cursor:-webkit-grab;cursor:grab;display:block}.workflow-canvas:active{cursor:-webkit-grabbing;cursor:grabbing}.workflow-controls{position:absolute;top:20px;right:20px;display:flex;gap:5px;z-index:1000}.workflow-control-btn{width:30px;height:30px;border-radius:4px;border:none;background:hsla(0,0%,100%,.8);cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1);color:#444;font-size:14px;display:flex;align-items:center;justify-content:center;transition:background .2s}.workflow-control-btn:hover{background:hsla(0,0%,100%,.95)}.workflow-control-btn:active{transform:translateY(1px)}.workflow-control-btn.zoom-in,.workflow-control-btn.zoom-out{font-size:16px}.workflow-control-btn.fit-btn{font-size:12px}.workflow-control-btn.reset-btn{font-size:14px}.workflow-header{background:#f8f9fa;padding:12px 20px;border-bottom:1px solid #e9ecef;font-size:16px;font-weight:600;color:#333}.workflow-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#666}.workflow-spinner{width:40px;height:40px;border:4px solid #e3e3e3;border-top-color:#3498db;border-radius:50%;animation:workflow-spin 1s linear infinite;margin:0 auto 20px}@keyframes workflow-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.workflow-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#dc3545;padding:20px;background:hsla(0,0%,100%,.9);border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}.workflow-error h3{margin-bottom:10px;font-size:18px}.workflow-error p{margin-bottom:0;font-size:14px;color:#666}@media (max-width:768px){.workflow-controls{top:10px;right:10px;gap:3px}.workflow-control-btn{width:28px;height:28px;font-size:12px}.workflow-header{font-size:14px;padding:10px 15px}}@media (max-width:480px){.workflow-controls{top:8px;right:8px;gap:2px}.workflow-control-btn{width:26px;height:26px;font-size:11px}.workflow-header{font-size:13px;padding:8px 12px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.workflow-canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media (prefers-color-scheme:dark){.workflow-container,.workflow-diagram{background:#1a1a1a}.workflow-header{background:#2d2d2d;border-bottom-color:#404040;color:#e0e0e0}.workflow-control-btn{background:rgba(45,45,45,.9);color:#e0e0e0}.workflow-control-btn:hover{background:#2d2d2d}.workflow-loading{color:#ccc}.workflow-error{background:rgba(45,45,45,.95);color:#ff6b6b}.workflow-error p{color:#ccc}}.dark-theme.workflow-diagram{background:#1e1e1e;color:#e0e0e0}.dark-theme .workflow-container{background:#1e1e1e}.dark-theme .workflow-header{background:#2d2d2d;border-bottom:1px solid #555;color:#e0e0e0}.dark-theme .workflow-control-btn{background:rgba(45,45,45,.9);color:#e0e0e0;border:1px solid #555}.dark-theme .workflow-control-btn:hover{background:rgba(60,60,60,.95)}.dark-theme .workflow-control-btn:active{background:rgba(30,30,30,.95)}.dark-theme .workflow-loading{color:#b0b0b0}.dark-theme .workflow-spinner{border:4px solid #555;border-top-color:#2196f3}.dark-theme .workflow-error{background:rgba(45,45,45,.95);color:#ff6b6b;border:1px solid #555}.dark-theme .workflow-error h3{color:#ff6b6b}.dark-theme .workflow-error p{color:#b0b0b0}.dark-theme .workflow-canvas{background:#1e1e1e}.dark-theme .workflow-control-btn:focus{outline:2px solid #2196f3;outline-offset:2px}.workflow-control-btn:focus{outline:2px solid #4a90e2;outline-offset:2px}.workflow-control-btn:focus:not(:focus-visible){outline:none}@media print{.workflow-controls{display:none}.workflow-header{background:#fff!important;color:#000!important;border-bottom:1px solid #ccc!important}.workflow-diagram{height:auto!important}}.workflow-fade-in{animation:workflow-fadeIn .3s ease-in}.workflow-slide-in{animation:workflow-slideIn .3s ease-out}@keyframes workflow-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes workflow-slideIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.workflow-toolblox-btn{position:absolute;top:60px;right:20px;z-index:1000}.btn-toolblox{padding:6px 12px;border-radius:4px;border:none;background:hsla(0,0%,100%,.8);color:#444;cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:background .2s;text-decoration:none}.btn-toolblox:hover{background:hsla(0,0%,100%,.95)}.btn-toolblox:active{transform:translateY(1px)}.btn-toolblox i{font-size:11px}.dark-theme .btn-toolblox{background:rgba(45,45,45,.9);color:#e0e0e0;border:1px solid #555}.dark-theme .btn-toolblox:hover{background:rgba(60,60,60,.95)}@media (max-width:768px){.workflow-toolblox-btn{top:50px;right:10px}.btn-toolblox{padding:5px 10px;font-size:11px;gap:3px}.btn-toolblox i{font-size:10px}}@media (max-width:480px){.workflow-toolblox-btn{top:42px;right:8px}.btn-toolblox{padding:4px 8px;font-size:10px;gap:2px}.btn-toolblox i{font-size:9px}}.transition-details-panel{position:fixed;bottom:0;left:0;right:0;height:40%;background:#f9f9f9;border-top:1px solid #e0e0e0;transform:translateY(100%);transition:transform .3s ease;z-index:2000;overflow:hidden;display:flex;flex-direction:column}.transition-details-panel.visible{transform:translateY(0)}.transition-details-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0}.transition-details-header h3{margin:0;color:#333;font-size:18px;font-weight:600}.transition-details-header .close-btn{background:transparent;border:none;cursor:pointer;font-size:20px;color:#999;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s}.transition-details-header .close-btn:hover{background-color:#f0f0f0;color:#666}.transition-details-content{flex:1 1;overflow:auto;padding:20px;background:#fff;margin:0 20px 20px;border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.05);font-size:14px;line-height:1.5;color:#444;white-space:pre-line}.dark-theme .transition-details-panel{background:#2d2d2d;border-top:1px solid #555}.dark-theme .transition-details-header{background:#333;border-bottom:1px solid #555}.dark-theme .transition-details-header h3{color:#e0e0e0}.dark-theme .transition-details-header .close-btn{color:#b0b0b0}.dark-theme .transition-details-header .close-btn:hover{background-color:#404040;color:#e0e0e0}.dark-theme .transition-details-content{background:#333;color:#e0e0e0}@media (max-width:768px){.transition-details-panel{height:50%}.transition-details-header{padding:12px 15px}.transition-details-header h3{font-size:16px}.transition-details-content{padding:15px;margin:0 15px 15px;font-size:13px}}@media (max-width:480px){.transition-details-panel{height:60%}.transition-details-header{padding:10px 12px}.transition-details-header h3{font-size:15px}.transition-details-content{padding:12px;margin:0 12px 12px;font-size:12px}}