@charset "UTF-8";/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.z-0{z-index:0}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.z-\[10000\]{z-index:10000}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-full{height:100%}.min-h-\[120px\]{min-height:120px}.min-h-\[200px\]{min-height:200px}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-none{max-width:none}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-transparent{border-color:#0000}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.text-center{text-align:center}.uppercase{text-transform:uppercase}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.output-scheme{z-index:1000;-webkit-user-select:none;user-select:none;background-color:#fff;border:2px solid #ff7e29;border-radius:12px;flex-direction:column;min-width:400px;min-height:300px;transition:all .3s;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 32px #00000026}.output-scheme.minimized{min-height:50px;height:50px!important}.output-scheme-header{color:#fff;cursor:move;background:linear-gradient(135deg,#ff7e29,#ff9a3e);border-radius:10px 10px 0 0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;font-weight:600;display:flex}.output-scheme-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.status-indicator{opacity:.8;margin-left:8px;animation:2s ease-in-out infinite pulse}.output-scheme-controls{align-items:center;gap:8px;display:flex}.output-scheme-control-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.output-scheme-control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.output-scheme-control-btn:active{transform:scale(.95)}.pin-btn{background:#fff3;font-size:14px;transition:all .2s}.unpin-btn{color:#10b981;background:#10b9814d;font-size:14px;transition:all .2s}.output-scheme-tabs{background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;overflow-x:auto}.output-scheme-tab{cursor:pointer;color:#6c757d;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;min-width:fit-content;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s}.output-scheme-tab:hover{color:#495057;background-color:#e9ecef}.output-scheme-tab.active{color:#ff7e29;background-color:#fff5f0;border-bottom-color:#ff7e29}.tab-content{align-items:center;gap:8px;display:flex}.tab-icon{font-size:16px}.tab-label{font-weight:500}.output-scheme-content{background-color:#fff;flex:1;padding:16px;position:relative;overflow-y:auto}.resize-handle{cursor:se-resize;opacity:.9;z-index:10;background:linear-gradient(-45deg,#0000 30%,#ff7e29 30% 70%,#0000 70%);border-radius:0 0 12px;width:20px;height:20px;transition:opacity .2s;position:absolute;bottom:0;right:0}body.dark-mode .output-scheme{background-color:#1f2937;border-color:#f97316;box-shadow:0 8px 32px #0006}body.dark-mode .output-scheme-header{background:linear-gradient(135deg,#f97316,#fb923c)}body.dark-mode .output-scheme-tabs{background-color:#374151;border-bottom-color:#4b5563}body.dark-mode .output-scheme-tab{color:#d1d5db}body.dark-mode .output-scheme-tab:hover{color:#f3f4f6;background-color:#4b5563}body.dark-mode .output-scheme-tab.active{color:#f97316;background-color:#1f2937;border-bottom-color:#f97316}body.dark-mode .output-scheme-content{background-color:#1f2937}body.dark-mode .resize-handle{background:linear-gradient(-45deg,#0000 30%,#f97316 30% 70%,#0000 70%)}.output-scheme.embedded{width:100%;height:100%;min-width:unset;min-height:unset;box-shadow:none;z-index:auto;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;display:flex;position:relative}.output-scheme.embedded.movable{z-index:1000;width:500px;min-width:400px;height:400px;min-height:300px;position:absolute;box-shadow:0 8px 32px #00000026}.output-scheme.embedded .output-scheme-header{cursor:default;color:#374151;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:8px 8px 0 0}.output-scheme.movable .output-scheme-header{cursor:move;color:#fff;background:linear-gradient(135deg,#ff7e29,#ff9a3e)}.output-scheme.movable.fixed .output-scheme-header{color:#fff;background:linear-gradient(135deg,#10b981,#34d399)!important}.output-scheme.embedded .output-scheme-controls{display:none}.output-scheme.movable .output-scheme-controls,.output-scheme.embedded.movable .output-scheme-controls,.output-scheme.movable.fixed .output-scheme-controls,.output-scheme.embedded.movable.fixed .output-scheme-controls{display:flex!important}.output-scheme.embedded .output-scheme-content{border-radius:0}.output-scheme.embedded .resize-handle{display:none}.output-scheme.movable .resize-handle{display:block!important}.output-scheme.fixed{opacity:.95;border:2px solid #10b981!important}.output-scheme.fixed .output-scheme-header{background:linear-gradient(135deg,#10b981,#34d399)!important}body.dark-mode .output-scheme.embedded{border-color:#4b5563}body.dark-mode .output-scheme.embedded .output-scheme-header{color:#e5e7eb;background:linear-gradient(135deg,#374151,#4b5563)}body.dark-mode .output-scheme.embedded.movable .output-scheme-header{color:#fff;background:linear-gradient(135deg,#f97316,#fb923c)}@media screen and (max-width:1024px){.output-scheme{min-width:350px;min-height:250px}.output-scheme-header{padding:12px 14px;font-size:14px}.output-scheme-control-btn{width:24px;height:24px;font-size:15px}.output-scheme-tab{padding:10px 14px;font-size:13px}.output-scheme-content{padding:14px}}@media screen and (max-width:768px){.output-scheme{min-width:300px;min-height:200px;width:calc(100vw - 20px)!important;height:calc(60vh - 20px)!important;top:10px!important;left:10px!important}.output-scheme-header{padding:10px 12px;font-size:13px}.output-scheme-control-btn{width:22px;height:22px;font-size:14px}.output-scheme-tab{padding:8px 12px;font-size:12px}.output-scheme-content{padding:12px}}@media screen and (max-width:480px){.output-scheme{min-width:280px;min-height:180px;width:calc(100vw - 10px)!important;height:calc(70vh - 10px)!important;top:5px!important;left:5px!important}.output-scheme-header{padding:8px 10px;font-size:12px}.output-scheme-control-btn{width:20px;height:20px;font-size:13px}.output-scheme-tab{padding:6px 10px;font-size:11px}.output-scheme-content{padding:10px}}@media screen and (max-width:1024px){.output-scheme.embedded.movable{min-width:350px;min-height:250px}}@media screen and (max-width:768px){.output-scheme.embedded{left:unset!important;top:unset!important;width:100%!important;height:100%!important}.output-scheme.embedded.movable{min-width:300px;min-height:200px}}@media screen and (max-width:480px){.output-scheme.embedded.movable{min-width:280px;min-height:180px}}.output-scheme{transition:all .3s cubic-bezier(.4,0,.2,1)}.output-scheme.minimized .output-scheme-tabs,.output-scheme.minimized .output-scheme-content,.output-scheme.minimized .resize-handle{opacity:0;transition:all .2s;transform:translateY(-10px)}.output-scheme:focus-within{border-color:#ff9a3e;box-shadow:0 8px 32px #ff7e294d}.output-scheme.fixed:focus-within{border-color:#10b981;box-shadow:0 8px 32px #10b9814d}body.dark-mode .output-scheme:focus-within{border-color:#fb923c;box-shadow:0 8px 32px #f9731666}body.dark-mode .output-scheme.fixed:focus-within{border-color:#10b981;box-shadow:0 8px 32px #10b98166}.output-scheme:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0003}.output-scheme.fixed:hover{box-shadow:0 12px 40px #10b9814d}body.dark-mode .output-scheme:hover{box-shadow:0 12px 40px #00000080}body.dark-mode .output-scheme.fixed:hover{box-shadow:0 12px 40px #10b98166}.output-scheme *{transition:all .2s}.output-scheme-content::-webkit-scrollbar{width:8px}.output-scheme-content::-webkit-scrollbar-track{background:0 0}.output-scheme-content::-webkit-scrollbar-thumb{background:#ff7e29;border-radius:4px}.output-scheme-content::-webkit-scrollbar-thumb:hover{background:#ff9a3e}body.dark-mode .output-scheme-content::-webkit-scrollbar-thumb{background:#f97316}body.dark-mode .output-scheme-content::-webkit-scrollbar-thumb:hover{background:#fb923c}.output-scheme-tabs::-webkit-scrollbar{height:4px}.output-scheme-tabs::-webkit-scrollbar-track{background:0 0}.output-scheme-tabs::-webkit-scrollbar-thumb{background:#ff7e29;border-radius:2px}.output-scheme-tabs::-webkit-scrollbar-thumb:hover{background:#ff9a3e}body.dark-mode .output-scheme-tabs::-webkit-scrollbar-thumb{background:#f97316}body.dark-mode .output-scheme-tabs::-webkit-scrollbar-thumb:hover{background:#fb923c}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#646cff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}h1{font-size:3.2em;line-height:1.1}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.landing-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);display:flex;flex-direction:column;position:relative;overflow:hidden}.landing-page header{-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);box-shadow:0 .1875rem .375rem #0000001a}.a3-composer-page header{-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);box-shadow:0 .1875rem .375rem #0000001a}.landing-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;padding:0 20px;z-index:10;flex:1;margin:0}.logo-container{margin-bottom:40px;animation:float 6s ease-in-out infinite}.phoenix-logo{width:120px;height:120px;filter:drop-shadow(0 0 20px rgba(255,126,41,.3));transition:all .3s ease}.phoenix-logo:hover{filter:drop-shadow(0 0 30px rgba(255,126,41,.6));transform:scale(1.05)}.title-section{margin-bottom:60px}.main-title{font-size:3.5rem;font-weight:700;margin:0 0 20px;letter-spacing:-.02em;display:flex;flex-direction:column;align-items:center;gap:8px}.welcome-text{color:#60a5fa;font-size:2.5rem;text-shadow:0 0 15px rgba(96,165,250,.4)}.brand-text{color:#3b82f6;font-size:4rem;text-shadow:0 0 25px rgba(59,130,246,.6);font-weight:800}.slogan{font-size:1.25rem;color:#e5e7eb;margin:0;line-height:1.6;max-width:600px;opacity:.9}.cta-buttons{display:flex;gap:24px;flex-wrap:wrap;justify-content:center;width:100%;max-width:1200px}.cta-buttons .action{display:flex;align-items:center;gap:12px;padding:16px 28px;font-size:16px;font-weight:600;border-radius:12px;background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;border:none;cursor:pointer;box-shadow:0 8px 25px #ff7e294d;transition:all .3s ease;min-width:200px;flex:1;max-width:300px;justify-content:center}.cta-buttons .action:hover{transform:translateY(-3px);box-shadow:0 12px 35px #ff7e2966;background:linear-gradient(135deg,#e36414,#f2871f)}.cta-buttons .action:active{transform:translateY(-1px)}.button-icon{font-size:20px;filter:drop-shadow(0 0 5px rgba(255,255,255,.3))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media screen and (max-width: 1024px){.landing-content{padding:0 16px;width:100%}.welcome-text{font-size:2.2rem}.brand-text{font-size:3.5rem}}@media screen and (max-width: 768px){.landing-content{padding:0 16px;width:100%}.welcome-text{font-size:1.8rem}.brand-text{font-size:2.8rem}.slogan{font-size:1.1rem}.cta-buttons{flex-direction:column;gap:16px;width:100%;max-width:100%}.cta-buttons .action{min-width:100%;max-width:100%;padding:16px 24px}.phoenix-logo{width:100px;height:100px}}@media screen and (max-width: 480px){.landing-content{padding:0 12px;width:100%}.welcome-text{font-size:1.4rem}.brand-text{font-size:2.2rem}.slogan{font-size:1rem}.cta-buttons{width:100%;max-width:100%}.cta-buttons .action{min-width:100%;max-width:100%;padding:16px 20px;font-size:14px}.phoenix-logo{width:80px;height:80px}}@media screen and (max-width: 360px){.landing-content{padding:0 8px;width:100%}.welcome-text{font-size:1.2rem}.brand-text{font-size:1.8rem}.slogan{font-size:.9rem}.cta-buttons{width:100%;max-width:100%}.cta-buttons .action{min-width:100%;max-width:100%;padding:14px 16px;font-size:13px}.phoenix-logo{width:60px;height:60px}}body.dark-mode .landing-page,body.dark-mode .a3-composer-page{background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}body.dark-mode .landing-page header,body.dark-mode .a3-composer-page header{background-color:#0f172af2;border-bottom:.0625rem solid #374151}body.dark-mode .welcome-text{color:#60a5fa;text-shadow:0 0 15px rgba(96,165,250,.4)}body.dark-mode .brand-text{color:#3b82f6;text-shadow:0 0 25px rgba(59,130,246,.6)}body.dark-mode .slogan{color:#d1d5db}body:not(.dark-mode) .landing-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f8fafc)}body:not(.dark-mode) .a3-composer-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0,#f8fafc)}body:not(.dark-mode) .landing-page header,body:not(.dark-mode) .a3-composer-page header{background-color:#fffffff2;border-bottom:.0625rem solid #e2e8f0}body:not(.dark-mode) .welcome-text{color:#1d4ed8;text-shadow:0 0 15px rgba(29,78,216,.3)}body:not(.dark-mode) .brand-text{color:#1e40af;text-shadow:0 0 25px rgba(30,64,175,.4)}body:not(.dark-mode) .slogan{color:#374151}.a3-composer-page{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);display:flex;flex-direction:column;position:relative;overflow:hidden}.a3-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;max-width:100%;padding:40px 20px;z-index:10;flex:1;margin:0}.a3-content h1{font-size:3rem;font-weight:700;color:#3b82f6;margin:0 0 1.25rem;text-shadow:0 0 1.25rem rgba(59,130,246,.3)}.a3-content p{font-size:1.25rem;color:#e5e7eb;margin:0 0 2.5rem;line-height:1.6;max-width:37.5rem;opacity:.9}.a3-content .action{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;border:none;padding:1rem 1.75rem;font-size:1rem;font-weight:600;border-radius:.75rem;cursor:pointer;box-shadow:0 .5rem 1.5625rem #ff7e294d;transition:all .3s ease;min-width:12.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.a3-content .action:hover{transform:translateY(-.1875rem);box-shadow:0 .75rem 2.1875rem #ff7e2966;background:linear-gradient(135deg,#e36414,#f2871f)}.back-home-btn{background:none;border:none;cursor:pointer;font-size:1.25rem;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;background-color:#ffffff1a;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.0625rem solid rgba(255,255,255,.2)}.back-home-btn:hover{background-color:#fff3;transform:scale(1.05)}body.dark-mode .back-home-btn{background-color:#ffffff1a;border-color:#fff3}body.dark-mode .back-home-btn:hover{background-color:#fff3}body:not(.dark-mode) .back-home-btn{background-color:#0000001a;border-color:#0003}body:not(.dark-mode) .back-home-btn:hover{background-color:#0003}.a3-tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(18.75rem,1fr));gap:2rem;margin:3rem 0;width:100%;max-width:75rem}.tool-section{background:#ffffff1a;border-radius:1rem;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.0625rem solid rgba(255,255,255,.2);transition:all .3s ease}.tool-section:hover{transform:translateY(-.25rem);background:#ffffff26;border-color:#ffffff4d}.tool-section h2{font-size:1.5rem;font-weight:600;color:#3b82f6;margin:0 0 1rem;text-shadow:0 0 .625rem rgba(59,130,246,.3)}.tool-section p{font-size:1rem;color:#e5e7eb;margin:0 0 1.5rem;line-height:1.6;opacity:.9}@media screen and (max-width: 768px){.a3-content h1{font-size:2.5rem}.a3-content p{font-size:1.1rem}.a3-content .action{min-width:100%;max-width:100%;padding:.875rem 1.5rem}.a3-tools{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}.tool-section{padding:1.5rem}.header-controls{gap:.5rem}.back-home-btn{font-size:1.125rem;min-width:2.25rem;min-height:2.25rem;padding:.375rem}}@media screen and (max-width: 480px){.a3-content h1{font-size:2rem}.a3-content p{font-size:1rem}.a3-content .action{padding:.75rem 1.25rem;font-size:.875rem}.a3-tools{gap:1rem;margin:1.5rem 0}.tool-section{padding:1rem}.tool-section h2{font-size:1.25rem}.tool-section p{font-size:.875rem}.back-home-btn{font-size:1rem;min-width:2rem;min-height:2rem;padding:.25rem}}.my-account-header-button{background:none;border:none;cursor:pointer;font-size:20px;margin-left:1rem;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;color:#6b7280}.globe-btn{background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2.5rem;min-height:2.5rem;color:#6b7280;background-color:#ffffff1a;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);border:.0625rem solid rgba(255,255,255,.2)}.globe-btn:hover{background-color:#fff3;transform:scale(1.05);color:#3b82f6}.globe-btn svg{font-size:1.25rem}body.dark-mode .globe-btn{background-color:#ffffff1a;border-color:#fff3;color:#9ca3af}body.dark-mode .globe-btn:hover{background-color:#fff3;color:#60a5fa}body:not(.dark-mode) .globe-btn{background-color:#0000000d;border-color:#0000001a;color:#6b7280}body:not(.dark-mode) .globe-btn:hover{background-color:#0000001a;color:#3b82f6}@media screen and (max-width: 768px){.my-account-header-button{font-size:18px;margin-left:.5rem}.globe-btn{min-width:2.25rem;min-height:2.25rem;padding:.375rem}.globe-btn svg{font-size:1.125rem}}@media screen and (max-width: 480px){.my-account-header-button{font-size:16px;margin-left:.25rem}.globe-btn{min-width:2rem;min-height:2rem;padding:.25rem}.globe-btn svg{font-size:1rem}}.round-button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease-in-out;font-family:inherit;position:relative;overflow:hidden}.round-button:focus{outline:2px solid #ff7e29;outline-offset:2px}.round-button:focus:not(:focus-visible){outline:none}.round-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.round-button--primary:hover:not(:disabled){transform:translateY(-2px) scale(1.02)}.round-button:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #0000001a}.round-button--small{width:40px;height:40px}.round-button--medium{width:56px;height:56px}.round-button--large{width:72px;height:72px}.round-button--primary{background:linear-gradient(135deg,#ff7e29,#f97316);color:#fff;box-shadow:0 2px 8px #ff7e294d}.round-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 16px #ff7e2966}body.dark-mode .round-button--primary{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 2px 8px #f9731666}body.dark-mode .round-button--primary:hover:not(:disabled){background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 4px 16px #f9731680}.round-button--secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:2px solid #d1d5db}.round-button--secondary:hover:not(:disabled){background:linear-gradient(135deg,#e5e7eb,#d1d5db);border-color:#9ca3af}body.dark-mode .round-button--secondary{background:linear-gradient(135deg,#374151,#4b5563);color:#e5e7eb;border:2px solid #6b7280}body.dark-mode .round-button--secondary:hover:not(:disabled){background:linear-gradient(135deg,#4b5563,#6b7280);border-color:#9ca3af}.round-button--outline{background:transparent;color:#ff7e29;border:2px solid #ff7e29}.round-button--outline:hover:not(:disabled){background:#ff7e29;color:#fff}body.dark-mode .round-button--outline{color:#f97316;border-color:#f97316}body.dark-mode .round-button--outline:hover:not(:disabled){background:#f97316;color:#fff}.round-button__icon{width:60%;height:60%;transition:transform .2s ease-in-out;color:inherit}.round-button--primary .round-button__icon{color:#fff}.round-button--secondary .round-button__icon{color:#374151}body.dark-mode .round-button--secondary .round-button__icon{color:#e5e7eb}.round-button--outline .round-button__icon{color:#ff7e29}body.dark-mode .round-button--outline .round-button__icon{color:#f97316}.round-button:hover:not(:disabled) .round-button__icon{transform:scale(1.1)}.round-button--disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.round-button--disabled:hover{transform:none!important;box-shadow:none!important}.round-button--disabled .round-button__icon{transform:none!important}@media (max-width: 768px){.round-button--small{width:36px;height:36px}.round-button--medium{width:48px;height:48px}.round-button--large{width:64px;height:64px}}@media (max-width: 480px){.round-button--small{width:32px;height:32px}.round-button--medium{width:44px;height:44px}.round-button--large{width:56px;height:56px}}.round-button-group{display:flex;align-items:center;gap:0}.round-button-group--horizontal{flex-direction:row;position:relative}.round-button-group--horizontal .round-button:not(:last-child):after{content:"";position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);width:1px;height:60%;background:linear-gradient(to bottom,rgba(255,126,41,.3) 0%,rgba(255,126,41,.1) 50%,transparent 100%);border-radius:1px}body.dark-mode .round-button-group--horizontal .round-button:not(:last-child):after{background:linear-gradient(to bottom,rgba(249,115,22,.4) 0%,rgba(249,115,22,.2) 50%,transparent 100%)}.round-button-group--vertical{flex-direction:column}.round-button-group--grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(56px,1fr));gap:1rem}.round-button-group--tight{gap:.5rem}.round-button-group--normal{gap:1rem}.round-button-group--loose{gap:1.5rem}.round-button-group--start{justify-content:flex-start}.round-button-group--center{justify-content:center}.round-button-group--end{justify-content:flex-end}@media (max-width: 768px){.round-button-group--grid{grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.75rem}.round-button-group--tight{gap:.375rem}.round-button-group--normal{gap:.75rem}.round-button-group--loose{gap:1rem}}@media (max-width: 480px){.round-button-group--grid{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:.5rem}.round-button-group--tight{gap:.25rem}.round-button-group--normal{gap:.5rem}.round-button-group--loose{gap:.75rem}}.workspace-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;min-width:400px;max-width:500px;z-index:1000;margin-top:8px;animation:dropdownSlideIn .2s ease-out}body.dark-mode .workspace-dropdown{background:#1f2937;border-color:#374151;color:#f9fafb}@keyframes dropdownSlideIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.workspace-dropdown:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ffffff}body.dark-mode .workspace-dropdown:before{border-bottom-color:#1f2937}.workspace-dropdown-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid #e5e7eb}body.dark-mode .workspace-dropdown-header{border-bottom-color:#374151}.workspace-dropdown-header h3{margin:0;font-size:18px;font-weight:600;color:#111827}body.dark-mode .workspace-dropdown-header h3{color:#f9fafb}.close-button{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;line-height:1}.close-button:hover{background:#f3f4f6;color:#374151}body.dark-mode .close-button{color:#9ca3af}body.dark-mode .close-button:hover{background:#374151;color:#d1d5db}.current-workspace-indicator{padding:16px 24px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-bottom:1px solid #e5e7eb;margin:0}body.dark-mode .current-workspace-indicator{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-bottom-color:#374151}.current-workspace-label{font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}body.dark-mode .current-workspace-label{color:#9ca3af}.current-workspace-name{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1e40af}body.dark-mode .current-workspace-name{color:#60a5fa}.workspace-icon{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.workspace-dropdown-content{padding:20px 24px 24px}.input-group{margin-bottom:20px}.input-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}body.dark-mode .input-group label{color:#d1d5db}.input-group input,.input-group select{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;color:#111827}body.dark-mode .input-group input,body.dark-mode .input-group select{background:#374151;border-color:#6b7280;color:#f9fafb}.input-group input:focus,.input-group select:focus{outline:none;border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e291a}.input-group input::placeholder{color:#9ca3af}body.dark-mode .input-group input::placeholder{color:#6b7280}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px}body.dark-mode .error-message{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.existing-workspaces{margin-bottom:24px}.existing-workspaces h4{margin:0 0 16px;font-size:16px;font-weight:600;color:#111827}body.dark-mode .existing-workspaces h4{color:#f9fafb}.workspace-select-container{display:flex;flex-direction:column;gap:12px}.workspace-select{width:100%;padding:12px 16px;border:2px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .2s ease;background:#fff;color:#111827;cursor:pointer}body.dark-mode .workspace-select{background:#374151;border-color:#6b7280;color:#f9fafb}.workspace-select:focus{outline:none;border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e291a}.workspace-select option{padding:8px}.workspace-select-info{padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;line-height:1.4}body.dark-mode .workspace-select-info{background:#1e293b;border-color:#334155}.create-info{color:#059669;font-weight:500}body.dark-mode .create-info{color:#10b981}.selected-info{color:#2563eb;font-weight:500}body.dark-mode .selected-info{color:#3b82f6}.select-info{color:#6b7280}body.dark-mode .select-info{color:#9ca3af}.workspace-actions{display:flex;gap:12px;justify-content:flex-end}.create-button,.cancel-button{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.create-button{background:linear-gradient(135deg,#ff7e29,#f97316);color:#fff;box-shadow:0 2px 8px #ff7e294d}.create-button:hover:not(:disabled){background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 4px 16px #ff7e2966;transform:translateY(-1px)}.create-button:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.create-button:disabled:hover{background:#d1d5db;transform:none;box-shadow:none}.select-button{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 2px 8px #2563eb4d}.select-button:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 16px #2563eb66;transform:translateY(-1px)}.select-button:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.select-button:disabled:hover{background:#d1d5db;transform:none;box-shadow:none}.cancel-button{background:#f3f4f6;color:#374151;border:2px solid #d1d5db}.cancel-button:hover{background:#e5e7eb;border-color:#9ca3af}body.dark-mode .cancel-button{background:#374151;color:#d1d5db;border-color:#6b7280}body.dark-mode .cancel-button:hover{background:#4b5563;border-color:#9ca3af}@media (max-width: 640px){.workspace-dropdown{min-width:320px;max-width:calc(100vw - 32px);left:16px;right:16px;transform:none}.workspace-dropdown:before{left:20px;transform:none}.workspace-actions{flex-direction:column}.create-button,.cancel-button{width:100%}}.export-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #e1e5e9;border-radius:12px;box-shadow:0 8px 32px #0000001f;z-index:1000;min-width:320px;max-width:400px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:slideDown .2s ease-out}.export-dropdown.dark-mode{background:#1e1e1e;border-color:#404040;box-shadow:0 8px 32px #0000004d}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.export-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e1e5e9;background:#f8f9fa;border-radius:12px 12px 0 0}.export-dropdown.dark-mode .export-dropdown-header{background:#2a2a2a;border-bottom-color:#404040}.export-header-content,.export-header-actions{display:flex;align-items:center;gap:8px}.export-header-icon{color:#6366f1;font-size:20px}.export-dropdown-header h3{margin:0;font-size:16px;font-weight:600;color:#1f2937}.export-dropdown.dark-mode .export-dropdown-header h3{color:#f9fafb}.refresh-button,.close-button{background:none;border:none;padding:4px;cursor:pointer;border-radius:6px;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-button:hover,.close-button:hover{background:#f3f4f6;color:#374151}.export-dropdown.dark-mode .refresh-button:hover,.export-dropdown.dark-mode .close-button:hover{background:#404040;color:#d1d5db}.refresh-button,.close-button{font-size:18px}.export-dropdown-content{padding:16px 20px}.selection-controls{display:flex;gap:8px;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #e1e5e9}.export-dropdown.dark-mode .selection-controls{border-bottom-color:#404040}.select-all-btn,.select-none-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.export-dropdown.dark-mode .select-all-btn,.export-dropdown.dark-mode .select-none-btn{background:#404040;border-color:#6b7280;color:#d1d5db}.select-all-btn:hover,.select-none-btn:hover{background:#e5e7eb;border-color:#9ca3af}.export-dropdown.dark-mode .select-all-btn:hover,.export-dropdown.dark-mode .select-none-btn:hover{background:#4b5563;border-color:#9ca3af}.select-all-btn:disabled,.select-none-btn:disabled{opacity:.5;cursor:not-allowed}.export-options{margin-bottom:20px}.export-option{display:flex;align-items:center;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;margin-bottom:4px;border:1px solid transparent}.export-option:hover:not(.disabled){background:#f8f9fa;border-color:#e1e5e9}.export-dropdown.dark-mode .export-option:hover:not(.disabled){background:#2a2a2a;border-color:#404040}.export-option.selected{background:#eff6ff;border-color:#3b82f6}.export-dropdown.dark-mode .export-option.selected{background:#1e3a8a;border-color:#3b82f6}.export-option.disabled{opacity:.5;cursor:not-allowed}.option-checkbox{margin-right:12px;display:flex;align-items:center}.checkbox-icon{font-size:20px;color:#6b7280}.checkbox-icon.checked{color:#3b82f6}.export-dropdown.dark-mode .checkbox-icon{color:#9ca3af}.export-dropdown.dark-mode .checkbox-icon.checked{color:#60a5fa}.option-icon{margin-right:12px;display:flex;align-items:center;color:#6b7280;font-size:20px}.export-dropdown.dark-mode .option-icon{color:#9ca3af}.option-content{flex:1}.option-label{font-size:14px;font-weight:500;color:#1f2937;margin-bottom:2px}.export-dropdown.dark-mode .option-label{color:#f9fafb}.option-description{font-size:12px;color:#6b7280;line-height:1.4}.export-dropdown.dark-mode .option-description{color:#9ca3af}.export-actions{display:flex;justify-content:flex-end}.export-button{display:flex;align-items:center;gap:8px;background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px;justify-content:center}.export-button:hover:not(.disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.export-button.disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.export-dropdown.dark-mode .export-button{background:#3b82f6}.export-dropdown.dark-mode .export-button:hover:not(.disabled){background:#2563eb}.export-dropdown.dark-mode .export-button.disabled{background:#6b7280}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.export-dropdown{min-width:280px;max-width:320px}.export-dropdown-content{padding:12px 16px}.export-option{padding:10px}.option-label{font-size:13px}.option-description{font-size:11px}}.export-option:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.export-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.close-button:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.ask-textarea-container{position:fixed;z-index:1002;animation:slideDown .3s ease-out;transform-origin:top;transition:all .3s ease;pointer-events:auto}.ask-textarea-container:before{content:"";position:absolute;top:-16px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #ff7e29;z-index:1002}.ask-textarea-container.slide-up{animation:slideUp .3s ease-in}.ask-textarea{display:flex;align-items:center;background:linear-gradient(135deg,#fff5f0,#fef3e7);border:2px solid #ff7e29;border-radius:24px;padding:8px 16px;box-shadow:0 12px 32px #ff7e2940,0 6px 16px #00000026,0 2px 8px #0000001a;transition:all .2s ease;position:relative;overflow:hidden;min-height:52px}.ask-textarea.focused{border-color:#e66a00;box-shadow:0 16px 40px #ff7e2959,0 8px 20px #0003,0 4px 12px #0000001a;transform:translateY(-3px)}.ask-textarea-input{flex:1;border:none;outline:none;background:transparent;resize:none;font-family:inherit;font-size:14px;line-height:1.5;color:#333;padding:6px 8px;min-height:20px;width:100%;overflow-y:auto;vertical-align:middle}.ask-textarea-input::placeholder{color:#6c757d}.ask-send-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;cursor:pointer;transition:all .2s ease;margin-left:8px;flex-shrink:0;box-shadow:0 4px 12px #3b82f64d}.ask-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:scale(1.05);box-shadow:0 6px 16px #3b82f666}.ask-send-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 6px 16px #3b82f666}.ask-send-btn.active:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:scale(1.05)}.ask-send-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;cursor:not-allowed;transform:none;opacity:.8;box-shadow:0 2px 4px #0000001a;border:1px solid #d1d5db}.send-icon{font-size:16px}body.dark-mode .ask-textarea{background:linear-gradient(135deg,#1f2937,#111827);border-color:#f97316;box-shadow:0 12px 32px #f9731640,0 6px 16px #00000080,0 2px 8px #0000004d;min-height:52px}body.dark-mode .ask-textarea.focused{border-color:#ea580c;box-shadow:0 16px 40px #f9731659,0 8px 20px #0009,0 4px 12px #0006;transform:translateY(-3px)}body.dark-mode .ask-textarea-input{color:#e5e7eb}body.dark-mode .ask-textarea-input::placeholder{color:#9ca3af}body.dark-mode .ask-send-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}body.dark-mode .ask-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 6px 16px #3b82f666}body.dark-mode .ask-send-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 6px 16px #3b82f666}body.dark-mode .ask-send-btn.active:hover{background:linear-gradient(135deg,#2563eb,#1e40af)}body.dark-mode .ask-send-btn:disabled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;opacity:.8;box-shadow:0 2px 4px #0000004d;border:1px solid #4b5563}body.dark-mode .ask-textarea-container:before{border-bottom-color:#f97316}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px) scaleY(.8)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(-20px) scaleY(.8)}}@media screen and (max-width: 1024px) and (min-width: 769px){.ask-textarea-container{top:calc(100% + 10px)}.ask-textarea{padding:7px 14px;min-height:50px;border-radius:22px}.ask-textarea-input{font-size:15px;padding:5px 7px;min-height:19px}.ask-send-btn{width:38px;height:38px;margin-left:7px}.send-icon{font-size:15px}}@media screen and (max-width: 780px) and (min-width: 769px){.ask-textarea-container{z-index:1002;position:fixed}.ask-textarea{padding:6px 10px;min-height:50px;border-radius:22px}.ask-textarea-input{font-size:15px;padding:5px 7px;min-height:19px}.ask-send-btn{width:38px;height:38px;margin-left:7px}.send-icon{font-size:15px}}@media screen and (max-width: 600px) and (min-width: 481px){.ask-textarea-container{z-index:1002;position:fixed}.ask-textarea{padding:5px 9px;min-height:48px;border-radius:20px}.ask-textarea-input{font-size:15px;padding:4px 6px;min-height:18px}.ask-send-btn{width:36px;height:36px;margin-left:6px}.send-icon{font-size:14px}}@media screen and (max-width: 500px) and (min-width: 361px){.ask-textarea-container{z-index:1002;position:fixed}.ask-textarea{padding:4px 8px;min-height:46px;border-radius:18px}.ask-textarea-input{font-size:14px;padding:3px 5px;min-height:17px}.ask-send-btn{width:34px;height:34px;margin-left:5px}.send-icon{font-size:13px}}@media screen and (max-width: 768px){.ask-textarea-container{z-index:1002;position:fixed}.ask-textarea{padding:8px 12px;min-height:52px;width:100%;border-radius:20px;box-shadow:0 8px 24px #ff7e294d,0 4px 12px #0003}.ask-textarea.focused{transform:translateY(-2px);box-shadow:0 12px 32px #ff7e2966,0 6px 16px #00000040}.ask-textarea-input{font-size:16px;padding:6px 8px;min-height:20px;width:100%;line-height:1.4}.ask-send-btn{width:40px;height:40px;margin-left:8px;flex-shrink:0;box-shadow:0 4px 12px #3b82f666}.ask-send-btn:hover:not(:disabled){transform:scale(1.1)}.send-icon{font-size:16px}}@media screen and (max-width: 480px){.ask-textarea-container{position:fixed}.ask-textarea{padding:4px 8px;min-height:44px}.ask-textarea-input{font-size:16px;padding:3px 4px;min-height:16px}.ask-send-btn{width:32px;height:32px;margin-left:4px}.send-icon{font-size:12px}}@media screen and (max-width: 360px){.ask-textarea-container{position:fixed}.ask-textarea{padding:6px 10px;min-height:48px;border-radius:18px}.ask-textarea.focused{transform:translateY(-1px)}.ask-textarea-input{font-size:16px;padding:4px 6px;min-height:18px;line-height:1.3}.ask-send-btn{width:34px;height:34px;margin-left:6px}.send-icon{font-size:11px}}.ask-textarea-container,.ask-textarea,.ask-textarea-input,.ask-send-btn{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.ask-textarea-container,.ask-textarea,.ask-send-btn{animation:none!important;transition:none!important}}.composer{position:fixed;background-color:#fff;border:2px solid #ff7e29;border-radius:12px;box-shadow:0 8px 32px #00000026;display:flex;flex-direction:column;overflow:visible;transition:all .3s ease;z-index:1000;min-width:300px;min-height:220px;max-height:60vh;-webkit-user-select:none;user-select:none;contain:layout}.composer.minimized{height:50px!important;min-height:50px}.composer-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;cursor:move;font-weight:600;font-size:14px;border-radius:10px 10px 0 0}.composer-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-indicator{margin-left:8px;opacity:.8;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}.composer-controls{display:flex;gap:8px;align-items:center}.composer-control-btn{background:#fff3;border:none;color:#fff;width:24px;height:24px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.composer-control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.composer-control-btn:active{transform:scale(.95)}.minimize-btn{font-size:18px}.close-btn{font-size:20px}.fixed-btn{font-size:14px}.fixed-btn.active{background:#fff6!important;transform:scale(1.1);box-shadow:0 0 8px #ffffff80}.pin-btn{font-size:14px;background:#fff3;transition:all .2s ease}.pin-btn:hover{background:#ffffff4d;transform:scale(1.1)}.unpin-btn{font-size:14px;background:#10b9814d;color:#10b981;transition:all .2s ease}.unpin-btn:hover{background:#10b98180;transform:scale(1.1)}.composer-content{flex:1;padding:16px;background-color:#fff;position:relative}.composer-textarea{width:100%;height:100%;border:none;outline:none;resize:none;font-family:Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;color:#333;background-color:transparent;padding:0;margin:0;min-height:80px;max-height:40vh;overflow-y:auto}.composer-textarea::placeholder{color:#999;font-style:italic}.composer-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:#f8f9fa;border-top:1px solid #e9ecef;font-size:11px;color:#6c757d;min-height:48px;gap:8px}.composer-stats{font-weight:500;display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}.canvas-indicator{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:600;animation:pulse 2s ease-in-out infinite;margin-left:8px}.composer-actions{display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:flex-end;position:relative;z-index:1}.composer-action-group{display:flex;gap:6px;align-items:center}.composer-action-separator{width:1px;height:24px;background-color:#e9ecef;margin:0 8px;opacity:.6}.composer-action-btn{background:#6c757d;color:#fff;border:none;padding:4px 8px;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;transition:all .2s ease;white-space:nowrap;flex-shrink:0;position:relative;z-index:2}.composer-action-btn:hover{background:#5a6268;transform:translateY(-1px)}.composer-action-btn:active{transform:translateY(0)}.ask-btn{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.ask-btn:hover{background:linear-gradient(135deg,#e66a00,#ff7e29);transform:translateY(-1px)}.ask-btn.active{background:linear-gradient(135deg,#e66a00,#ff7e29);box-shadow:0 0 0 2px #ff7e294d;transform:translateY(-1px)}.ask-icon{font-size:12px}.image-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.image-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateY(-1px)}.image-btn.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 0 0 2px #3b82f64d;transform:translateY(-1px)}.image-icon,.clear-icon{font-size:12px}.analyze-btn{background:#28a745;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;font-size:11px;font-weight:600;transition:all .2s ease;cursor:pointer}.analyze-icon{font-size:12px}.analyze-btn:hover{background:#218838;transform:translateY(-1px)}.analyze-btn:disabled{background:#6c757d;cursor:not-allowed;opacity:.6}.analyze-btn:disabled:not(.loading){background:#6c757d;cursor:not-allowed;opacity:.6}.analyze-btn.loading{background:#17a2b8;cursor:wait;position:relative;animation:pulse 1.5s ease-in-out infinite}.analyze-btn.loading:after{content:"";position:absolute;width:16px;height:16px;margin:auto;border:2px solid transparent;border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.analyze-btn.loading:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 2s infinite;border-radius:6px}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.clear-btn{background:#dc3545;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;font-size:11px;font-weight:600}.clear-btn:hover{background:#c82333;transform:translateY(-1px)}.resize-handle{position:absolute;bottom:0;right:0;width:20px;height:20px;cursor:se-resize;background:linear-gradient(-45deg,transparent 30%,#ff7e29 30%,#ff7e29 70%,transparent 70%);border-radius:0 0 12px;opacity:.9;transition:opacity .2s ease;z-index:10}.resize-handle:hover{opacity:1}body.dark-mode .composer{background-color:#1f2937;border-color:#f97316;box-shadow:0 8px 32px #0006}body.dark-mode .composer-header{background:linear-gradient(135deg,#f97316,#fb923c)}body.dark-mode .composer-content{background-color:#1f2937}body.dark-mode .composer-textarea{color:#f3f4f6}body.dark-mode .composer-textarea::placeholder{color:#9ca3af}body.dark-mode .composer-footer{background-color:#374151;border-top-color:#4b5563;color:#d1d5db}body.dark-mode .composer-action-separator{background-color:#4b5563;opacity:.8}body.dark-mode .composer-action-btn{background:#6b7280;color:#fff}body.dark-mode .composer-action-btn:hover{background:#4b5563;color:#fff}body.dark-mode .ask-btn{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff}body.dark-mode .ask-btn:hover{background:linear-gradient(135deg,#ea580c,#f97316);transform:translateY(-1px)}body.dark-mode .ask-btn.active{background:linear-gradient(135deg,#ea580c,#f97316);box-shadow:0 0 0 2px #f973164d;transform:translateY(-1px)}body.dark-mode .image-btn{background:linear-gradient(135deg,#3b82f6,#60a5fa);color:#fff}body.dark-mode .image-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);transform:translateY(-1px)}body.dark-mode .image-btn.active{background:linear-gradient(135deg,#1d4ed8,#2563eb);box-shadow:0 0 0 2px #3b82f64d;transform:translateY(-1px)}body.dark-mode .analyze-btn{background:#22c55e;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;font-size:11px;font-weight:600}body.dark-mode .analyze-btn:hover{background:#16a34a;color:#fff;transform:translateY(-1px)}body.dark-mode .analyze-btn:disabled{background:#6b7280;color:#fff;opacity:.6}body.dark-mode .analyze-btn.loading{background:#0ea5e9;color:#fff;animation:pulse 1.5s ease-in-out infinite}body.dark-mode .analyze-btn.loading:after{border-top-color:#fff}body.dark-mode .analyze-btn.loading:before{background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);animation:shimmer 2s infinite}body.dark-mode .clear-btn{background:#ef4444;color:#fff}body.dark-mode .clear-btn:hover{background:#dc2626;color:#fff;transform:translateY(-1px)}body.dark-mode .resize-handle{background:linear-gradient(-45deg,transparent 30%,#f97316 30%,#f97316 70%,transparent 70%)}.composer.embedded{position:relative;width:100%;height:100%;min-width:unset;min-height:unset;box-shadow:none;border:1px solid #e2e8f0;border-radius:8px;z-index:auto;display:flex;flex-direction:column}.composer.embedded.movable{position:absolute!important;width:400px;height:300px;min-width:300px;min-height:220px;box-shadow:0 8px 32px #00000026;z-index:1000}.composer.embedded .composer-header{cursor:default;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#374151;border-radius:8px 8px 0 0}.composer.movable{position:absolute!important;opacity:1!important;border:2px solid #ff7e29!important}.composer.movable .composer-header{background:linear-gradient(135deg,#ff7e29,#ff9a3e)!important;color:#fff!important;cursor:move!important}.composer.movable.fixed .composer-header{background:linear-gradient(135deg,#10b981,#34d399)!important;color:#fff}.composer.embedded .composer-controls{display:none}.composer.movable .composer-controls,.composer.embedded.movable .composer-controls,.composer.movable.fixed .composer-controls,.composer.embedded.movable.fixed .composer-controls{display:flex!important}.composer.embedded .composer-content{border-radius:0}.composer.embedded .composer-footer{border-radius:0 0 8px 8px}.composer.embedded .resize-handle{display:none}.composer.movable .resize-handle{display:block!important}.composer.fixed{opacity:.95;border:2px solid #10b981!important}.composer.fixed .composer-header{background:linear-gradient(135deg,#10b981,#34d399)!important}body.dark-mode .composer.embedded{border-color:#4b5563}body.dark-mode .composer.embedded .composer-header{background:linear-gradient(135deg,#374151,#4b5563);color:#e5e7eb}body.dark-mode .composer.embedded.movable .composer-header{background:linear-gradient(135deg,#f97316,#fb923c);color:#fff}@media screen and (max-width: 1024px){.composer{min-width:320px;min-height:180px;border-radius:14px;box-shadow:0 10px 28px #0000001f,0 5px 14px #00000014}.composer-header{padding:12px 14px;font-size:14px;border-radius:14px 14px 0 0}.composer-control-btn{width:26px;height:26px;font-size:15px;border-radius:7px}.composer-content{padding:14px}.composer-footer{padding:12px 14px;font-size:12px;border-radius:0 0 14px 14px}.composer-action-btn{padding:7px 11px;font-size:12px;border-radius:7px;min-height:34px}.ask-btn,.image-btn,.analyze-btn,.clear-btn{width:34px;height:34px}}@media screen and (max-width: 900px) and (min-width: 769px){.composer{min-width:300px;min-height:160px;max-width:calc(100vw - 32px)}.composer-header{padding:11px 13px;font-size:13px}.composer-control-btn{width:25px;height:25px;font-size:14px}.composer-content{padding:13px}.composer-footer{padding:11px 13px;font-size:11px}.composer-textarea{font-size:15px}}@media screen and (max-width: 780px) and (min-width: 769px){.composer{max-width:calc(100vw - 24px)}.composer-actions,.composer-action-group{gap:4px}}@media screen and (max-width: 600px) and (min-width: 481px){.composer{min-width:260px;min-height:140px;max-width:calc(100vw - 20px);max-height:calc(70vh - 20px)}.composer-header{padding:10px 12px;font-size:13px}.composer-control-btn{width:24px;height:24px;font-size:13px}.composer-content{padding:12px}.composer-footer{padding:10px 12px;font-size:11px}.composer-textarea{font-size:15px;min-height:70px;max-height:35vh}.composer-actions,.composer-action-group{gap:3px}.ask-btn,.image-btn,.analyze-btn,.clear-btn{width:30px;height:30px}}@media screen and (max-width: 500px) and (min-width: 361px){.composer{min-width:240px;min-height:130px;max-width:calc(100vw - 16px);max-height:calc(65vh - 16px)}.composer-header{padding:9px 11px;font-size:12px}.composer-control-btn{width:22px;height:22px;font-size:12px}.composer-content{padding:11px}.composer-footer{padding:9px 11px;font-size:10px}.composer-textarea{font-size:14px;min-height:65px;max-height:30vh}.composer-actions,.composer-action-group{gap:2px}.ask-btn,.image-btn,.analyze-btn,.clear-btn{width:28px;height:28px}}@media screen and (max-width: 768px){.composer{min-width:280px;min-height:220px;max-width:calc(100vw - 16px);max-height:calc(75vh - 16px);border-radius:16px;box-shadow:0 12px 32px #00000026,0 6px 16px #0000001a}.composer.embedded{left:8px!important;top:8px!important;width:calc(100vw - 16px)!important;height:calc(45vh - 16px)!important}.composer-header{padding:12px 14px;font-size:14px;border-radius:16px 16px 0 0}.composer-control-btn{width:28px;height:28px;font-size:16px;border-radius:8px}.composer-content{padding:14px}.composer-footer{padding:12px 14px;font-size:12px;border-radius:0 0 16px 16px}.composer-textarea{font-size:16px;line-height:1.5}.composer-action-btn{padding:8px 12px;font-size:13px;border-radius:8px;min-height:36px}.ask-btn,.image-btn,.analyze-btn,.clear-btn{width:36px;height:36px}}@media screen and (max-width: 480px){.composer{min-width:260px;min-height:120px;left:4px!important;top:4px!important;width:calc(100vw - 8px)!important;height:calc(40vh - 8px)!important;max-width:calc(100vw - 8px)!important;max-height:calc(80vh - 8px)!important;border-radius:12px;box-shadow:0 8px 24px #0003,0 4px 12px #00000026}.composer-header{padding:10px 12px;font-size:13px;border-radius:12px 12px 0 0}.composer-control-btn{width:24px;height:24px;font-size:14px;border-radius:6px}.composer-content{padding:12px}.composer-footer{padding:10px 12px;font-size:11px;border-radius:0 0 12px 12px}.composer-textarea{font-size:16px;line-height:1.4}.composer-action-btn{padding:6px 10px;font-size:12px;border-radius:6px;min-height:32px}.ask-btn,.image-btn,.analyze-btn,.clear-btn{width:32px;height:32px}}@media screen and (max-width: 360px){.composer{min-width:240px;min-height:100px;left:2px!important;top:2px!important;width:calc(100vw - 4px)!important;height:calc(35vh - 4px)!important;max-width:calc(100vw - 4px)!important;max-height:calc(75vh - 4px)!important;border-radius:10px}.composer-header{padding:8px 10px;font-size:12px;border-radius:10px 10px 0 0}.composer-control-btn{width:22px;height:22px;font-size:12px;border-radius:5px}.composer-content{padding:10px}.composer-footer{padding:8px 10px;font-size:10px;border-radius:0 0 10px 10px}.composer-textarea{font-size:15px;line-height:1.3}.composer-action-btn{padding:5px 8px;font-size:11px;border-radius:5px;min-height:28px}.ask-btn,.image-btn,.analyze-btn,.clear-btn{width:28px;height:28px}}@media screen and (max-width: 1024px){.composer.embedded.movable{min-width:320px;min-height:180px}}@media screen and (max-width: 768px){.composer.embedded{left:unset!important;top:unset!important;width:100%!important;height:100%!important}.composer.embedded.movable{min-width:280px;min-height:220px}}@media screen and (max-width: 480px){.composer.embedded.movable{min-width:260px;min-height:120px}.composer-floating-icon,.composer-close-icon{width:50px;height:50px}.floating-icon-emoji{font-size:16px}.floating-icon-text{font-size:7px}}.composer-floating-icon{position:fixed;width:80px;height:80px;background:linear-gradient(135deg,#ff7e29,#ff9a3e);border-radius:50%;box-shadow:0 4px 20px #ff7e2966;cursor:grab;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;animation:floatIn .4s cubic-bezier(.4,0,.2,1),gentlePulse 3s ease-in-out infinite}.composer-floating-icon:hover{transform:scale(1.1);box-shadow:0 6px 25px #ff7e2999;background:linear-gradient(135deg,#ff9a3e,#ffb366)}.composer-floating-icon:active{transform:scale(.95)}.composer-floating-icon.dragging{cursor:grabbing;transform:scale(1.05);box-shadow:0 8px 30px #ff7e29b3;z-index:1002}.floating-icon-content{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center}.floating-icon-emoji{font-size:20px;margin-bottom:2px;display:block}.floating-icon-text{font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.9;line-height:1}.composer-close-icon{position:fixed;width:80px;height:80px;background:linear-gradient(135deg,#6b7280,#9ca3af);border-radius:50%;box-shadow:0 4px 20px #6b728066;cursor:grab;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);filter:grayscale(.3);-webkit-user-select:none;user-select:none;animation:closeFloatIn .4s cubic-bezier(.4,0,.2,1),closeGentlePulse 3s ease-in-out infinite}.composer-close-icon:hover{transform:scale(1.1);box-shadow:0 6px 25px #6b728099;background:linear-gradient(135deg,#9ca3af,#d1d5db);filter:grayscale(.1)}.composer-close-icon:active{transform:scale(.95)}.composer-close-icon.dragging{cursor:grabbing;transform:scale(1.05);box-shadow:0 8px 30px #6b7280b3;z-index:1002}@keyframes closeFloatIn{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{opacity:.8;transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes closeGentlePulse{0%,to{box-shadow:0 4px 20px #6b728066}50%{box-shadow:0 6px 25px #6b728099}}body.dark-mode .composer-floating-icon{background:linear-gradient(135deg,#ff7e29,#ff9a3e);box-shadow:0 4px 20px #ff7e294d}body.dark-mode .composer-floating-icon:hover{box-shadow:0 6px 25px #ff7e2980}body.dark-mode .composer-close-icon{background:linear-gradient(135deg,#4b5563,#6b7280);box-shadow:0 4px 20px #4b55634d;filter:grayscale(.4)}body.dark-mode .composer-close-icon:hover{box-shadow:0 6px 25px #4b556380;background:linear-gradient(135deg,#6b7280,#9ca3af);filter:grayscale(.2)}.composer.minimized .composer-content,.composer.minimized .composer-footer,.composer.minimized .resize-handle{opacity:0;transform:translateY(-10px);transition:all .2s ease}@keyframes floatIn{0%{opacity:0;transform:scale(.3) translateY(20px)}50%{opacity:.8;transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes gentlePulse{0%,to{box-shadow:0 4px 20px #ff7e2966}50%{box-shadow:0 6px 25px #ff7e2999}}.composer.restoring{animation:restoreIn .4s cubic-bezier(.4,0,.2,1)}@keyframes restoreIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.composer:focus-within{box-shadow:0 8px 32px #ff7e294d;border-color:#ff9a3e}.composer.fixed:focus-within{box-shadow:0 8px 32px #10b9814d;border-color:#10b981}body.dark-mode .composer:focus-within{box-shadow:0 8px 32px #f9731666;border-color:#fb923c}body.dark-mode .composer.fixed:focus-within{box-shadow:0 8px 32px #10b98166;border-color:#10b981}.composer:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0003}.composer.fixed:hover{box-shadow:0 12px 40px #10b9814d}body.dark-mode .composer:hover{box-shadow:0 12px 40px #00000080}body.dark-mode .composer.fixed:hover{box-shadow:0 12px 40px #10b98166}.composer *{transition:all .2s ease}.composer,.composer-header,.composer-content,.composer-footer,.composer-action-btn{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.composer *,.composer-floating-icon,.composer-close-icon{animation:none!important;transition:none!important}}.composer-textarea::-webkit-scrollbar{width:8px}.composer-textarea::-webkit-scrollbar-track{background:transparent}.composer-textarea::-webkit-scrollbar-thumb{background:#ff7e29;border-radius:4px}.composer-textarea::-webkit-scrollbar-thumb:hover{background:#ff9a3e}body.dark-mode .composer-textarea::-webkit-scrollbar-thumb{background:#f97316}body.dark-mode .composer-textarea::-webkit-scrollbar-thumb:hover{background:#fb923c}@media screen and (max-width: 768px){.composer-floating-icon,.composer-close-icon{width:70px;height:70px;top:90px}.floating-icon-emoji{font-size:18px}.floating-icon-text{font-size:8px}}@media screen and (max-width: 480px){.composer-floating-icon,.composer-close-icon{width:65px;height:65px;top:85px}.floating-icon-emoji{font-size:16px}.floating-icon-text{font-size:7px}}.mermaid-diagram-container{width:100%;height:100%;display:flex;flex-direction:column;background:#fff;border-radius:.5rem;overflow:hidden;position:relative}.dark-mode .mermaid-diagram-container{background:#1f2937}.mermaid-zoom-controls{position:absolute;top:10px;right:10px;z-index:10;display:flex;align-items:center;gap:2px;background:#fffffff2;border:1px solid #e5e7eb;border-radius:8px;padding:6px;box-shadow:0 2px 8px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:120px;justify-content:space-between}.dark-mode .mermaid-zoom-controls{background:#1f2937f2;border-color:#4b5563;box-shadow:0 2px 8px #0000004d}.zoom-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#6b7280;cursor:pointer;transition:all .2s ease;font-size:14px;flex-shrink:0}.zoom-button svg{width:18px;height:18px;display:block;fill:currentColor;stroke:currentColor;stroke-width:0}.zoom-in-button svg,.zoom-out-button svg,.reset-button svg{width:16px;height:16px;display:block;fill:currentColor;opacity:1}.zoom-in-button,.zoom-out-button{font-size:16px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center}.zoom-button:hover:not(:disabled){background:#f3f4f6;color:#374151}.dark-mode .zoom-button:hover:not(:disabled){background:#374151;color:#e5e7eb}.zoom-in-button,.zoom-out-button,.reset-button{color:#6b7280!important}.zoom-in-button:hover:not(:disabled),.zoom-out-button:hover:not(:disabled),.reset-button:hover:not(:disabled){background:#f3f4f6!important;color:#374151!important}.dark-mode .zoom-in-button,.dark-mode .zoom-out-button,.dark-mode .reset-button{color:#9ca3af!important}.dark-mode .zoom-in-button:hover:not(:disabled),.dark-mode .zoom-out-button:hover:not(:disabled),.dark-mode .reset-button:hover:not(:disabled){background:#374151!important;color:#e5e7eb!important}.zoom-button:disabled{opacity:.4;cursor:not-allowed}.reset-button{flex-direction:column;gap:1px;font-size:8px;width:28px;height:28px;padding:2px}.reset-button span{font-size:8px;font-weight:500;line-height:1}.export-button{background:#3b82f6;color:#fff;border:1px solid #3b82f6;font-size:14px;min-width:40px;justify-content:center}.export-button:hover{background:#2563eb;border-color:#2563eb}.mermaid-diagram-container.zoomed{overflow:auto;max-height:80vh}.mermaid-diagram-container.zoomed .mermaid-diagram{min-width:fit-content;min-height:fit-content}.mermaid-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#6b7280;min-height:200px}.dark-mode .mermaid-loading{color:#9ca3af}.loading-spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.dark-mode .loading-spinner{border-color:#374151;border-top-color:#60a5fa}.mermaid-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#dc2626;min-height:200px}.dark-mode .mermaid-error{color:#f87171}.error-icon{font-size:2rem;margin-bottom:1rem}.error-message{font-size:1rem;font-weight:500;margin-bottom:1rem}.error-details{margin-top:1rem;text-align:left;max-width:100%}.error-details summary{cursor:pointer;font-weight:500;margin-bottom:.5rem;color:#6b7280}.dark-mode .error-details summary{color:#9ca3af}.error-code{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.375rem;padding:1rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;max-height:200px;overflow-y:auto}.dark-mode .error-code{background:#374151;border-color:#4b5563;color:#e5e7eb}.mermaid-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#6b7280;min-height:200px}.dark-mode .mermaid-placeholder{color:#9ca3af}.placeholder-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.placeholder-subtitle{font-size:.875rem;margin-top:.5rem;opacity:.8}.mermaid-diagram{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:auto;background:#fff;pointer-events:auto;position:relative;z-index:1}.dark-mode .mermaid-diagram{background:#1f2937}.mermaid-diagram svg{max-width:100%;max-height:100%;width:auto;height:auto;border-radius:8px}.mermaid-diagram{background:#fff}.mermaid-diagram svg{background:transparent;box-shadow:none}.dark-mode .mermaid-diagram{background:#1f2937;padding:16px}.dark-mode .mermaid-diagram svg{background:#fff;box-shadow:0 4px 12px #0000004d;border-radius:8px}@media (max-width: 768px){.mermaid-loading,.mermaid-error,.mermaid-placeholder{padding:1rem;min-height:150px}.loading-spinner{width:24px;height:24px;border-width:2px}.error-icon{font-size:1.5rem}.placeholder-icon{font-size:2rem}.mermaid-diagram{padding:.5rem}.mermaid-zoom-controls{top:8px;right:8px;gap:2px;padding:2px}.zoom-button{width:28px;height:28px;font-size:14px}.reset-button{min-width:32px;height:32px;font-size:8px}.reset-button span{font-size:8px}}.mermaid-diagram-container:focus{outline:2px solid #3b82f6;outline-offset:2px}.dark-mode .mermaid-diagram-container:focus{outline-color:#60a5fa}@media (prefers-reduced-motion: reduce){.loading-spinner{animation:none}}.k-agent-chat-panel{position:fixed;right:-40vw;top:0;width:40vw;height:100vh;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-10px 0 25px -12px #00000026;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:10004;overflow:hidden;display:flex;flex-direction:column}.k-agent-chat-panel.open{right:0}body.dark-mode .k-agent-chat-panel{background:#1f2937;border-left-color:#374151;box-shadow:-10px 0 25px -12px #0006}.k-agent-chat-header{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;padding:1.25rem 1.5rem;border-bottom:2px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:space-between;min-height:4.5rem;max-height:4.5rem;box-shadow:0 4px 6px -1px #0000001a;position:relative;z-index:10;flex-shrink:0;overflow:hidden;box-sizing:border-box}.k-agent-chat-title{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:1.1rem;flex-shrink:0;overflow:hidden;max-height:2rem}.k-agent-icon{font-size:1.25rem;width:1.25rem;height:1.25rem;max-width:1.25rem;max-height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.k-agent-close-btn{background:#ffffff1a;border:none;color:#fff;border-radius:50%;width:32px;height:32px;max-width:32px;max-height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;overflow:hidden}.k-agent-close-btn:hover{background:#fff3;transform:scale(1.05)}.k-agent-chat-messages{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background:#f8fafc;margin-top:0;position:relative;z-index:1}body.dark-mode .k-agent-chat-messages{background:#111827}.k-agent-message{display:flex;gap:.75rem;max-width:85%}.k-agent-message.user-message{align-self:flex-end;flex-direction:row-reverse}.k-agent-message.agent-message{align-self:flex-start}.k-agent-message-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.875rem;overflow:hidden}.user-message .k-agent-message-avatar{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff}.agent-message .k-agent-message-avatar{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.k-agent-message-content{display:flex;flex-direction:column;gap:.25rem}.k-agent-message-text{background:#fff;padding:.75rem 1rem;border-radius:1rem;box-shadow:0 2px 4px #0000001a;word-wrap:break-word;line-height:1.5}.user-message .k-agent-message-text{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;border-bottom-right-radius:.25rem}.agent-message .k-agent-message-text{background:#fff;color:#374151;border-bottom-left-radius:.25rem}body.dark-mode .agent-message .k-agent-message-text{background:#374151;color:#e5e7eb}.k-agent-message-context{font-size:.75rem;color:#6b7280;font-style:italic;margin-top:.25rem}body.dark-mode .k-agent-message-context{color:#9ca3af}.k-agent-message-time{font-size:.75rem;color:#9ca3af;align-self:flex-end}body.dark-mode .k-agent-message-time{color:#6b7280}.k-agent-typing-indicator{display:flex;gap:.25rem;padding:.75rem 1rem;background:#fff;border-radius:1rem 1rem 1rem .25rem;box-shadow:0 2px 4px #0000001a}body.dark-mode .k-agent-typing-indicator{background:#374151}.k-agent-typing-indicator span{width:6px;height:6px;border-radius:50%;background:#9ca3af;animation:typing 1.4s infinite ease-in-out}.k-agent-typing-indicator span:nth-child(1){animation-delay:-.32s}.k-agent-typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.k-agent-context-indicator{font-size:.75rem;color:#ff7e29;background:#ff7e291a;padding:.75rem 1rem;border-radius:.5rem;border-left:3px solid #ff7e29;margin:1rem;flex-shrink:0}body.dark-mode .k-agent-context-indicator{color:#fb923c;background:#ff7e2926;border-left-color:#ff7e29}@media (max-width: 1024px){.k-agent-chat-panel{width:50vw;right:-50vw}}@media (max-width: 768px){.k-agent-chat-panel{width:100vw;right:-100vw}.k-agent-chat-header{padding:.75rem 1rem}.k-agent-chat-messages{padding:.75rem}.k-agent-message{max-width:90%}}@media (max-width: 480px){.k-agent-chat-title{font-size:1rem}.k-agent-message-avatar{width:28px;height:28px;font-size:.875rem}.k-agent-message-text{padding:.625rem .875rem;font-size:.875rem}.k-agent-send-btn{width:36px;height:36px}}.k-agent-chat-messages::-webkit-scrollbar{width:6px}.k-agent-chat-messages::-webkit-scrollbar-track{background:transparent}.k-agent-chat-messages::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.k-agent-chat-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af}body.dark-mode .k-agent-chat-messages::-webkit-scrollbar-thumb{background:#4b5563}body.dark-mode .k-agent-chat-messages::-webkit-scrollbar-thumb:hover{background:#6b7280}@keyframes slideInFromRight{0%{right:-50vw}to{right:0}}.k-agent-chat-panel.open{animation:slideInFromRight .3s cubic-bezier(.4,0,.2,1)}.k-agent-chat-panel,.k-agent-message,.k-agent-send-btn{will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.k-agent-chat-panel,.k-agent-send-btn,.k-agent-typing-indicator span{animation:none!important;transition:none!important}}.k-agent-markdown-h1{font-size:1.25rem;font-weight:700;margin:.75rem 0 .5rem;line-height:1.3}.k-agent-markdown-h2{font-size:1.125rem;font-weight:600;margin:.625rem 0 .375rem;line-height:1.3}.k-agent-markdown-h3{font-size:1rem;font-weight:600;margin:.5rem 0 .25rem;line-height:1.3}.k-agent-markdown-h4{font-size:.875rem;font-weight:600;margin:.375rem 0 .25rem;line-height:1.3}.k-agent-markdown-h5{font-size:.8125rem;font-weight:600;margin:.25rem 0 .125rem;line-height:1.3}.k-agent-markdown-h6{font-size:.75rem;font-weight:600;margin:.25rem 0 .125rem;line-height:1.3}.k-agent-markdown-p{margin:.25rem 0;line-height:1.5}.k-agent-markdown-ul{margin:.5rem 0;padding-left:1.25rem;list-style-type:disc}.k-agent-markdown-ol{margin:.5rem 0;padding-left:1.25rem;list-style-type:decimal}.k-agent-markdown-li{margin:.125rem 0;line-height:1.4}.k-agent-markdown-strong{font-weight:600}.k-agent-markdown-em{font-style:italic}.k-agent-markdown-code-inline{background:#0000001a;padding:.125rem .25rem;border-radius:.25rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;font-weight:500}.k-agent-markdown-code-block,.k-agent-markdown-pre{background:#0000000d;padding:.75rem;border-radius:.5rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.4;overflow-x:auto;margin:.5rem 0;border:1px solid rgba(0,0,0,.1)}.k-agent-markdown-blockquote{border-left:3px solid #ff7e29;padding-left:.75rem;margin:.5rem 0;font-style:italic;background:#ff7e290d;padding:.5rem .75rem;border-radius:0 .25rem .25rem 0}.k-agent-markdown-link{color:#ff7e29;text-decoration:underline;text-decoration-color:#ff7e294d;transition:all .2s ease}.k-agent-markdown-link:hover{color:#ff9a3e;text-decoration-color:#ff9a3e}.k-agent-markdown-table{width:100%;border-collapse:collapse;margin:.5rem 0;font-size:.875rem}.k-agent-markdown-thead{background:#0000000d}.k-agent-markdown-tbody{background:transparent}.k-agent-markdown-tr{border-bottom:1px solid rgba(0,0,0,.1)}.k-agent-markdown-th{padding:.5rem;text-align:left;font-weight:600;border-right:1px solid rgba(0,0,0,.1)}.k-agent-markdown-td{padding:.5rem;border-right:1px solid rgba(0,0,0,.1)}.k-agent-markdown-hr{border:none;height:1px;background:#0000001a;margin:.75rem 0}body.dark-mode .k-agent-markdown-code-inline{background:#ffffff1a;color:#e5e7eb}body.dark-mode .k-agent-markdown-code-block,body.dark-mode .k-agent-markdown-pre{background:#ffffff0d;border-color:#ffffff1a;color:#e5e7eb}body.dark-mode .k-agent-markdown-blockquote{border-left-color:#ff9a3e;background:#ff7e291a;color:#e5e7eb}body.dark-mode .k-agent-markdown-link{color:#ff9a3e;text-decoration-color:#ff9a3e4d}body.dark-mode .k-agent-markdown-link:hover{color:#ffb366;text-decoration-color:#ffb366}body.dark-mode .k-agent-markdown-thead{background:#ffffff0d}body.dark-mode .k-agent-markdown-tr{border-bottom-color:#ffffff1a}body.dark-mode .k-agent-markdown-th,body.dark-mode .k-agent-markdown-td{border-right-color:#ffffff1a;color:#e5e7eb}body.dark-mode .k-agent-markdown-hr{background:#ffffff1a}.user-message .k-agent-markdown-h1,.user-message .k-agent-markdown-h2,.user-message .k-agent-markdown-h3,.user-message .k-agent-markdown-h4,.user-message .k-agent-markdown-h5,.user-message .k-agent-markdown-h6,.user-message .k-agent-markdown-p,.user-message .k-agent-markdown-strong{color:#fff}.user-message .k-agent-markdown-em{color:#ffffffe6}.user-message .k-agent-markdown-code-inline{background:#fff3;color:#fff}.user-message .k-agent-markdown-code-block,.user-message .k-agent-markdown-pre{background:#ffffff26;border-color:#fff3;color:#fff}.user-message .k-agent-markdown-blockquote{border-left-color:#fff9;background:#ffffff1a;color:#fff}.user-message .k-agent-markdown-link{color:#ffffffe6;text-decoration-color:#fff6}.user-message .k-agent-markdown-link:hover{color:#fff;text-decoration-color:#fff}.user-message .k-agent-markdown-table{color:#fff}.user-message .k-agent-markdown-thead{background:#ffffff1a}.user-message .k-agent-markdown-tr{border-bottom-color:#fff3}.user-message .k-agent-markdown-th,.user-message .k-agent-markdown-td{border-right-color:#fff3;color:#fff}.user-message .k-agent-markdown-hr{background:#fff3}.file-uploader-dialog{max-height:90vh;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.file-uploader-header{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;padding:1.5rem 2rem;border-bottom:2px solid rgba(255,255,255,.2);box-shadow:0 4px 6px -1px #0000001a}.file-uploader-header .MuiTypography-root{color:#fff;font-weight:600}.file-uploader-content{padding:0!important;min-height:400px}.file-uploader-tabs{border-bottom:1px solid #e5e7eb;background:#f9fafb}.file-uploader-tabs .MuiTab-root{text-transform:none;font-weight:500;color:#6b7280;padding:1rem 2rem}.file-uploader-tabs .Mui-selected{color:#ff7e29;background:#ff7e291a}.file-uploader-tab-content{padding:2rem}.file-uploader-drop-zone{border:2px dashed #d1d5db;background:#f9fafb;transition:all .3s ease;cursor:pointer;margin-bottom:1.5rem}.file-uploader-drop-zone:hover{border-color:#ff7e29;background:#ff7e290d}.file-uploader-drop-zone.drag-over{border-color:#ff7e29;background:#ff7e291a;transform:scale(1.02)}.file-uploader-drop-content{padding:3rem 2rem!important}.file-uploader-icon{color:#9ca3af;margin-bottom:1rem;transition:all .3s ease}.file-uploader-icon.drag-active{color:#ff7e29;transform:scale(1.1) rotate(10deg)}.file-uploader-browse-btn{background:linear-gradient(135deg,#ff7e29,#ff9a3e)!important;color:#fff!important;font-weight:600!important;padding:.75rem 2rem!important;border-radius:8px!important;text-transform:none!important;box-shadow:0 4px 6px -1px #ff7e294d!important}.file-uploader-browse-btn:hover{background:linear-gradient(135deg,#e66a1a,#e88a2e)!important;transform:translateY(-1px);box-shadow:0 6px 8px -1px #ff7e2966!important}.file-uploader-progress-container{max-height:300px;overflow-y:auto;padding-right:.5rem}.file-uploader-file-card{margin-bottom:.75rem;border:1px solid #e5e7eb;border-radius:8px;transition:all .2s ease}.file-uploader-file-card:hover{border-color:#ff7e29;box-shadow:0 2px 4px #ff7e291a}.file-uploader-file-content{padding:1rem!important}.file-uploader-progress{margin-top:.5rem;height:4px!important;border-radius:2px!important}.file-uploader-progress .MuiLinearProgress-bar{background:linear-gradient(135deg,#ff7e29,#ff9a3e)!important}.file-uploader-remove-btn{color:#6b7280!important;padding:.25rem!important}.file-uploader-remove-btn:hover{color:#ef4444!important;background:#ef44441a!important}.file-uploader-cloud-btn{height:80px;flex-direction:column;gap:.5rem;border:1px solid #d1d5db!important;border-radius:8px!important;color:#374151!important;font-weight:500!important}.file-uploader-cloud-btn:hover{border-color:#ff7e29!important;background:#ff7e290d!important;color:#ff7e29!important}.file-uploader-cloud-list{max-height:300px;overflow-y:auto;border:1px solid #e5e7eb;border-radius:8px;background:#fff}.file-uploader-cloud-item{padding:1rem!important;transition:all .2s ease}.file-uploader-cloud-item:hover{background:#f9fafb!important}.file-uploader-cloud-item.selected{background:#ff7e291a!important;border-left:3px solid #ff7e29}.file-uploader-source-chip{font-size:.75rem!important;height:20px!important;border-color:#d1d5db!important;color:#6b7280!important}.file-uploader-actions{padding:1.5rem 2rem!important;border-top:1px solid #e5e7eb;background:#f9fafb}.file-uploader-count{color:#374151!important;font-weight:600!important}.file-uploader-select-btn{background:linear-gradient(135deg,#ff7e29,#ff9a3e)!important;color:#fff!important;font-weight:600!important;padding:.75rem 1.5rem!important;border-radius:8px!important;text-transform:none!important;box-shadow:0 4px 6px -1px #ff7e294d!important}.file-uploader-select-btn:hover{background:linear-gradient(135deg,#e66a1a,#e88a2e)!important;transform:translateY(-1px);box-shadow:0 6px 8px -1px #ff7e2966!important}.file-uploader-select-btn:disabled{background:#d1d5db!important;color:#9ca3af!important;transform:none!important;box-shadow:none!important}body.dark-mode .file-uploader-dialog{background:#1f2937;color:#f9fafb}body.dark-mode .file-uploader-tabs{background:#374151;border-bottom-color:#4b5563}body.dark-mode .file-uploader-tabs .MuiTab-root{color:#d1d5db}body.dark-mode .file-uploader-drop-zone{border-color:#4b5563;background:#374151}body.dark-mode .file-uploader-drop-zone:hover{background:#ff7e291a}body.dark-mode .file-uploader-file-card,body.dark-mode .file-uploader-cloud-list{background:#374151;border-color:#4b5563}body.dark-mode .file-uploader-cloud-item:hover{background:#4b5563!important}body.dark-mode .file-uploader-actions{background:#374151;border-top-color:#4b5563}body.dark-mode .file-uploader-count{color:#f9fafb!important}@media (max-width: 768px){.file-uploader-dialog{margin:1rem;max-height:calc(100vh - 2rem)}.file-uploader-header{padding:1rem 1.5rem}.file-uploader-tab-content{padding:1rem}.file-uploader-drop-content{padding:2rem 1rem!important}.file-uploader-actions{padding:1rem 1.5rem!important;flex-direction:column;gap:1rem}.file-uploader-actions>div{width:100%;justify-content:space-between}}@keyframes fileUploadPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.file-uploader-file-card.uploading{animation:fileUploadPulse 2s infinite}.file-uploader-progress-container::-webkit-scrollbar,.file-uploader-cloud-list::-webkit-scrollbar{width:6px}.file-uploader-progress-container::-webkit-scrollbar-track,.file-uploader-cloud-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.file-uploader-progress-container::-webkit-scrollbar-thumb,.file-uploader-cloud-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.file-uploader-progress-container::-webkit-scrollbar-thumb:hover,.file-uploader-cloud-list::-webkit-scrollbar-thumb:hover{background:#ff7e29}.main-k-agent-window{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;flex-direction:column;z-index:10000;overflow:hidden}.k-agent-content-container{display:flex;flex:1;height:calc(100vh - 60px);overflow:hidden}.main-k-agent-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;height:100%;overflow:hidden;display:flex;flex-direction:column}.sidebar-header{padding:1.5rem 1rem;background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;box-shadow:0 4px 12px #ff7e294d;border-bottom:none}.sidebar-title{color:#fff!important;font-weight:600!important}.new-chat-btn{background:#ffffff26!important;color:#fff!important;border:none!important;font-weight:600!important;text-transform:none!important;border-radius:12px!important;padding:.875rem 1rem!important;box-shadow:0 2px 8px #00000026!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;transition:all .3s ease!important}.new-chat-btn:hover{background:#ffffff40!important;transform:translateY(-2px)!important;box-shadow:0 4px 16px #0003!important}.new-chat-btn:active{transform:translateY(0)!important;box-shadow:0 2px 8px #00000026!important}.sidebar-content{flex:1;overflow-y:auto;padding:.5rem 0}.chat-item{margin:.25rem .5rem;border-radius:8px!important;transition:all .2s ease!important}.chat-item:hover{background:#ff7e291a!important}.chat-item.Mui-selected{background:#ff7e2933!important;border-left:3px solid #ff7e29}.sidebar-footer{border-top:1px solid #e2e8f0;background:#f8fafc}.main-content{flex:1;display:flex;flex-direction:column;height:100%;background:#fff;transition:margin-left .3s ease}.mobile-header{background:linear-gradient(135deg,#ff7e29,#ff9a3e)!important;color:#fff!important}.mobile-header .MuiIconButton-root,.mobile-header .MuiTypography-root{color:#fff!important}.chat-messages{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column;gap:.75rem}.message-container{display:flex;width:100%}.message-container.user{justify-content:flex-end}.message-container.assistant{justify-content:flex-start}.message-content{max-width:70%;min-width:200px}.message-container.user .message-content{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;border-radius:18px 18px 4px;padding:.75rem 1rem}.message-container.assistant .message-content{background:#f1f5f9;color:#1e293b;border-radius:18px 18px 18px 4px;padding:.75rem 1rem;border:1px solid #e2e8f0}.message-body{display:flex;flex-direction:column;gap:.5rem}.message-time{font-size:.75rem!important;opacity:.7}.message-text{line-height:1.5}.message-text p{margin:0 0 .5rem}.message-text p:last-child{margin-bottom:0}.message-text code{background:#0000001a;padding:.125rem .25rem;border-radius:3px;font-size:.875rem}.message-text pre{background:#0000000d;padding:.75rem;border-radius:6px;overflow-x:auto;margin:.5rem 0}.message-text pre code{background:none;padding:0}.message-attachments{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.attachment-chip{background:#fff3!important;color:inherit!important;border-color:#ffffff4d!important}.message-citations{margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.2)}.citation-chip{margin:.25rem .25rem .25rem 0;background:#ffffff1a!important;color:inherit!important;border-color:#fff3!important}.message-avatar{width:32px!important;height:32px!important;flex-shrink:0}.message-avatar.user{background:linear-gradient(135deg,#ff7e29,#ff9a3e)!important}.message-avatar.assistant{background:#f1f5f9!important}.message-avatar.assistant .MuiSvgIcon-root{color:#3b82f6!important}.ai-orchestrator-card{margin-top:1rem;background:#ff7e290d!important;border:1px solid rgba(255,126,41,.2)!important;border-radius:12px!important}.ai-orchestrator-card .MuiCardContent-root{padding:1rem!important}.message-input-container{padding:1rem;background:#fff;border-top:1px solid #e2e8f0}.send-button{background:linear-gradient(135deg,#ff7e29,#ff9a3e)!important;color:#fff!important;border-radius:50%!important;width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;box-shadow:0 2px 4px #ff7e294d!important;transition:all .2s ease!important}.send-button:hover{background:linear-gradient(135deg,#ff6b1a,#ff8a2b)!important;transform:translateY(-1px)!important;box-shadow:0 4px 8px #ff7e2966!important}.send-button:disabled{background:#94a3b8!important;color:#64748b!important;box-shadow:none!important;transform:none!important}.send-button .MuiSvgIcon-root{font-size:1.2rem!important}.message-input-paper{border-radius:24px!important;padding:.75rem;box-shadow:0 4px 6px -1px #0000001a!important;border:1px solid #e2e8f0}.attachments-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.message-input-form{display:flex;align-items:flex-end;gap:.5rem}.message-textfield{flex:1}.message-textfield .MuiOutlinedInput-root{border-radius:20px!important;padding-right:.5rem!important}.message-textfield .MuiOutlinedInput-input{padding:.75rem 1rem!important}.architecture-component-card{border:1px solid #e2e8f0!important;border-radius:8px!important;transition:all .2s ease!important}.architecture-component-card:hover{border-color:#ff7e29!important;box-shadow:0 2px 4px #ff7e291a!important}body.dark-mode .main-k-agent-window{background:#0f172a;color:#f1f5f9}body.dark-mode .k-agent-content-container{background:#0f172a}body.dark-mode .main-k-agent-sidebar{background:#1e293b;border-right-color:#334155}body.dark-mode .sidebar-header{background:linear-gradient(135deg,#ff7e29,#ff9a3e)!important;color:#fff!important;box-shadow:0 4px 12px #ff7e2966!important;border-bottom:none!important}body.dark-mode .sidebar-content{background:#1e293b}body.dark-mode .sidebar-footer{background:#1e293b;border-top-color:#334155}body.dark-mode .sidebar-footer .MuiTypography-root{color:#94a3b8!important}body.dark-mode .main-content,body.dark-mode .chat-messages{background:#0f172a}body.dark-mode .message-container.assistant .message-content{background:#1e293b;color:#f1f5f9;border-color:#334155}body.dark-mode .message-container.user .message-content{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff}body.dark-mode .message-avatar.assistant{background:#1e293b!important}body.dark-mode .message-avatar.assistant .MuiSvgIcon-root{color:#3b82f6!important}body.dark-mode .message-time{color:#94a3b8!important}body.dark-mode .message-text,body.dark-mode .message-text p{color:#f1f5f9}body.dark-mode .message-text code{background:#ffffff1a;color:#f1f5f9}body.dark-mode .message-text pre{background:#0000004d;color:#f1f5f9}body.dark-mode .message-input-container{background:#0f172a;border-top-color:#334155}body.dark-mode .message-input-paper{background:#1e293b!important;border-color:#334155!important}body.dark-mode .message-textfield .MuiOutlinedInput-root{background:#1e293b;color:#f1f5f9}body.dark-mode .message-textfield .MuiOutlinedInput-root fieldset{border-color:#334155}body.dark-mode .message-textfield .MuiOutlinedInput-root:hover fieldset,body.dark-mode .message-textfield .MuiOutlinedInput-root.Mui-focused fieldset{border-color:#ff7e29}body.dark-mode .message-textfield .MuiOutlinedInput-input{color:#f1f5f9!important}body.dark-mode .message-textfield .MuiOutlinedInput-input::placeholder{color:#64748b!important}body.dark-mode .ai-orchestrator-card{background:#ff7e291a!important;border-color:#ff7e294d!important}body.dark-mode .ai-orchestrator-card .MuiTypography-root{color:#f1f5f9!important}body.dark-mode .architecture-component-card{background:#1e293b!important;border-color:#334155!important}body.dark-mode .architecture-component-card:hover{border-color:#ff7e29!important}body.dark-mode .architecture-component-card .MuiTypography-root,body.dark-mode .chat-item .MuiListItemText-primary{color:#f1f5f9!important}body.dark-mode .chat-item .MuiListItemText-secondary{color:#94a3b8!important}body.dark-mode .chat-item.Mui-selected{background:#ff7e2933!important}body.dark-mode .chat-item:hover{background:#ff7e291a!important}@media (max-width: 768px){.main-k-agent-window{flex-direction:column}.main-content{margin-left:0!important}.chat-messages{padding:.75rem}.message-content{max-width:85%;min-width:150px}.message-input-container{padding:.75rem}.message-input-form{flex-direction:column;align-items:stretch}.message-textfield{margin-bottom:.5rem}}@media (max-width: 480px){.message-content{max-width:90%}.message-container.user .message-content,.message-container.assistant .message-content{padding:.5rem .75rem}.message-avatar{width:28px!important;height:28px!important}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.message-container{animation:messageSlideIn .3s ease-out}@keyframes processingPulse{0%,to{opacity:1}50%{opacity:.5}}.ai-orchestrator-card{animation:processingPulse 2s infinite}.chat-messages::-webkit-scrollbar,.sidebar-content::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track,.sidebar-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb,.sidebar-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover,.sidebar-content::-webkit-scrollbar-thumb:hover{background:#ff7e29}body.dark-mode .chat-messages::-webkit-scrollbar-track,body.dark-mode .sidebar-content::-webkit-scrollbar-track{background:#334155}body.dark-mode .chat-messages::-webkit-scrollbar-thumb,body.dark-mode .sidebar-content::-webkit-scrollbar-thumb{background:#64748b}body.dark-mode .chat-messages::-webkit-scrollbar-thumb:hover,body.dark-mode .sidebar-content::-webkit-scrollbar-thumb:hover{background:#ff7e29}.message-textfield .MuiOutlinedInput-root:focus-within{border-color:#ff7e29!important;box-shadow:0 0 0 2px #ff7e2933!important}.chat-item:focus{outline:2px solid #ff7e29;outline-offset:2px}.message-container.thinking .message-content{opacity:.7}.message-container.thinking:after{content:"";position:absolute;bottom:.5rem;right:1rem;width:20px;height:20px;border:2px solid #ff7e29;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.inner-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.main-container{padding:1.5rem}.inner-grid{gap:1.5rem}}@media (max-width: 768px){.main-container{padding:1rem}.inner-grid{grid-template-columns:1fr;gap:1rem}}.inner-grid>div{transition:all .2s ease-in-out}.instructions-panel{position:fixed;top:1.5rem;left:1.5rem;right:1.5rem;background:#374151f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #4b5563;border-radius:12px;padding:1rem;box-shadow:0 10px 15px -3px #0000001a;z-index:50}@media (max-width: 768px){.instructions-panel{top:1rem;left:1rem;right:1rem;padding:.75rem}}header{display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative}.header-action-buttons{display:flex;align-items:center;justify-content:center;flex:1;padding:.5rem;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;margin-left:2rem;margin-right:2rem}body.dark-mode .header-action-buttons{background:#11182799;border-color:#4b556333}body:not(.dark-mode) .header-action-buttons{background:#fffc;border-color:#e2e8f099;box-shadow:0 2px 12px #00000014}.header-controls{display:flex;align-items:center;gap:.75rem;margin-left:auto;transition:all .3s ease;overflow:hidden;flex-shrink:0}.header-controls.collapsed{width:0;opacity:0;margin-left:0;pointer-events:none;flex-shrink:0}.header-controls-toggle{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#666;cursor:pointer;padding:.5rem;font-size:14px;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:10}.header-controls-toggle:hover{background:#fff3;color:#333}body.dark-mode .header-controls-toggle{background:#111827cc;border-color:#4b55634d;color:#9ca3af}body.dark-mode .header-controls-toggle:hover{background:#111827e6;color:#e5e7eb}@media (max-width: 1024px){.header-action-buttons{padding:.375rem;margin-left:1.5rem}}@media (max-width: 768px){header{flex-direction:column;gap:.75rem;position:relative}.header-action-buttons{order:1;width:100%;padding:.5rem;margin-left:0}.header-controls{order:2;margin-left:0;justify-content:center;position:relative;flex-direction:row}.header-controls-toggle{position:relative;right:auto;top:auto;transform:none;order:3;align-self:center;margin-top:.5rem}}.header-controls button{background:none;border:none;cursor:pointer;font-size:20px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;padding:0;margin:0}.header-controls button:hover{transform:translateY(-1px)}.back-home-btn{color:#6b7280}.back-home-btn:hover{color:#ff7e29}.my-account-btn{color:#6b7280}.my-account-btn:hover{color:#ff7e29}.debug-btn{color:#6b7280}.debug-btn:hover{color:#ff7e29}.collapsible-element{position:fixed;right:0;top:50%;transform:translateY(-50%);width:2rem;height:4rem;background:#374151;border:1px solid #4b5563;border-right:none;border-radius:8px 0 0 8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease-in-out;z-index:50}.collapsible-element:hover{background:#4b5563;border-color:#6b7280}.collapsible-element .icon{color:#9ca3af;font-size:1.125rem;transition:color .2s ease-in-out}.collapsible-element:hover .icon{color:#d1d5db}.k-agent-toggle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#2563eb;bottom:400px!important;top:auto!important;transform:none!important}.k-agent-toggle:hover{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#1d4ed8}.k-agent-toggle .icon{color:#fff;font-size:1.25rem}.k-agent-toggle:hover .icon{color:#fff;transform:scale(1.1)}body.dark-mode .k-agent-toggle{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#2563eb}body.dark-mode .k-agent-toggle:hover{background:linear-gradient(135deg,#2563eb,#1e40af);border-color:#1d4ed8}.sliding-panel{position:fixed;right:-50vw;top:0;width:50vw;height:100vh;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-10px 0 25px -12px #00000026;transition:right .3s cubic-bezier(.4,0,.2,1);z-index:10003;overflow:hidden;display:flex;flex-direction:column}.sliding-panel.open{right:0}.panel-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.functional-features-backdrop{z-index:10002;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.k-agent-backdrop{z-index:10003;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.task-requirements-backdrop{z-index:10002;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.component-container{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;border:1px solid #e5e7eb;transition:all .3s ease;overflow:hidden;height:100%;display:flex;flex-direction:column}.component-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;min-height:200px;overflow:hidden}.component-footer{background:#f9fafb;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;display:flex;align-items:center;justify-content:space-between}.dark-mode .component-footer{background:#1f2937;border-color:#374151;color:#9ca3af}@media (max-width: 768px){.component-header{padding:.75rem 1rem;min-height:3rem}.component-content{padding:1rem;min-height:150px}.component-footer{padding:.75rem 1rem}.component-title{font-size:.875rem}}.component-container:hover{transform:translateY(-2px);box-shadow:0 30px 60px -12px #0003}.dark-mode .component-container:hover{box-shadow:0 30px 60px -12px #00000080}*{transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.component-container:focus-within{outline:2px solid #ff7e29;outline-offset:2px}@media (prefers-reduced-motion: reduce){.main-container,.component-container,.component-header,.component-content,.component-footer{transition:none}.component-container:hover{transform:none}}.dark-mode .sliding-panel{background:#1f2937;border-left-color:#4b5563;box-shadow:-10px 0 25px -12px #0006}.sliding-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dark-mode .sliding-panel-header{background:#1f2937f2;border-bottom-color:#4b5563}.sliding-panel-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#374151}.dark-mode .sliding-panel-header h3{color:#f9fafb}.close-panel-btn{background:none;border:none;font-size:1.5rem;color:#6b7280;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem}.close-panel-btn:hover{background:#f3f4f6;color:#374151}.dark-mode .close-panel-btn{color:#9ca3af}.dark-mode .close-panel-btn:hover{background:#374151;color:#f9fafb}.sliding-panel-content{flex:1;padding:1.5rem;overflow-y:auto}.feature-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;padding:1.25rem;margin-bottom:1rem;transition:all .2s ease}.dark-mode .feature-section{background:#374151;border-color:#4b5563}.feature-section:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark-mode .feature-section:hover{box-shadow:0 4px 12px #0000004d}.feature-section h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem}.dark-mode .feature-section h4{color:#f9fafb}.feature-section p{margin:0 0 1rem;color:#6b7280;font-size:.875rem;line-height:1.5}.dark-mode .feature-section p{color:#9ca3af}.feature-btn{background:linear-gradient(to right,#ff7e29,#ff9a3e);color:#fff;border:none;padding:.75rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.feature-btn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;background:linear-gradient(to right,#e36414,#f2871f)}.dark-mode .feature-btn{background:linear-gradient(to right,#f97316,#fb923c);box-shadow:0 2px 4px #0003}.dark-mode .feature-btn:hover{background:linear-gradient(to right,#ea580c,#f97316);box-shadow:0 4px 8px #0000004d}.collapsible-element .icon.rotated{transform:rotate(180deg)}body:not(.dark-mode) .collapsible-element{background:#f3f4f6;border-color:#d1d5db}.empty-state{text-align:center;padding:2rem 1rem;color:#6b7280}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.6}.empty-state p{margin:.5rem 0;font-size:.875rem}.empty-state .hint{font-size:.75rem;opacity:.7;font-style:italic}body:not(.dark-mode) .collapsible-element:hover{background:#e5e7eb;border-color:#9ca3af}body:not(.dark-mode) .collapsible-element .icon{color:#6b7280}body:not(.dark-mode) .collapsible-element:hover .icon{color:#374151}@media (max-width: 1024px){.sliding-panel{width:60vw;right:-60vw}}@media (max-width: 768px){.sliding-panel{width:80vw;right:-80vw}.sliding-panel-header,.sliding-panel-content{padding:1rem}.feature-section{padding:1rem;margin-bottom:.75rem}.feature-section h4{font-size:1rem}.feature-btn{padding:.625rem 1rem;font-size:.8125rem}}@media (max-width: 480px){.sliding-panel{width:90vw;right:-90vw}.sliding-panel-header h3{font-size:1.125rem}.feature-section{padding:.875rem}}.feature-section{animation:slideInFromRight .3s ease-out;animation-fill-mode:both}.feature-section:nth-child(1){animation-delay:.1s}.feature-section:nth-child(2){animation-delay:.2s}.feature-section:nth-child(3){animation-delay:.3s}.feature-section:nth-child(4){animation-delay:.4s}.feature-section:nth-child(5){animation-delay:.5s}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion: reduce){.sliding-panel,.feature-section,.collapsible-element .icon{transition:none;animation:none}.sliding-panel{right:0}}.component-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#666}.component-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.5rem}.requirements-list{display:flex;flex-direction:column;gap:1rem}.requirement-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.dark-mode .requirement-item{background:#374151;border-color:#4b5563}.requirement-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem;gap:1rem}.requirement-title{font-size:1rem;font-weight:600;color:#111827;margin:0;flex:1}.dark-mode .requirement-title{color:#f9fafb}.requirement-badges{display:flex;gap:.5rem;flex-shrink:0}.priority-badge,.status-badge{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;color:#fff;text-transform:capitalize}.requirement-description{color:#6b7280;margin:.5rem 0;line-height:1.5}.dark-mode .requirement-description{color:#d1d5db}.mockups-section{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.dark-mode .mockups-section{border-top-color:#4b5563}.mockups-section h5{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem}.dark-mode .mockups-section h5{color:#d1d5db}.mockups-list{display:flex;flex-direction:column;gap:.25rem}.mockup-item{font-size:.875rem;color:#6b7280;padding:.25rem 0}.dark-mode .mockup-item{color:#9ca3af}@media (max-width: 768px){.requirement-header{flex-direction:column;align-items:flex-start;gap:.5rem}.requirement-badges{align-self:flex-start}}.logical-design-container{height:calc(100vh - 80px);padding:2rem;background:transparent;transition:background .3s ease;overflow-y:auto;display:flex;flex-direction:column}.logical-design-container.dark-mode{background:linear-gradient(135deg,#1f2937,#111827)}.logical-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;max-width:1400px;margin:0 auto;height:calc(100vh - 120px);align-items:stretch;flex:1}.logical-left-column,.logical-right-column{display:flex;flex-direction:column;gap:2rem;height:100%}.logical-left-column .component-container:last-child{flex:1}@media (max-width: 1024px){.logical-design-container{padding:1.5rem}.logical-design-grid,.logical-left-column,.logical-right-column{gap:1.5rem}}@media (max-width: 768px){.logical-design-container{padding:1rem}.logical-design-grid{grid-template-columns:1fr;gap:1rem}.logical-left-column,.logical-right-column{gap:1rem}}.logical-design-container .component-container{min-height:250px;max-height:400px;overflow:hidden}.logical-design-container .logical-left-column .component-container:last-child{min-height:400px;max-height:none;overflow:visible;flex:1}.logical-right-column .component-container{flex:1;min-height:0;max-height:350px}.logical-right-column .component-container:nth-child(2){flex:1.2;max-height:400px}.logical-right-column .component-container:last-child{flex:1.5;max-height:450px}.logical-right-column .component-container:first-child{min-height:280px;max-height:350px}.logical-right-column .component-container:first-child .component-content{overflow:hidden}.logical-right-column .component-container:first-child .component-text{overflow-y:auto;max-height:250px}.logical-design-container.content-overflow{overflow-y:auto}.logical-design-container.content-overflow .component-container{max-height:none;min-height:150px}.component-content{min-height:200px;display:flex;flex-direction:column}.logical-left-column .component-container:first-child{min-height:280px;max-height:350px;flex:0 0 auto}.logical-left-column .component-container:first-child .component-content{overflow:hidden}.logical-left-column .component-container:first-child .component-text{overflow-y:auto;max-height:250px}.component-text{flex:1;display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.component-text::-webkit-scrollbar{display:none}.component-text-content{overflow:visible;line-height:1.6}.component-text-content h1,.component-text-content h2,.component-text-content h3{margin-top:1rem;margin-bottom:.5rem;padding-top:.5rem}.component-text-content p{margin-bottom:.75rem;padding:.25rem 0}.component-text-content ul,.component-text-content ol{margin-bottom:1rem;padding-left:0}.component-text-content li{margin-bottom:.5rem;padding:.125rem 0}.dark-mode .component-text-content h1,.dark-mode .component-text-content h2,.dark-mode .component-text-content h3{color:#f9fafb}.dark-mode .component-text-content p{color:#d1d5db}.dark-mode .component-text-content strong{color:#f9fafb}.dark-mode .component-text-content code{background-color:#374151;color:#f9fafb}.dark-mode .component-text-content .text-blue-500{color:#60a5fa!important}.dark-mode .component-text-content .text-green-500{color:#34d399!important}.dark-mode .component-text-content .text-purple-500{color:#a78bfa!important}.dark-mode .component-text-content .text-orange-500{color:#fb923c!important}.dark-mode .component-text-content .text-indigo-500{color:#818cf8!important}.prepopulated-indicator{position:absolute;top:-30px;left:0;right:0;z-index:10;display:flex;justify-content:center;pointer-events:none;opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.prepopulated-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;box-shadow:0 2px 8px #10b9814d;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}body.dark-mode .prepopulated-badge{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 2px 8px #05966966}.physical-level-container{display:flex;flex-direction:column;height:100vh;background-color:#f0f4f9;transition:background-color .3s ease}.physical-level-container.dark-mode{background-color:#111827}.physical-level-main{flex:1;padding:1rem;overflow:hidden}.physical-level-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;height:100%;max-height:calc(100vh - 120px)}.explanation-container{display:flex;flex-direction:column;background-color:#fff;border-radius:.75rem;box-shadow:0 .25rem .5rem #0000001a;overflow:hidden;transition:all .3s ease}.physical-level-container.dark-mode .explanation-container{background-color:#1f2937;box-shadow:0 .25rem .5rem #0000004d}.explanation-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:#e9f1ff;border-bottom:.0625rem solid #aac7e7;transition:all .3s ease}.physical-level-container.dark-mode .explanation-header{background-color:#1e293b;border-bottom-color:#475569}.explanation-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#002f6c;transition:color .3s ease}.physical-level-container.dark-mode .explanation-title{color:#aad8ff}.explanation-icon{font-size:1.25rem}.explanation-content{flex:1;padding:1.5rem;overflow-y:auto;background-color:#fff;transition:background-color .3s ease}.physical-level-container.dark-mode .explanation-content{background-color:#1f2937}.explanation-text{font-family:Segoe UI,Roboto,sans-serif;font-size:.9375rem;line-height:1.6;color:#1c1e21;transition:color .3s ease}.physical-level-container.dark-mode .explanation-text{color:#e5e7eb}.explanation-text h1,.explanation-text h2,.explanation-text h3,.explanation-text h4,.explanation-text h5,.explanation-text h6{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600;color:#002f6c;transition:color .3s ease}.physical-level-container.dark-mode .explanation-text h1,.physical-level-container.dark-mode .explanation-text h2,.physical-level-container.dark-mode .explanation-text h3,.physical-level-container.dark-mode .explanation-text h4,.physical-level-container.dark-mode .explanation-text h5,.physical-level-container.dark-mode .explanation-text h6{color:#facc15}.explanation-text h1{font-size:1.5rem;border-bottom:.125rem solid #ff7e29;padding-bottom:.5rem}.physical-level-container.dark-mode .explanation-text h1{border-bottom-color:#f97316}.explanation-text h2{font-size:1.25rem}.explanation-text h3{font-size:1.125rem}.explanation-text ul,.explanation-text ol{margin:.75rem 0;padding-left:1.5rem}.explanation-text li{margin:.25rem 0}.explanation-text strong{font-weight:600;color:#ff7e29;transition:color .3s ease}.physical-level-container.dark-mode .explanation-text strong{color:#f97316}.explanation-text code{background-color:#f3f4f6;color:#dc2626;padding:.125rem .375rem;border-radius:.25rem;font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;transition:all .3s ease}.physical-level-container.dark-mode .explanation-text code{background-color:#374151;color:#fca5a5}.explanation-footer{padding:.75rem 1.5rem;background-color:#f8fafc;border-top:.0625rem solid #e2e8f0;font-size:.875rem;color:#64748b;transition:all .3s ease}.physical-level-container.dark-mode .explanation-footer{background-color:#334155;border-top-color:#475569;color:#94a3b8}.editor-container{display:flex;flex-direction:column;background-color:#fff;border-radius:.75rem;box-shadow:0 .25rem .5rem #0000001a;overflow:hidden;transition:all .3s ease}.physical-level-container.dark-mode .editor-container{background-color:#1f2937;box-shadow:0 .25rem .5rem #0000004d}.editor-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:#e9f1ff;border-bottom:.0625rem solid #aac7e7;transition:all .3s ease}.physical-level-container.dark-mode .editor-header{background-color:#1e293b;border-bottom-color:#475569}.editor-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#002f6c;transition:color .3s ease}.physical-level-container.dark-mode .editor-title{color:#aad8ff}.editor-icon{font-size:1.25rem}.editor-language{padding:.25rem .75rem;background-color:#ff7e29;color:#fff;border-radius:.375rem;font-size:.75rem;font-weight:600;letter-spacing:.05em;transition:background-color .3s ease}.physical-level-container.dark-mode .editor-language{background-color:#f97316}.editor-content{flex:1;position:relative;background-color:#fff;transition:background-color .3s ease}.editor-footer{padding:.75rem 1.5rem;background-color:#f8fafc;border-top:.0625rem solid #e2e8f0;font-size:.875rem;color:#64748b;transition:all .3s ease}.physical-level-container.dark-mode .editor-footer{background-color:#334155;border-top-color:#475569;color:#94a3b8}.language-selector{padding:.5rem .75rem;border-radius:.375rem;border:.0625rem solid #d1d5db;background-color:#fff;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;min-width:120px}.language-selector:hover{border-color:#ff7e29;box-shadow:0 0 0 .125rem #ff7e291a}.language-selector:focus{outline:none;border-color:#ff7e29;box-shadow:0 0 0 .125rem #ff7e2933}.physical-level-container.dark-mode .language-selector{background-color:#1f2937;border-color:#374151;color:#e5e7eb}.physical-level-container.dark-mode .language-selector:hover{border-color:#f97316;box-shadow:0 0 0 .125rem #f973161a}.physical-level-container.dark-mode .language-selector:focus{border-color:#f97316;box-shadow:0 0 0 .125rem #f9731633}.monaco-editor{border-radius:0}.monaco-editor .margin,.monaco-editor .monaco-editor-background{background-color:inherit}.editor-content .monaco-editor{background-color:#fff!important}.physical-level-container.dark-mode .editor-content .monaco-editor{background-color:#1f2937!important}.editor-content{background-color:#fff}.physical-level-container.dark-mode .editor-content{background-color:#1f2937}@media screen and (max-width: 1024px){.physical-level-grid{grid-template-columns:1fr;grid-template-rows:1fr 1fr;gap:.75rem}.physical-level-main{padding:.75rem}}@media screen and (max-width: 768px){.physical-level-main{padding:.5rem}.explanation-header,.editor-header{padding:.75rem 1rem}.explanation-content,.editor-content{padding:1rem}.explanation-footer,.editor-footer{padding:.5rem 1rem}.explanation-title,.editor-title{font-size:1rem}.language-selector{min-width:100px;font-size:.8125rem}}@media screen and (max-width: 480px){.physical-level-grid{gap:.5rem}.explanation-header,.editor-header{padding:.5rem .75rem}.explanation-content,.editor-content{padding:.75rem}.explanation-footer,.editor-footer{padding:.375rem .75rem;font-size:.8125rem}.explanation-title,.editor-title{font-size:.9375rem}.language-selector{min-width:80px;font-size:.75rem;padding:.375rem .5rem}}.explanation-content::-webkit-scrollbar{width:.5rem}.explanation-content::-webkit-scrollbar-track{background:#f1f5f9;border-radius:.25rem}.physical-level-container.dark-mode .explanation-content::-webkit-scrollbar-track{background:#374151}.explanation-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:.25rem}.physical-level-container.dark-mode .explanation-content::-webkit-scrollbar-thumb{background:#6b7280}.explanation-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.physical-level-container.dark-mode .explanation-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.explanation-container,.editor-container{animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.explanation-container:focus-within,.editor-container:focus-within{box-shadow:0 0 0 .125rem #ff7e2933}.physical-level-container.dark-mode .explanation-container:focus-within,.physical-level-container.dark-mode .editor-container:focus-within{box-shadow:0 0 0 .125rem #f973164d}.loading-indicator{display:inline-flex;align-items:center;gap:.5rem;margin-left:1rem;padding:.25rem .75rem;background-color:#fef3c7;border-radius:.375rem;font-size:.875rem;color:#d97706;animation:pulse 2s infinite}.physical-level-container.dark-mode .loading-indicator{background-color:#451a03;color:#f59e0b}.spinner{animation:spin 1s linear infinite}.explanation-placeholder,.editor-placeholder{display:flex;align-items:center;justify-content:center;height:100%;padding:2rem;text-align:center;color:#6b7280}.physical-level-container.dark-mode .explanation-placeholder,.physical-level-container.dark-mode .editor-placeholder{color:#9ca3af}.placeholder-content{max-width:400px}.placeholder-icon{font-size:3rem;display:block;margin-bottom:1rem;opacity:.6}.placeholder-content h3{margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#374151}.physical-level-container.dark-mode .placeholder-content h3{color:#f3f4f6}.placeholder-content p{margin:.5rem 0;font-size:.875rem;line-height:1.5}.explanation-text .markdown-h1{font-size:1.5rem;font-weight:700;margin:1.5rem 0 1rem;color:#1f2937;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}.physical-level-container.dark-mode .explanation-text .markdown-h1{color:#f3f4f6;border-bottom-color:#4b5563}.explanation-text .markdown-h2{font-size:1.25rem;font-weight:600;margin:1.25rem 0 .75rem;color:#374151}.physical-level-container.dark-mode .explanation-text .markdown-h2{color:#e5e7eb}.explanation-text .markdown-h3{font-size:1.125rem;font-weight:600;margin:1rem 0 .5rem;color:#4b5563}.physical-level-container.dark-mode .explanation-text .markdown-h3{color:#d1d5db}.explanation-text .markdown-h4,.explanation-text .markdown-h5,.explanation-text .markdown-h6{font-size:1rem;font-weight:600;margin:.75rem 0 .5rem;color:#6b7280}.physical-level-container.dark-mode .explanation-text .markdown-h4,.physical-level-container.dark-mode .explanation-text .markdown-h5,.physical-level-container.dark-mode .explanation-text .markdown-h6{color:#9ca3af}.explanation-text .markdown-p{margin:.75rem 0;line-height:1.6;color:#374151}.physical-level-container.dark-mode .explanation-text .markdown-p{color:#d1d5db}.explanation-text .markdown-ul,.explanation-text .markdown-ol{margin:.75rem 0;padding-left:1.5rem}.explanation-text .markdown-li{margin:.25rem 0;line-height:1.5;color:#374151}.physical-level-container.dark-mode .explanation-text .markdown-li{color:#d1d5db}.explanation-text .markdown-code{background-color:#f3f4f6;color:#dc2626;padding:.125rem .25rem;border-radius:.25rem;font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}.physical-level-container.dark-mode .explanation-text .markdown-code{background-color:#374151;color:#f87171}.explanation-text .markdown-pre{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem;margin:1rem 0;overflow-x:auto;font-family:Fira Code,Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;line-height:1.5}.physical-level-container.dark-mode .explanation-text .markdown-pre{background-color:#1f2937;border-color:#4b5563;color:#f3f4f6}.explanation-text .markdown-strong{font-weight:600;color:#1f2937}.physical-level-container.dark-mode .explanation-text .markdown-strong{color:#f3f4f6}.explanation-text .markdown-em{font-style:italic;color:#6b7280}.physical-level-container.dark-mode .explanation-text .markdown-em{color:#9ca3af}.explanation-text .markdown-blockquote{border-left:4px solid #3b82f6;padding-left:1rem;margin:1rem 0;font-style:italic;color:#6b7280}.physical-level-container.dark-mode .explanation-text .markdown-blockquote{border-left-color:#60a5fa;color:#9ca3af}.explanation-text .markdown-table{width:100%;border-collapse:collapse;margin:1rem 0}.explanation-text .markdown-th,.explanation-text .markdown-td{border:1px solid #e5e7eb;padding:.5rem;text-align:left}.physical-level-container.dark-mode .explanation-text .markdown-th,.physical-level-container.dark-mode .explanation-text .markdown-td{border-color:#4b5563}.explanation-text .markdown-th{background-color:#f9fafb;font-weight:600}.physical-level-container.dark-mode .explanation-text .markdown-th{background-color:#374151}.explanation-text .markdown-hr{border:none;border-top:1px solid #e5e7eb;margin:2rem 0}.physical-level-container.dark-mode .explanation-text .markdown-hr{border-top-color:#4b5563}.explanation-text .markdown-a{color:#3b82f6;text-decoration:underline}.explanation-text .markdown-a:hover{color:#1d4ed8}.physical-level-container.dark-mode .explanation-text .markdown-a{color:#60a5fa}.physical-level-container.dark-mode .explanation-text .markdown-a:hover{color:#93c5fd}.excalidraw .Spinner{display:flex;align-items:center;justify-content:center;height:100%;margin-left:auto;margin-right:auto;--spinner-color: var(--icon-fill-color)}.excalidraw .Spinner svg{animation:rotate 1.6s linear infinite;animation-delay:var(--spinner-delay);transform-origin:center center}.excalidraw .Spinner circle{stroke:var(--spinner-color);animation:dash 1.6s linear 0s infinite;stroke-linecap:round}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,300;stroke-dashoffset:0}50%{stroke-dasharray:150,300;stroke-dashoffset:-200}to{stroke-dasharray:1,300;stroke-dashoffset:-280}}.excalidraw .ToolIcon{border-radius:var(--border-radius-lg);display:inline-flex;align-items:center;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.excalidraw .ToolIcon__hidden{display:none!important}.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon,.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon{--icon-fill-color: var(--color-on-primary-container)}.excalidraw .ToolIcon.fillable .ToolIcon_type_radio:checked+.ToolIcon__icon svg,.excalidraw .ToolIcon.fillable .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg{fill:var(--icon-fill-color)}.excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon,.excalidraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon{background:var(--color-surface-primary-container);--keybinding-color: var(--color-on-primary-container)}.excalidraw .ToolIcon .ToolIcon_type_radio:checked+.ToolIcon__icon svg,.excalidraw .ToolIcon .ToolIcon_type_checkbox:checked+.ToolIcon__icon svg{color:var(--color-on-primary-container)}.excalidraw .ToolIcon .ToolIcon__keybinding{bottom:4px;right:4px}.excalidraw .ToolIcon .ToolIcon__icon:hover{background:var(--button-hover-bg)}.excalidraw .ToolIcon .ToolIcon__icon:active{background:var(--button-hover-bg);border:1px solid var(--button-active-border)}.excalidraw .ToolIcon .ToolIcon__icon:active svg{color:var(--color-on-primary-container)}.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true]{background:initial;border:none}.excalidraw .ToolIcon .ToolIcon__icon[aria-disabled=true] svg{color:var(--color-disabled)}.excalidraw .ToolIcon--plain{background-color:transparent}.excalidraw .ToolIcon--plain .ToolIcon__icon{width:2rem;height:2rem}.excalidraw .ToolIcon_type_radio,.excalidraw .ToolIcon_type_checkbox{position:absolute;opacity:0;pointer-events:none}.excalidraw .ToolIcon__icon{box-sizing:border-box;width:var(--default-button-size);height:var(--default-button-size);color:var(--icon-fill-color);display:flex;justify-content:center;align-items:center;border-radius:var(--border-radius-lg)}.excalidraw .ToolIcon__icon+.ToolIcon__label{margin-inline-start:0}.excalidraw .ToolIcon__icon svg{position:relative;width:var(--default-icon-size);height:var(--default-icon-size);color:var(--icon-fill-color)}.excalidraw .ToolIcon__label{display:flex;align-items:center;color:var(--icon-fill-color);font-family:var(--ui-font);margin:0 .8em;text-overflow:ellipsis}.excalidraw .ToolIcon__label .Spinner{margin-left:.6em}.excalidraw .ToolIcon_size_small .ToolIcon__icon{width:2rem;height:2rem;font-size:.8em}.excalidraw .ToolIcon_type_button,.excalidraw .Modal .ToolIcon_type_button{padding:0;border:none;margin:0;font-size:inherit;background-color:initial}.excalidraw .ToolIcon_type_button:focus-visible,.excalidraw .Modal .ToolIcon_type_button:focus-visible{box-shadow:0 0 0 2px var(--focus-highlight-color)}.excalidraw .ToolIcon_type_button.ToolIcon--selected,.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected{background-color:var(--button-gray-2)}.excalidraw .ToolIcon_type_button.ToolIcon--selected:active,.excalidraw .Modal .ToolIcon_type_button.ToolIcon--selected:active,.excalidraw .ToolIcon_type_button:active,.excalidraw .Modal .ToolIcon_type_button:active{background-color:var(--button-gray-3)}.excalidraw .ToolIcon_type_button:disabled,.excalidraw .Modal .ToolIcon_type_button:disabled{cursor:default}.excalidraw .ToolIcon_type_button:disabled:active,.excalidraw .ToolIcon_type_button:disabled:focus-visible,.excalidraw .ToolIcon_type_button:disabled:hover,.excalidraw .Modal .ToolIcon_type_button:disabled:active,.excalidraw .Modal .ToolIcon_type_button:disabled:focus-visible,.excalidraw .Modal .ToolIcon_type_button:disabled:hover{background-color:initial;border:none;box-shadow:none}.excalidraw .ToolIcon_type_button:disabled svg,.excalidraw .Modal .ToolIcon_type_button:disabled svg{color:var(--color-disabled)}.excalidraw .ToolIcon_type_button--show,.excalidraw .Modal .ToolIcon_type_button--show{visibility:visible}.excalidraw .ToolIcon_type_button--hide,.excalidraw .Modal .ToolIcon_type_button--hide{display:none!important}.excalidraw .ToolIcon_type_floating,.excalidraw .ToolIcon_type_floating:hover,.excalidraw .ToolIcon_type_floating:active{background-color:transparent}.excalidraw .ToolIcon_type_floating .ToolIcon__icon{background-color:var(--button-gray-1);width:2rem;height:2rem}.excalidraw .ToolIcon_type_floating .ToolIcon__icon:hover{background-color:var(--button-gray-2)}.excalidraw .ToolIcon_type_floating .ToolIcon__icon:active{background-color:var(--button-gray-3)}.excalidraw .ToolIcon__keybinding{position:absolute;bottom:2px;right:3px;font-size:.625rem;color:var(--keybinding-color);font-family:var(--ui-font);-webkit-user-select:none;user-select:none}:root[dir=ltr] .excalidraw .unlocked-icon{left:2px}:root[dir=rtl] .excalidraw .unlocked-icon{right:2px}.excalidraw .App-toolbar-container .ToolIcon__icon{width:var(--lg-button-size);height:var(--lg-button-size)}@media screen and (max-width: 450px){.excalidraw .App-toolbar-container .ToolIcon__icon{width:1.8rem;height:1.8rem}}@media screen and (max-width: 379px){.excalidraw .App-toolbar-container .ToolIcon__icon{width:1.5rem;height:1.5rem}}.excalidraw .App-toolbar-container .ToolIcon__icon svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .App-toolbar-container .ToolIcon__LaserPointer .ToolIcon__icon,.excalidraw .App-toolbar-container .ToolIcon__MagicButton .ToolIcon__icon{width:var(--default-button-size);height:var(--default-button-size)}.excalidraw button.standalone{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);padding:0}.excalidraw button.standalone svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw button.standalone:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw button.standalone:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw button.standalone.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw button.standalone.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw button.standalone.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw button.standalone svg{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw button.standalone>*{pointer-events:none}.excalidraw .excalidraw-eye-dropper-container,.excalidraw .excalidraw-eye-dropper-backdrop{position:absolute;width:100%;height:100%;z-index:var(--zIndex-eyeDropperBackdrop);touch-action:none}.excalidraw .excalidraw-eye-dropper-container{pointer-events:none}.excalidraw .excalidraw-eye-dropper-backdrop{pointer-events:all}.excalidraw .excalidraw-eye-dropper-preview{pointer-events:none;width:3rem;height:3rem;position:fixed;z-index:var(--zIndex-eyeDropperPreview);border-radius:1rem;border:1px solid var(--default-border-color);filter:var(--theme-filter)}.excalidraw .excalidraw-eye-dropper-trigger{width:1.25rem;height:1.25rem;cursor:pointer;padding:4px;margin-right:-4px;margin-left:-2px;border-radius:.5rem;color:var(--icon-fill-color)}.excalidraw .excalidraw-eye-dropper-trigger:hover{background:var(--button-hover-bg)}.excalidraw .excalidraw-eye-dropper-trigger.selected{color:var(--color-primary);background:var(--color-primary-light)}.excalidraw .Island{--padding: 0;box-sizing:border-box;background-color:var(--island-bg-color);box-shadow:var(--shadow-island);border-radius:var(--border-radius-lg);padding:calc(var(--padding) * var(--space-factor));position:relative;transition:box-shadow .5s ease-in-out}.excalidraw .Island.zen-mode{box-shadow:none}.excalidraw .focus-visible-none:focus-visible{outline:none!important}.excalidraw .color-picker__heading{padding:0 .5rem;font-size:.75rem;text-align:left}.excalidraw .color-picker-container{display:grid;grid-template-columns:1fr 20px 1.625rem;padding:.25rem 0px;align-items:center}.excalidraw--mobile.excalidraw .color-picker-container{max-width:11rem}.excalidraw .color-picker__top-picks{display:flex;justify-content:space-between}.excalidraw .color-picker__button{--radius: .25rem;padding:0;margin:0;width:1.35rem;height:1.35rem;border:1px solid var(--color-gray-30);border-radius:var(--radius);filter:var(--theme-filter);background-color:var(--swatch-color);background-position:left center;position:relative;font-family:inherit;box-sizing:border-box}.excalidraw .color-picker__button:hover:after{content:"";position:absolute;inset:-2px;box-shadow:0 0 0 1px var(--color-gray-30);border-radius:calc(var(--radius) + 1px);filter:var(--theme-filter)}.excalidraw .color-picker__button.active .color-picker__button-outline{position:absolute;inset:-2px;box-shadow:0 0 0 1px var(--color-primary-darkest);z-index:1;border-radius:calc(var(--radius) + 1px);filter:var(--theme-filter)}.excalidraw .color-picker__button:focus-visible{outline:none}.excalidraw .color-picker__button:focus-visible:after{content:"";position:absolute;inset:-4px;border:3px solid var(--focus-highlight-color);border-radius:calc(var(--radius) + 1px)}.excalidraw .color-picker__button:focus-visible.active .color-picker__button-outline{display:none}.excalidraw .color-picker__button--large{--radius: .5rem;width:1.875rem;height:1.875rem}.excalidraw .color-picker__button.is-transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==)}.excalidraw .color-picker__button--no-focus-visible{border:0}.excalidraw .color-picker__button--no-focus-visible:after{display:none}.excalidraw .color-picker__button--no-focus-visible:focus-visible{outline:none!important}.excalidraw .color-picker__button.active-color{border-radius:calc(var(--radius) + 1px);width:1.625rem;height:1.625rem}.excalidraw .color-picker__button__hotkey-label{position:absolute;right:4px;bottom:4px;filter:none;font-size:11px}.excalidraw .color-picker{background:var(--popup-bg-color);border:0 solid rgba(255,255,255,.25);box-shadow:#00000040 0 1px 4px;border-radius:4px;position:absolute}:root[dir=ltr] .excalidraw .color-picker{left:-5.5px}:root[dir=rtl] .excalidraw .color-picker{right:-5.5px}.excalidraw .color-picker-control-container{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:.5rem}.excalidraw .color-picker-control-container+.popover{position:static}.excalidraw .color-picker-popover-container{margin-top:-.25rem}:root[dir=ltr] .excalidraw .color-picker-popover-container{margin-left:.5rem}:root[dir=rtl] .excalidraw .color-picker-popover-container{margin-left:-3rem}.excalidraw .color-picker-triangle{width:0;height:0;border-style:solid;border-width:0 9px 10px;border-color:transparent transparent var(--popup-bg-color);position:absolute;top:10px}:root[dir=ltr] .excalidraw .color-picker-triangle{transform:rotate(270deg);left:-14px}:root[dir=rtl] .excalidraw .color-picker-triangle{transform:rotate(90deg);right:-14px}.excalidraw .color-picker-triangle-shadow{border-color:transparent transparent rgba(0,0,0,.1)}:root[dir=ltr] .excalidraw .color-picker-triangle-shadow{left:-14px}:root[dir=rtl] .excalidraw .color-picker-triangle-shadow{right:-16px}.excalidraw .color-picker-content{display:flex;flex-direction:column;gap:.75rem;outline:none}.excalidraw .color-picker-content--default{padding:.5rem;display:grid;grid-template-columns:repeat(5,1.875rem);grid-gap:.25rem;border-radius:4px}.excalidraw .color-picker-content--default:focus{outline:none;box-shadow:0 0 0 2px var(--focus-highlight-color)}.excalidraw .color-picker-content--canvas{display:flex;flex-direction:column;padding:.25rem}.excalidraw .color-picker-content--canvas-title{color:#868e96;font-size:12px;padding:0 .25rem}.excalidraw .color-picker-content--canvas-colors{padding:.5rem 0}.excalidraw .color-picker-content--canvas-colors .color-picker-swatch{margin:0 .25rem}.excalidraw .color-picker-content .color-input-container{grid-column:1/span 5}.excalidraw .color-picker-swatch{position:relative;height:1.875rem;width:1.875rem;cursor:pointer;border-radius:4px;margin:0;box-sizing:border-box;border:1px solid #ddd;background-color:currentColor!important;filter:var(--theme-filter)}.excalidraw .color-picker-swatch:focus{box-shadow:0 0 4px 1px currentColor;border-color:var(--select-highlight-color)}.excalidraw .color-picker-transparent{border-radius:4px;box-shadow:#0000001a 0 0 0 1px inset;position:absolute;inset:0}.excalidraw .color-picker-transparent,.excalidraw .color-picker-label-swatch{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center}.excalidraw .color-picker-hash{height:var(--default-button-size);flex-shrink:0;padding:.5rem .5rem .5rem .75rem;border:1px solid var(--default-border-color);border-right:0;box-sizing:border-box;color:var(--input-label-color);display:flex;align-items:center;justify-content:center;position:relative}:root[dir=ltr] .excalidraw .color-picker-hash{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg)}:root[dir=rtl] .excalidraw .color-picker-hash{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;border-right:1px solid var(--default-border-color);border-left:0}.excalidraw .color-input-container{display:flex}.excalidraw .color-input-container:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-lg)}.excalidraw .color-picker__input-label{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;border:1px solid var(--default-border-color);border-radius:8px;padding:0 12px;margin:8px;box-sizing:border-box}.excalidraw .color-picker__input-label:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-lg)}.excalidraw .color-picker__input-hash{padding:0 .25rem}.excalidraw .color-picker-input{box-sizing:border-box;width:100%;margin:0;font-size:.875rem;font-family:inherit;background-color:transparent;color:var(--text-primary-color);border:0;outline:none;height:var(--default-button-size);border:1px solid var(--default-border-color);border-left:0;letter-spacing:.4px;padding:.5rem .5rem .5rem .25rem;appearance:none}:root[dir=ltr] .excalidraw .color-picker-input{border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}:root[dir=rtl] .excalidraw .color-picker-input{border-radius:var(--border-radius-lg) 0 0 var(--border-radius-lg);border-left:1px solid var(--default-border-color);border-right:0}.excalidraw .color-picker-input:focus-visible{box-shadow:none}.excalidraw .color-picker-label-swatch-container{border:1px solid var(--default-border-color);border-radius:var(--border-radius-lg);width:var(--default-button-size);height:var(--default-button-size);box-sizing:border-box;overflow:hidden}.excalidraw .color-picker-label-swatch{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);background-color:var(--swatch-color)!important;overflow:hidden;position:relative;filter:var(--theme-filter);border:0!important}.excalidraw .color-picker-label-swatch svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .color-picker-label-swatch:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .color-picker-label-swatch:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .color-picker-label-swatch.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .color-picker-label-swatch.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .color-picker-label-swatch.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .color-picker-label-swatch:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--swatch-color)}.excalidraw .color-picker-keybinding{position:absolute;bottom:2px;font-size:.7em}:root[dir=ltr] .excalidraw .color-picker-keybinding{right:2px}:root[dir=rtl] .excalidraw .color-picker-keybinding{left:2px}.excalidraw--mobile.excalidraw .color-picker-keybinding{display:none}.excalidraw .color-picker-type-canvasBackground .color-picker-keybinding{color:#aaa}.excalidraw .color-picker-type-elementBackground .color-picker-keybinding{color:#fff}.excalidraw .color-picker-swatch[aria-label=transparent] .color-picker-keybinding{color:#aaa}.excalidraw .color-picker-type-elementStroke .color-picker-keybinding{color:#d4d4d4}.excalidraw.theme--dark .color-picker-type-elementBackground .color-picker-keybinding,.excalidraw.theme--dark .color-picker-swatch[aria-label=transparent] .color-picker-keybinding{color:#000}.excalidraw .picker{padding:.5rem;background:var(--popup-bg-color);border:0 solid rgba(255,255,255,.25);box-shadow:var(--shadow-island);border-radius:4px;position:absolute}:root[dir=rtl] .excalidraw .picker{padding:.4rem}.excalidraw .picker-container button,.excalidraw .picker button{position:relative;display:flex;align-items:center;justify-content:center}.excalidraw .picker-container button:focus-visible,.excalidraw .picker button:focus-visible{outline:transparent;background-color:var(--button-gray-2)}.excalidraw .picker-container button:focus-visible svg,.excalidraw .picker button:focus-visible svg{opacity:1}.excalidraw .picker-container button:hover,.excalidraw .picker button:hover{background-color:var(--button-gray-2)}.excalidraw .picker-container button:active,.excalidraw .picker button:active{background-color:var(--button-gray-3)}.excalidraw .picker-container button:disabled,.excalidraw .picker button:disabled{cursor:not-allowed}.excalidraw .picker-container button svg,.excalidraw .picker button svg{margin:0;width:36px;height:18px;pointer-events:none}.excalidraw .picker button{padding:.25rem .28rem .35rem .25rem}.excalidraw .picker-content{display:grid;grid-template-columns:repeat(4,auto);grid-gap:.5rem;border-radius:4px}.excalidraw .picker-collapsible{font-size:.75rem;padding:.5rem 0}.excalidraw .picker-keybinding{position:absolute;bottom:2px;font-size:.7em;color:var(--keybinding-color)}:root[dir=ltr] .excalidraw .picker-keybinding{right:2px}:root[dir=rtl] .excalidraw .picker-keybinding{left:2px}.excalidraw--mobile.excalidraw .picker-keybinding{display:none}.excalidraw .picker-type-canvasBackground .picker-keybinding{color:#aaa}.excalidraw .picker-type-elementBackground .picker-keybinding{color:#fff}.excalidraw .picker-swatch[aria-label=transparent] .picker-keybinding{color:#aaa}.excalidraw .picker-type-elementStroke .picker-keybinding{color:#d4d4d4}.excalidraw.theme--dark .picker-type-elementBackground .picker-keybinding,.excalidraw.theme--dark .picker-swatch[aria-label=transparent] .picker-keybinding{color:#000}.excalidraw{--list-border-color: var(--color-gray-20)}.excalidraw .QuickSearch__wrapper{position:relative;height:2.6rem;border-bottom:1px solid var(--list-border-color)}.excalidraw .QuickSearch__wrapper svg{position:absolute;top:47.5%;transform:translateY(-50%);left:.75rem;width:1.25rem;height:1.25rem;color:var(--color-gray-40);z-index:1}.excalidraw.theme--dark{--list-border-color: var(--color-gray-80)}.excalidraw.theme--dark .QuickSearch__wrapper{border-bottom:none}.excalidraw .QuickSearch__input{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;border:0!important;font-size:.875rem;padding-left:2.5rem!important;padding-right:.75rem!important}.excalidraw .QuickSearch__input::placeholder{color:var(--color-gray-40)}.excalidraw .QuickSearch__input:focus{box-shadow:none!important}.excalidraw .ScrollableList__wrapper{position:static!important;border:none;font-size:.875rem;overflow-y:auto}.excalidraw .ScrollableList__wrapper>.empty,.excalidraw .ScrollableList__wrapper>.hint{display:flex;justify-content:center;align-items:center;padding:.5rem;font-size:.75rem;color:var(--color-gray-60);overflow:hidden;text-align:center;line-height:150%}.excalidraw .FontPicker__container{display:grid;grid-template-columns:calc(1rem + 3 * var(--default-button-size)) 1rem 1fr;align-items:center}.excalidraw--mobile.excalidraw .FontPicker__container{max-width:calc(2rem + 4 * var(--default-button-size))}.excalidraw{--slider-thumb-size: 16px}.excalidraw .range-wrapper{position:relative;padding-top:10px;padding-bottom:30px}.excalidraw .range-input{width:100%;height:4px;-webkit-appearance:none;background:var(--color-slider-track);border-radius:2px;outline:none}.excalidraw .range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-slider-thumb);border-radius:50%;cursor:pointer;border:none}.excalidraw .range-input::-moz-range-thumb{width:var(--slider-thumb-size);height:var(--slider-thumb-size);background:var(--color-slider-thumb);border-radius:50%;cursor:pointer;border:none}.excalidraw .value-bubble{position:absolute;bottom:0;transform:translate(-50%);font-size:12px;color:var(--text-primary-color)}.excalidraw .zero-label{position:absolute;bottom:0;left:4px;font-size:12px;color:var(--text-primary-color)}.excalidraw-tooltip{--ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-family:var(--ui-font);position:fixed;z-index:var(--zIndex-popup);padding:8px;border-radius:6px;box-sizing:border-box;pointer-events:none;word-wrap:break-word;background:#000;line-height:1.5;text-align:center;font-size:13px;font-weight:500;color:#fff;display:none}.excalidraw-tooltip.excalidraw-tooltip--visible{display:block}.excalidraw-tooltip-wrapper{display:flex}.excalidraw-tooltip-icon{width:.9em;height:.9em;margin-left:5px;margin-top:1px;display:flex}.excalidraw--mobile.excalidraw-tooltip-icon{display:none}.excalidraw .TextInput{display:inline-block}.ProjectName{margin:auto;display:flex;align-items:center}.ProjectName .TextInput{height:calc(1rem - 3px);width:200px;overflow:hidden;text-align:center;margin-left:8px;text-overflow:ellipsis}.ProjectName .TextInput--readonly{background:none;border:none;width:auto;max-width:200px;padding-left:2px}.ProjectName .TextInput--readonly:hover{background:none}.excalidraw .Checkbox{margin:4px .3em;display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus){box-shadow:0 0 0 2px #4dabf7}.excalidraw .Checkbox:hover:not(.is-checked) .Checkbox-box:not(:focus) svg{display:block;opacity:.3}.excalidraw .Checkbox:active .Checkbox-box{box-shadow:0 0 2px 1px inset #1c7ed6!important}.excalidraw .Checkbox:hover .Checkbox-box{background-color:#d0ebff33}.excalidraw .Checkbox.is-checked .Checkbox-box{background-color:#d0ebff}.excalidraw .Checkbox.is-checked .Checkbox-box svg{display:block}.excalidraw .Checkbox.is-checked:hover .Checkbox-box{background-color:#a5d8ff}.excalidraw .Checkbox .Checkbox-box{width:22px;height:22px;padding:0;flex:0 0 auto;margin:0 1em;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #1c7ed6;background-color:transparent;border-radius:4px;color:#1c7ed6;border:0}.excalidraw .Checkbox .Checkbox-box:focus{box-shadow:0 0 0 3px #1c7ed6}.excalidraw .Checkbox .Checkbox-box svg{display:none;width:16px;height:16px;stroke-width:3px}.excalidraw .Checkbox .Checkbox-label{display:flex;align-items:center}.excalidraw .Checkbox .excalidraw-tooltip-icon{width:1em;height:1em}.excalidraw .Avatar{width:var(--avatar-size, 1.5rem);height:var(--avatar-size, 1.5rem);position:relative;border-radius:100%;outline-offset:2px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.75rem;font-weight:700;line-height:1;color:var(--color-gray-90);flex:0 0 auto}.excalidraw .Avatar:active{transform:scale(.94)}.excalidraw .Avatar-img{width:100%;height:100%;border-radius:100%}.excalidraw .Avatar:before{content:"";position:absolute;inset:-3px;border-radius:100%}.excalidraw .Avatar.is-followed:before{border-color:var(--color-primary-hover);box-shadow:0 0 0 1px var(--color-primary-hover)}.excalidraw .Avatar.is-current-user{cursor:auto}.excalidraw-hyperlinkContainer{display:flex;align-items:center;justify-content:space-between;position:absolute;box-shadow:0 2px 4px #0000004d;z-index:var(--zIndex-hyperlinkContainer);background:var(--island-bg-color);border-radius:var(--border-radius-md);box-sizing:border-box;min-height:42px}.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer button{z-index:100}.excalidraw-hyperlinkContainer-input,.excalidraw-hyperlinkContainer-link{height:24px;padding:0 8px;line-height:24px;font-size:.9rem;font-weight:500;font-family:var(--ui-font)}.excalidraw-hyperlinkContainer-input{width:18rem;background-color:transparent;color:var(--text-primary-color);outline:none;border:none;box-shadow:none!important}.excalidraw-hyperlinkContainer-link{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:15rem}.excalidraw-hyperlinkContainer button{color:#228be6;background-color:transparent!important;font-weight:500}.excalidraw-hyperlinkContainer button.excalidraw-hyperlinkContainer--remove{color:#c92a2a}.excalidraw-hyperlinkContainer--remove .ToolIcon__icon svg{color:#fa5252}.excalidraw-hyperlinkContainer .ToolIcon__icon{width:2rem;height:2rem}.excalidraw-hyperlinkContainer__buttons{flex:0 0 auto}.excalidraw .Dialog{-webkit-user-select:text;user-select:text;cursor:auto}.excalidraw .Dialog__title{margin:0;text-align:left;font-size:1.25rem;border-bottom:1px solid var(--dialog-border-color);padding:0 0 .75rem;margin-bottom:1.5rem}.excalidraw .Dialog__close{color:var(--color-gray-40);margin:0;position:absolute;top:.75rem;right:.5rem;border:0;background-color:transparent;line-height:0;cursor:pointer}.excalidraw .Dialog__close:hover{color:var(--color-gray-60)}.excalidraw .Dialog__close:active{color:var(--color-gray-40)}.excalidraw .Dialog__close svg{width:1.5rem;height:1.5rem}.excalidraw .Dialog__close+.Dialog__content{--offset: 28px;height:calc(100% - var(--offset))!important;margin-top:var(--offset)!important}.excalidraw .Dialog--fullscreen .Dialog__close{top:1.25rem;right:1.25rem}.excalidraw.excalidraw-modal-container{position:absolute;z-index:var(--zIndex-modal)}.excalidraw .Modal{position:absolute;inset:0;align-items:center;justify-content:center;overflow:auto;padding:calc(var(--space-factor) * 10);display:flex;flex-direction:column}.excalidraw .Modal .Island{padding:2.5rem;border:0;box-shadow:none;border-radius:0}.excalidraw .Modal.animations-disabled .Modal__background{animation:none}.excalidraw .Modal.animations-disabled .Modal__content{animation:none;opacity:1}.excalidraw .Modal__background{position:fixed;inset:0;z-index:1;background-color:#12121233;animation:Modal__background__fade-in .1s linear forwards}.excalidraw .Modal__content{z-index:2;width:100%;max-width:var(--max-width);max-height:100%;opacity:0;transform:translateY(10px);animation:Modal__content_fade-in 25ms ease-out 0s forwards;position:relative;overflow-y:auto;background:var(--island-bg-color);border:1px solid var(--dialog-border-color);box-shadow:var(--modal-shadow);border-radius:.75rem;box-sizing:border-box}.excalidraw .Modal__content:focus{outline:none}@keyframes Modal__background__fade-in{0%{opacity:0}to{opacity:1}}@keyframes Modal__content_fade-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.excalidraw .Modal__close{color:var(--icon-fill-color);margin:0;padding:.375rem;position:absolute;top:1rem;right:1rem;border:0;background-color:transparent;line-height:0;cursor:pointer}.excalidraw .Modal__close svg{width:1.5rem;height:1.5rem}.excalidraw .Dialog--fullscreen .Modal{padding:0}.excalidraw .Dialog--fullscreen .Modal__content{position:absolute;inset:0;max-width:100%;border:0;border-radius:0}.excalidraw .Stack{--gap: 0;display:grid;gap:calc(var(--space-factor) * var(--gap))}.excalidraw .Stack_vertical{grid-template-columns:auto;grid-auto-flow:row;grid-auto-rows:min-content}.excalidraw .Stack_horizontal{grid-template-rows:auto;grid-auto-flow:column;grid-auto-columns:min-content}.excalidraw .confirm-dialog-buttons{display:flex;column-gap:.5rem;justify-content:flex-end}.excalidraw .Dialog__action-button{position:relative;display:flex;column-gap:.5rem;align-items:center;padding:.5rem 1.5rem;border:1px solid var(--default-border-color);background-color:transparent;height:3rem;border-radius:var(--border-radius-lg);letter-spacing:.4px;color:inherit;font-family:inherit;font-size:.875rem;font-weight:600;-webkit-user-select:none;user-select:none}.excalidraw .Dialog__action-button svg{display:block;width:1rem;height:1rem}.excalidraw .Dialog__action-button--danger{background-color:var(--color-danger);border-color:var(--color-danger);color:#fff}.excalidraw .Dialog__action-button--primary{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.excalidraw.theme--dark .Dialog__action-button--danger,.excalidraw.theme--dark .Dialog__action-button--primary{color:var(--color-gray-100)}.excalidraw .publish-library__fields{display:flex;flex-direction:column}.excalidraw .publish-library__fields label{padding:1em 0;display:flex;justify-content:space-between;align-items:center}.excalidraw .publish-library__fields label span{font-weight:500;font-size:1rem;color:#868e96}.excalidraw .publish-library__fields label input,.excalidraw .publish-library__fields label textarea{width:70%;padding:.6em;font-family:var(--ui-font)}.excalidraw .publish-library__fields label .required{color:#e03131;margin:.2rem}.excalidraw .publish-library__buttons{display:flex;padding:.2rem 0;justify-content:flex-end;gap:.5rem}.excalidraw .publish-library__buttons .ToolIcon__icon{min-width:2.5rem;width:auto;font-size:1rem}.excalidraw .publish-library__buttons .ToolIcon_type_button{margin-left:1rem;padding:0 .5rem}.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button{background-color:#228be6}.excalidraw .publish-library__buttons--confirm.ToolIcon_type_button:hover{background-color:#1971c2}.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button{background-color:#adb5bd}.excalidraw .publish-library__buttons--cancel.ToolIcon_type_button:hover{background-color:#868e96}.excalidraw .publish-library__buttons .ToolIcon__icon{color:#fff}.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner{--spinner-color: #fff}.excalidraw .publish-library__buttons .ToolIcon__icon .Spinner svg{padding:.5rem}.excalidraw .publish-library .selected-library-items{display:flex;flex-wrap:wrap}.excalidraw .publish-library .selected-library-items .single-library-item-wrapper{width:9rem}.excalidraw .publish-library-warning{color:#fa5252}.excalidraw .publish-library-note{padding:1em 0;font-style:italic;font-size:14px;display:block}.excalidraw .single-library-item{position:relative}.excalidraw .single-library-item-status{position:absolute;top:.3rem;left:.3rem;font-size:.7rem;color:#f03e3e;background:#ffffffe6;padding:.1rem .2rem;border-radius:.2rem}.excalidraw .single-library-item__svg{background-color:#fff;padding:.3rem;width:7.5rem;height:7.5rem;border:1px solid var(--button-gray-2)}.excalidraw .single-library-item__svg svg{width:100%;height:100%}.excalidraw .single-library-item .ToolIcon__icon{background-color:#fff;width:auto;height:auto;margin:0 .5rem}.excalidraw .single-library-item .ToolIcon,.excalidraw .single-library-item .ToolIcon_type_button:hover{background-color:#fff}.excalidraw .single-library-item .required,.excalidraw .single-library-item .error{color:#e03131;font-weight:700;font-size:1rem;margin:.2rem}.excalidraw .single-library-item .error{font-weight:500;margin:0;padding:.3em 0}.excalidraw .single-library-item--remove{position:absolute;top:.2rem;right:1rem}.excalidraw .single-library-item--remove .ToolIcon__icon{margin:0}.excalidraw .single-library-item--remove .ToolIcon__icon{background-color:#fa5252}.excalidraw .single-library-item--remove .ToolIcon__icon:hover{background-color:#f03e3e}.excalidraw .single-library-item--remove .ToolIcon__icon:active{background-color:#e03131}.excalidraw .single-library-item--remove svg{color:#fff;padding:.26rem;border-radius:.3em;width:1rem;height:1rem}.excalidraw .dropdown-menu{position:absolute;top:100%;margin-top:.5rem}.excalidraw .dropdown-menu--mobile{left:0;width:100%;row-gap:.75rem}.excalidraw .dropdown-menu--mobile .dropdown-menu-container{padding:8px;box-sizing:border-box;box-shadow:var(--shadow-island);border-radius:var(--border-radius-lg);position:relative;transition:box-shadow .5s ease-in-out}.excalidraw .dropdown-menu--mobile .dropdown-menu-container.zen-mode{box-shadow:none}.excalidraw .dropdown-menu .dropdown-menu-container{background-color:var(--island-bg-color);max-height:calc(100vh - 150px);overflow-y:auto;--gap: 2}.excalidraw .dropdown-menu .dropdown-menu-item-base{display:flex;column-gap:.625rem;font-size:.875rem;color:var(--color-on-surface);width:100%;box-sizing:border-box;font-weight:400;font-family:inherit}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item:hover{background-color:transparent}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item--hovered{background-color:var(--button-hover-bg)!important}.excalidraw .dropdown-menu.manual-hover .dropdown-menu-item--selected{background-color:var(--color-primary-light)!important}.excalidraw .dropdown-menu.fonts{margin-top:1rem;max-height:calc(7*(2rem + 2px) + 3.95rem)}@media screen and (min-width: 1921px){.excalidraw .dropdown-menu.fonts{max-height:calc(7*(2.25rem + 2px) + 3.95rem)}}.excalidraw .dropdown-menu.fonts .dropdown-menu-item-base{display:inline-flex}.excalidraw .dropdown-menu.fonts .dropdown-menu-group:not(:first-child){margin-top:1rem}.excalidraw .dropdown-menu.fonts .dropdown-menu-group-title{font-size:.75rem;text-align:left;font-weight:400;margin:0 0 .5rem;line-height:1.3}.excalidraw .dropdown-menu .dropdown-menu-item{height:2rem;margin:1px;padding:0 .5rem;width:calc(100% - 2px);background-color:transparent;border:1px solid transparent;align-items:center;cursor:pointer;border-radius:var(--border-radius-md)}@media screen and (min-width: 1921px){.excalidraw .dropdown-menu .dropdown-menu-item{height:2.25rem}}.excalidraw .dropdown-menu .dropdown-menu-item__text{display:flex;align-items:center;width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;gap:.75rem}.excalidraw .dropdown-menu .dropdown-menu-item__shortcut{margin-inline-start:auto;opacity:.5}.excalidraw .dropdown-menu .dropdown-menu-item__shortcut--orphaned{text-align:right;font-size:.875rem;padding:0 .625rem}.excalidraw .dropdown-menu .dropdown-menu-item--selected{background:var(--color-primary-light);--icon-fill-color: var(--color-primary-darker)}.excalidraw .dropdown-menu .dropdown-menu-item:hover{background-color:var(--button-hover-bg);text-decoration:none}.excalidraw .dropdown-menu .dropdown-menu-item:active{background-color:var(--button-hover-bg);border-color:var(--color-brand-active)}.excalidraw .dropdown-menu .dropdown-menu-item svg{width:1rem;height:1rem;display:block}.excalidraw .dropdown-menu .dropdown-menu-item-bare{align-items:center;height:2rem;justify-content:space-between}@media screen and (min-width: 1921px){.excalidraw .dropdown-menu .dropdown-menu-item-bare{height:2.25rem}}.excalidraw .dropdown-menu .dropdown-menu-item-bare svg{width:1rem;height:1rem;display:block}.excalidraw .dropdown-menu .dropdown-menu-item-custom{margin-top:.5rem}.excalidraw .dropdown-menu .dropdown-menu-group-title{font-size:14px;text-align:left;margin:10px 0;font-weight:500}.excalidraw .dropdown-menu-button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);width:var(--lg-button-size);height:var(--lg-button-size);--background: var(--color-surface-mid);background-color:var(--background)}.excalidraw .dropdown-menu-button svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .dropdown-menu-button:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .dropdown-menu-button:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .dropdown-menu-button.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .dropdown-menu-button.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .dropdown-menu-button.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw.theme--dark.excalidraw .dropdown-menu-button{--background: var(--color-surface-high)}.excalidraw.theme--dark.excalidraw .dropdown-menu-button:hover{--background: #363541}.excalidraw .dropdown-menu-button:hover{--background: var(--color-surface-high);background-color:var(--background);text-decoration:none}.excalidraw .dropdown-menu-button:active{border-color:var(--color-primary)}.excalidraw .dropdown-menu-button svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .dropdown-menu-button--mobile{border:none;margin:0;padding:0;width:var(--default-button-size);height:var(--default-button-size)}.excalidraw .library-unit{align-items:center;border:1px solid transparent;display:flex;justify-content:center;position:relative;width:55px;height:55px;box-sizing:border-box;border-radius:var(--border-radius-lg)}.excalidraw .library-unit svg{pointer-events:none}.excalidraw .library-unit--hover{border-color:var(--color-primary)}.excalidraw .library-unit--selected{border-color:var(--color-primary);border-width:1px}.excalidraw .library-unit--skeleton{opacity:.5;background:linear-gradient(-45deg,var(--color-gray-10),var(--color-gray-20),var(--color-gray-10));background-size:200% 200%;animation:library-unit__skeleton-opacity-animation .2s linear}.excalidraw.theme--dark .library-unit--skeleton{background-image:linear-gradient(-45deg,var(--color-gray-100),var(--color-gray-80),var(--color-gray-100))}.excalidraw .library-unit__dragger{display:flex;align-items:center;justify-content:center;height:100%;width:100%}.excalidraw .library-unit__dragger>svg{filter:var(--theme-filter);flex-grow:1;max-height:100%;max-width:100%}.excalidraw .library-unit__checkbox-container,.excalidraw .library-unit__checkbox-container:hover,.excalidraw .library-unit__checkbox-container:active{align-items:center;background:none;border:none;color:var(--icon-fill-color);display:flex;justify-content:center;margin:0;padding:.5rem;position:absolute;left:2rem;bottom:2rem;cursor:pointer}.excalidraw .library-unit__checkbox-container input,.excalidraw .library-unit__checkbox-container:hover input,.excalidraw .library-unit__checkbox-container:active input{cursor:pointer}.excalidraw .library-unit__checkbox{position:absolute;top:.125rem;right:.125rem;margin:0}.excalidraw .library-unit__checkbox .Checkbox-box{margin:0;width:1rem;height:1rem;border-radius:4px;background-color:var(--color-primary-light);border:1px solid var(--color-primary);box-shadow:none!important;padding:2px}.excalidraw .library-unit__checkbox.Checkbox:hover .Checkbox-box{background-color:var(--color-primary-light)}.excalidraw .library-unit__checkbox.is-checked .Checkbox-box{background-color:var(--color-primary)!important}.excalidraw .library-unit__checkbox.is-checked .Checkbox-box svg{color:var(--color-primary-light)}.excalidraw .library-unit__removeFromLibrary>svg{height:16px;width:16px}.excalidraw .library-unit__adder{transform:scale(1);animation:library-unit__adder-animation 1s ease-in infinite;position:absolute;width:1.5rem;height:1.5rem;background-color:var(--color-primary);border-radius:var(--border-radius-md);display:flex;justify-content:center;align-items:center;pointer-events:none}.excalidraw .library-unit__adder svg{color:var(--color-primary-light);width:1rem;height:1rem}.excalidraw .library-unit:active .library-unit__adder{animation:none;transform:scale(.8)}.excalidraw .library-unit__active{cursor:pointer}@keyframes library-unit__adder-animation{0%{transform:scale(.85)}50%{transform:scale(1)}to{transform:scale(.85)}}@keyframes library-unit__skeleton-opacity-animation{0%{opacity:0}75%{opacity:0}to{opacity:.5}}.excalidraw{--container-padding-y: 1.5rem;--container-padding-x: .75rem}.excalidraw .library-menu-items__no-items{text-align:center;color:var(--color-gray-70);line-height:1.5;font-size:.875rem;width:100%}.excalidraw .library-menu-items__no-items__label{color:var(--color-primary);font-weight:700;font-size:1.125rem;margin-bottom:.75rem}.excalidraw.theme--dark .library-menu-items__no-items{color:var(--color-gray-40)}.excalidraw .library-menu-items-container{width:100%;display:flex;flex-grow:1;flex-shrink:1;flex-basis:0;overflow-y:auto;flex-direction:column;height:100%;justify-content:center;margin:0;position:relative}.excalidraw .library-menu-items-container>div{padding-left:.75rem;padding-right:.75rem}.excalidraw .library-menu-items-container__row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.excalidraw .library-menu-items-container__items{row-gap:.5rem;padding:var(--container-padding-y) 0;flex:1;overflow-y:auto;overflow-x:hidden;margin-bottom:1rem}.excalidraw .library-menu-items-container__header{color:var(--color-primary);font-size:1.125rem;font-weight:700;margin-bottom:.75rem;width:100%;padding-right:4rem;box-sizing:border-box}.excalidraw .library-menu-items-container__header--excal{margin-top:2rem}.excalidraw .library-menu-items-container__grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:1rem}.excalidraw .library-menu-items-container .separator{width:100%;display:flex;align-items:center;font-weight:500;font-size:.9rem;margin:.6em .2em;color:var(--text-primary-color)}.excalidraw .library-menu-items-private-library-container{min-height:3.75rem;width:100%}.excalidraw .layer-ui__library{display:flex;flex-direction:column;flex:1 1 auto}.excalidraw .library-actions-counter{background-color:var(--color-primary);color:var(--color-primary-light);font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:50%;width:1rem;height:1rem;position:absolute;bottom:-.25rem;right:-.25rem;font-size:.625rem;pointer-events:none}.excalidraw .layer-ui__library-message{padding:2rem;min-width:200px;display:flex;flex-direction:column;align-items:center;flex-grow:1;justify-content:center}.excalidraw .layer-ui__library-message span{font-size:.8em}.excalidraw .publish-library-success .Dialog__content{display:flex;flex-direction:column}.excalidraw .publish-library-success-close.ToolIcon_type_button{background-color:#228be6;align-self:flex-end}.excalidraw .publish-library-success-close.ToolIcon_type_button:hover{background-color:#1971c2}.excalidraw .publish-library-success-close.ToolIcon_type_button .ToolIcon__icon{width:auto;font-size:1rem;color:#fff;padding:0 .5rem}.excalidraw .library-menu-control-buttons{display:flex;align-items:center;justify-content:center;gap:.625rem;position:relative}.excalidraw .library-menu-control-buttons--at-bottom:before{content:"";width:calc(100% - 1.5rem);height:1px;position:absolute;top:-1px;background:var(--sidebar-border-color)}.excalidraw .library-menu-browse-button{flex:1;height:var(--lg-button-size);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;border-radius:var(--border-radius-lg);background-color:var(--color-primary);color:#fff;text-align:center;white-space:nowrap;text-decoration:none!important;font-weight:600;font-size:.75rem}.excalidraw .library-menu-browse-button:hover{background-color:var(--color-brand-hover)}.excalidraw .library-menu-browse-button:active{background-color:var(--color-brand-active)}.excalidraw.theme--dark .library-menu-browse-button{color:var(--color-gray-100)}.excalidraw.excalidraw--mobile .library-menu-browse-button{height:var(--default-button-size)}.excalidraw .layer-ui__library .dropdown-menu{width:auto;top:initial;right:0;left:initial;bottom:100%;margin-bottom:.625rem}.excalidraw .layer-ui__library .dropdown-menu .dropdown-menu-container{width:196px;box-shadow:var(--library-dropdown-shadow);border-radius:var(--border-radius-lg);padding:.25rem .5rem}.excalidraw .layer-ui__library .library-menu-dropdown-container{position:relative}.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading{padding:0;position:absolute;top:1rem;right:.75rem;z-index:1}.excalidraw .layer-ui__library .library-menu-dropdown-container--in-heading .dropdown-menu{top:100%}.excalidraw{--ExcTextField--color: var(--color-on-surface);--ExcTextField--label-color: var(--color-on-surface);--ExcTextField--background: var(--color-surface-low);--ExcTextField--readonly--background: var(--color-surface-high);--ExcTextField--readonly--color: var(--color-on-surface);--ExcTextField--border: var(--color-gray-20);--ExcTextField--readonly--border: var(--color-border-outline-variant);--ExcTextField--border-hover: var(--color-brand-hover);--ExcTextField--border-active: var(--color-brand-active);--ExcTextField--placeholder: var(--color-border-outline-variant)}.excalidraw .ExcTextField{position:relative}.excalidraw .ExcTextField svg{position:absolute;top:50%;transform:translateY(-50%);left:.75rem;width:1.25rem;height:1.25rem;color:var(--color-gray-40);z-index:1}.excalidraw .ExcTextField--fullWidth{width:100%;flex-grow:1}.excalidraw .ExcTextField__label{font-family:Assistant;font-style:normal;font-weight:600;font-size:.875rem;line-height:150%;color:var(--ExcTextField--label-color);margin-bottom:.25rem;-webkit-user-select:none;user-select:none}.excalidraw .ExcTextField__input{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;height:3rem;background:var(--ExcTextField--background);border:1px solid var(--ExcTextField--border);border-radius:.5rem;padding:0 .75rem}.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):hover{border-color:var(--ExcTextField--border-hover)}.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):active,.excalidraw .ExcTextField__input:not(.excalidraw .ExcTextField__input--readonly):focus-within{border-color:var(--ExcTextField--border-active)}.excalidraw .ExcTextField__input input{display:flex;align-items:center;border:none;outline:none;padding:0;margin:0;height:1.5rem;color:var(--ExcTextField--color);font-family:Assistant;font-style:normal;font-weight:400;font-size:1rem;line-height:150%;text-overflow:ellipsis;background:transparent;width:100%}.excalidraw .ExcTextField__input input:not(:focus):hover{background-color:initial}.excalidraw .ExcTextField__input input:focus{outline:initial;box-shadow:initial}.excalidraw .ExcTextField__input--readonly{background:var(--ExcTextField--readonly--background);border-color:var(--ExcTextField--readonly--border)}.excalidraw .ExcTextField__input--readonly input{color:var(--ExcTextField--readonly--color)}.excalidraw .ExcTextField--hasIcon .ExcTextField__input{padding-left:2.5rem}.excalidraw .excalidraw-button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font)}.excalidraw .excalidraw-button svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .excalidraw-button:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .excalidraw-button:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .excalidraw-button.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .excalidraw-button.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .excalidraw-button.active svg{color:var(--button-color, var(--color-on-primary-container))}.zoom-actions,.undo-redo-buttons{background-color:var(--island-bg-color);border-radius:var(--border-radius-lg);box-shadow:0 0 0 1px var(--color-surface-lowest)}.zoom-button,.undo-redo-buttons button{border-radius:0!important;background-color:var(--color-surface-low)!important;font-size:.875rem!important;width:var(--lg-button-size);height:var(--lg-button-size)}.zoom-button svg,.undo-redo-buttons button svg{width:var(--lg-icon-size)!important;height:var(--lg-icon-size)!important}.zoom-button .ToolIcon__icon,.undo-redo-buttons button .ToolIcon__icon{width:100%;height:100%}.reset-zoom-button{border-left:0!important;border-right:0!important;padding:0 .625rem!important;width:3.75rem!important;justify-content:center;color:var(--text-primary-color)}.zoom-out-button{border-top-left-radius:var(--border-radius-lg)!important;border-bottom-left-radius:var(--border-radius-lg)!important}:root[dir=rtl] .zoom-out-button{transform:scaleX(-1)}.zoom-out-button .ToolIcon__icon{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.zoom-in-button{border-top-right-radius:var(--border-radius-lg)!important;border-bottom-right-radius:var(--border-radius-lg)!important}:root[dir=rtl] .zoom-in-button{transform:scaleX(-1)}.zoom-in-button .ToolIcon__icon{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.undo-redo-buttons .undo-button-container button{border-top-left-radius:var(--border-radius-lg)!important;border-bottom-left-radius:var(--border-radius-lg)!important;border-right:0!important}:root[dir=rtl] .undo-redo-buttons .undo-button-container button{transform:scaleX(-1)}.undo-redo-buttons .undo-button-container button .ToolIcon__icon{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.undo-redo-buttons .redo-button-container button{border-top-right-radius:var(--border-radius-lg)!important;border-bottom-right-radius:var(--border-radius-lg)!important}:root[dir=rtl] .undo-redo-buttons .redo-button-container button{transform:scaleX(-1)}.undo-redo-buttons .redo-button-container button .ToolIcon__icon{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.excalidraw .command-palette-dialog{-webkit-user-select:none;user-select:none}.excalidraw .command-palette-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width: 861px){.excalidraw .command-palette-dialog .Modal__content{max-height:750px;height:100%}}.excalidraw .command-palette-dialog .Modal__content .Island{height:100%;padding:1.5rem}.excalidraw .command-palette-dialog .Modal__content .Dialog__content{height:100%;display:flex;flex-direction:column}.excalidraw .command-palette-dialog .shortcuts-wrapper{display:flex;justify-content:center;align-items:center;margin-top:12px;gap:1.5rem}.excalidraw .command-palette-dialog .shortcut{display:flex;justify-content:center;align-items:center;height:16px;font-size:10px;gap:.25rem}.excalidraw .command-palette-dialog .shortcut .shortcut-wrapper{display:flex}.excalidraw .command-palette-dialog .shortcut .shortcut-plus{margin:0 4px}.excalidraw .command-palette-dialog .shortcut .shortcut-key{padding:0 4px;height:16px;border-radius:4px;display:flex;justify-content:center;align-items:center;background-color:var(--color-primary-light)}.excalidraw .command-palette-dialog .shortcut .shortcut-desc{margin-left:4px;color:var(--color-gray-50)}.excalidraw .command-palette-dialog .commands{overflow-y:auto;box-sizing:border-box;margin-top:12px;color:var(--popup-text-color);-webkit-user-select:none;user-select:none}.excalidraw .command-palette-dialog .commands .command-category{display:flex;flex-direction:column;padding:12px 0;margin-right:.25rem}.excalidraw .command-palette-dialog .commands .command-category-title{font-size:1rem;font-weight:600;margin-bottom:6px;display:flex;align-items:center}.excalidraw .command-palette-dialog .commands .command-item{color:var(--popup-text-color);height:2.5rem;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box;padding:0 .5rem;border-radius:var(--border-radius-lg);cursor:pointer}.excalidraw .command-palette-dialog .commands .command-item:active{background-color:var(--color-surface-low)}.excalidraw .command-palette-dialog .commands .command-item .name{display:flex;align-items:center;gap:.25rem}.excalidraw .command-palette-dialog .commands .item-selected{background-color:var(--color-surface-mid)}.excalidraw .command-palette-dialog .commands .item-disabled{opacity:.3;cursor:not-allowed}.excalidraw .command-palette-dialog .commands .no-match{display:flex;justify-content:center;align-items:center;margin-top:36px}.excalidraw .command-palette-dialog .icon{width:16px;height:16px;margin-right:6px}.excalidraw .popover{position:absolute;z-index:10;padding:5px 0;outline:none}.excalidraw .context-menu{position:relative;border-radius:4px;box-shadow:0 3px 10px #0003;padding:0;list-style:none;-webkit-user-select:none;user-select:none;margin:-.25rem 0 0 .125rem;padding:.5rem 0;background-color:var(--popup-secondary-bg-color);border:1px solid var(--button-gray-3);cursor:default}.excalidraw .context-menu button{color:var(--popup-text-color)}.excalidraw .context-menu-item{position:relative;width:100%;min-width:9.5rem;margin:0;padding:.25rem 1rem .25rem 1.25rem;text-align:start;border-radius:0;background-color:transparent;border:none;white-space:nowrap;font-family:inherit;display:grid;grid-template-columns:1fr .2fr;align-items:center}.excalidraw .context-menu-item.checkmark:before{position:absolute;left:6px;margin-bottom:1px;content:"✓"}.excalidraw .context-menu-item.dangerous .context-menu-item__label{color:#f03e3e}.excalidraw .context-menu-item .context-menu-item__label{justify-self:start;margin-inline-end:20px}.excalidraw .context-menu-item .context-menu-item__shortcut{justify-self:end;opacity:.6;font-family:inherit;font-size:.7rem}.excalidraw .context-menu-item:hover{color:var(--popup-bg-color);background-color:var(--select-highlight-color)}.excalidraw .context-menu-item:hover.dangerous{background-color:#fa5252}.excalidraw .context-menu-item:hover.dangerous .context-menu-item__label{color:var(--popup-bg-color)}.excalidraw .context-menu-item:focus{z-index:1}.excalidraw--mobile.excalidraw .context-menu-item{display:block}.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__label{margin-inline-end:0}.excalidraw--mobile.excalidraw .context-menu-item .context-menu-item__shortcut{display:none}.excalidraw .context-menu-item-separator{border:none;border-top:1px solid #adb5bd}.excalidraw{--RadioGroup-background: var(--island-bg-color);--RadioGroup-border: var(--color-surface-high);--RadioGroup-choice-color-off: var(--color-primary);--RadioGroup-choice-color-off-hover: var(--color-brand-hover);--RadioGroup-choice-background-off: var(--island-bg-color);--RadioGroup-choice-background-off-active: var(--color-surface-high);--RadioGroup-choice-color-on: var(--color-surface-lowest);--RadioGroup-choice-background-on: var(--color-primary);--RadioGroup-choice-background-on-hover: var(--color-brand-hover);--RadioGroup-choice-background-on-active: var(--color-brand-active)}.excalidraw .RadioGroup{box-sizing:border-box;display:flex;flex-direction:row;align-items:flex-start;padding:3px;border-radius:10px;background:var(--RadioGroup-background);border:1px solid var(--RadioGroup-border)}.excalidraw .RadioGroup__choice{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:24px;color:var(--RadioGroup-choice-color-off);background:var(--RadioGroup-choice-background-off);border-radius:8px;font-family:Assistant;font-style:normal;font-weight:600;font-size:.75rem;line-height:100%;-webkit-user-select:none;user-select:none;letter-spacing:.4px;transition:all 75ms ease-out}.excalidraw .RadioGroup__choice:hover{color:var(--RadioGroup-choice-color-off-hover)}.excalidraw .RadioGroup__choice:active{background:var(--RadioGroup-choice-background-off-active)}.excalidraw .RadioGroup__choice.active{color:var(--RadioGroup-choice-color-on);background:var(--RadioGroup-choice-background-on)}.excalidraw .RadioGroup__choice.active:hover{background:var(--RadioGroup-choice-background-on-hover)}.excalidraw .RadioGroup__choice.active:active{background:var(--RadioGroup-choice-background-on-active)}.excalidraw .RadioGroup__choice input{z-index:1;position:absolute;width:100%;height:100%;margin:0;padding:0;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.excalidraw{--Switch-disabled-color: var(--color-border-outline);--Switch-disabled-toggled-background: var(--color-border-outline-variant);--Switch-disabled-border: var(--color-border-outline-variant);--Switch-track-background: var(--island-bg-color);--Switch-thumb-background: var(--color-on-surface);--Switch-hover-background: var(--color-brand-hover);--Switch-active-background: var(--color-brand-active)}.excalidraw .Switch{position:relative;box-sizing:border-box;width:40px;height:20px;border-radius:12px;transition-property:background,border;transition-duration:.15s;transition-timing-function:ease-out;background:var(--Switch-track-background);border:1px solid var(--Switch-disabled-color)}.excalidraw .Switch:hover{background:var(--Switch-track-background);border:1px solid var(--Switch-hover-background)}.excalidraw .Switch:active{border:1px solid var(--Switch-active-background)}.excalidraw .Switch.toggled{background:var(--color-primary);border:1px solid var(--color-primary)}.excalidraw .Switch.toggled:hover{background:var(--color-primary-darker);border:1px solid var(--color-primary-darker)}.excalidraw .Switch.disabled{background:var(--Switch-track-background);border:1px solid var(--Switch-disabled-border)}.excalidraw .Switch.disabled.toggled{background:var(--Switch-disabled-toggled-background);border:1px solid var(--Switch-disabled-toggled-background)}.excalidraw .Switch:before{content:"";box-sizing:border-box;display:block;pointer-events:none;position:absolute;border-radius:100%;transition:all .15s ease-out;width:10px;height:10px;top:4px;left:4px;background:var(--Switch-thumb-background)}.excalidraw .Switch:active:before{width:12px}.excalidraw .Switch.toggled:before{width:14px;height:14px;left:22px;top:2px;background:var(--Switch-track-background)}.excalidraw .Switch.toggled:active:before{width:16px;left:20px}.excalidraw .Switch.disabled:before{background:var(--Switch-disabled-color)}.excalidraw .Switch.disabled.toggled:before{background:var(--Switch-disabled-color)}.excalidraw .Switch input{width:100%;height:100%;margin:0;border-radius:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.excalidraw .Switch input:disabled{cursor:unset}.excalidraw{--ImageExportModal-preview-border: #d6d6d6}.excalidraw.theme--dark{--ImageExportModal-preview-border: #5c5c5c}.excalidraw .ImageExportModal{display:flex;flex-direction:row;justify-content:space-between;-webkit-user-select:none;user-select:none}.excalidraw .ImageExportModal h3{font-family:Assistant;font-style:normal;font-weight:700;font-size:1.313rem;line-height:130%;padding:0;margin:0}.excalidraw--mobile.excalidraw .ImageExportModal h3{display:none}.excalidraw .ImageExportModal>h3{display:none}.excalidraw--mobile.excalidraw .ImageExportModal>h3{display:block}.excalidraw--mobile.excalidraw .ImageExportModal{flex-direction:column;height:calc(100vh - 5rem)}.excalidraw .ImageExportModal__preview{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;height:360px;width:55%;margin-right:1.5rem}.excalidraw--mobile.excalidraw .ImageExportModal__preview{max-width:unset;margin-right:unset;width:100%;height:unset;flex-grow:1}.excalidraw .ImageExportModal__preview__filename>input{margin-top:1rem}.excalidraw .ImageExportModal__preview__canvas{box-sizing:border-box;width:100%;height:100%;display:flex;flex-grow:1;justify-content:center;align-items:center;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;border:1px solid var(--ImageExportModal-preview-border);border-radius:12px;overflow:hidden;padding:1rem}.excalidraw .ImageExportModal__preview__canvas>canvas{max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);filter:none!important}.excalidraw--mobile.excalidraw .ImageExportModal__preview__canvas>canvas{max-height:100%}.excalidraw--mobile.excalidraw .ImageExportModal__preview__canvas{margin-top:24px;max-width:unset}.excalidraw .ImageExportModal__settings{display:flex;flex-direction:column;flex-wrap:wrap;gap:18px}.excalidraw--mobile.excalidraw .ImageExportModal__settings{margin-left:unset;margin-top:1rem;flex-direction:row;gap:6px 34px;align-content:flex-start}.excalidraw .ImageExportModal__settings__setting{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.excalidraw--mobile.excalidraw .ImageExportModal__settings__setting{flex-direction:column;align-items:start;justify-content:unset;height:52px}.excalidraw .ImageExportModal__settings__setting__label{display:flex;flex-direction:row;align-items:center;font-family:Assistant;font-weight:600;font-size:1rem;line-height:150%}.excalidraw .ImageExportModal__settings__setting__label svg{width:20px;height:20px;margin-left:10px}.excalidraw .ImageExportModal__settings__setting__content{display:flex;height:100%;align-items:center}.excalidraw .ImageExportModal__settings__buttons{flex-grow:1;flex-wrap:wrap;display:flex;flex-direction:row;gap:11px;align-items:flex-end;align-content:flex-end}.excalidraw--mobile.excalidraw .ImageExportModal__settings__buttons{padding-top:32px;flex-basis:100%;justify-content:center}@keyframes successStatusAnimation{0%{transform:scale(.35)}50%{transform:scale(1.25)}to{transform:scale(1)}}.excalidraw .ExcButton{--text-color: transparent;--border-color: transparent;--back-color: transparent;color:var(--text-color);background-color:var(--back-color);border-color:var(--border-color);border-radius:.5rem;border-width:1px;border-style:solid;font-family:var(--font-family);-webkit-user-select:none;user-select:none}.excalidraw .ExcButton:hover{transition:all .15s ease-out}.excalidraw .ExcButton .Spinner{--spinner-color: var(--color-surface-lowest)}.excalidraw .ExcButton .ExcButton__statusIcon{visibility:visible;position:absolute;width:1.2rem;height:1.2rem;animation:successStatusAnimation .5s cubic-bezier(.3,1,.6,1)}.excalidraw .ExcButton.ExcButton--status-loading,.excalidraw .ExcButton.ExcButton--status-success{pointer-events:none}.excalidraw .ExcButton.ExcButton--status-loading .ExcButton__contents,.excalidraw .ExcButton.ExcButton--status-success .ExcButton__contents{visibility:hidden}.excalidraw .ExcButton[disabled]{pointer-events:none}.excalidraw .ExcButton,.excalidraw .ExcButton__contents{display:flex;justify-content:center;align-items:center;flex-shrink:0;flex-wrap:nowrap;position:relative}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled{--text-color: var(--color-surface-lowest);--back-color: var(--color-primary)}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled:hover{--back-color: var(--color-brand-hover)}.excalidraw .ExcButton--color-primary.ExcButton--variant-filled:active{--back-color: var(--color-brand-active)}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon{--text-color: var(--color-primary);--border-color: var(--color-primary);--back-color: transparent}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon:hover{--text-color: var(--color-brand-hover);--border-color: var(--color-brand-hover)}.excalidraw .ExcButton--color-primary.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-primary.ExcButton--variant-icon:active{--text-color: var(--color-brand-active);--border-color: var(--color-brand-active)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled{--text-color: var(--color-danger-text);--back-color: var(--color-danger-dark)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled:hover{--back-color: var(--color-danger-darker)}.excalidraw .ExcButton--color-danger.ExcButton--variant-filled:active{--back-color: var(--color-danger-darkest)}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon{--text-color: var(--color-danger);--border-color: var(--color-danger);--back-color: transparent}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon:hover{--text-color: var(--color-danger-darkest);--border-color: var(--color-danger-darkest)}.excalidraw .ExcButton--color-danger.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-danger.ExcButton--variant-icon:active{--text-color: var(--color-danger-darker);--border-color: var(--color-danger-darker)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled{--text-color: var(--color-success-text);--back-color: var(--color-success)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled .Spinner{--spinner-color: var(--color-success)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled:hover{--back-color: var(--color-success-darker)}.excalidraw .ExcButton--color-success.ExcButton--variant-filled:active{--back-color: var(--color-success-darkest)}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined,.excalidraw .ExcButton--color-success.ExcButton--variant-icon{--text-color: var(--color-success-contrast);--border-color: var(--color-success-contrast);--back-color: transparent}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-success.ExcButton--variant-icon .Spinner{--spinner-color: var(--color-success-contrast)}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-success.ExcButton--variant-icon:hover{--text-color: var(--color-success-contrast-hover);--border-color: var(--color-success-contrast-hover)}.excalidraw .ExcButton--color-success.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-success.ExcButton--variant-icon:active{--text-color: var(--color-success-contrast-active);--border-color: var(--color-success-contrast-active)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled{--text-color: var(--island-bg-color);--back-color: var(--color-gray-50)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled:hover{--back-color: var(--color-gray-60)}.excalidraw .ExcButton--color-muted.ExcButton--variant-filled:active{--back-color: var(--color-gray-80)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon{--text-color: var(--color-muted-background);--border-color: var(--color-muted);--back-color: var(--island-bg-color)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon:hover{--text-color: var(--color-muted-background-darker);--border-color: var(--color-muted-darker)}.excalidraw .ExcButton--color-muted.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-muted.ExcButton--variant-icon:active{--text-color: var(--color-muted-background-darker);--border-color: var(--color-muted-darkest)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled{--text-color: black;--back-color: var(--color-warning-dark)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled:hover{--back-color: var(--color-warning-darker)}.excalidraw .ExcButton--color-warning.ExcButton--variant-filled:active{--back-color: var(--color-warning-darkest)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon{--text-color: var(--color-warning-dark);--border-color: var(--color-warning-dark);--back-color: var(--input-bg-color)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined .Spinner,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon .Spinner{--spinner-color: var(--text-color)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined:hover,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon:hover{--text-color: var(--color-warning-darker);--border-color: var(--color-warning-darker)}.excalidraw .ExcButton--color-warning.ExcButton--variant-outlined:active,.excalidraw .ExcButton--color-warning.ExcButton--variant-icon:active{--text-color: var(--color-warning-darkest);--border-color: var(--color-warning-darkest)}.excalidraw .ExcButton--size-large{font-weight:600;font-size:.875rem;min-height:3rem;padding:.5rem 1.5rem;letter-spacing:.4px}.excalidraw .ExcButton--size-large .ExcButton__contents{gap:.75rem}.excalidraw .ExcButton--size-medium{font-weight:600;font-size:.75rem;min-height:2.5rem;padding:.5rem 1rem;letter-spacing:normal}.excalidraw .ExcButton--size-medium .ExcButton__contents{gap:.5rem}.excalidraw .ExcButton--variant-icon{padding:.5rem .75rem;width:3rem}.excalidraw .ExcButton--fullWidth{width:100%}.excalidraw .ExcButton__icon{width:1.25rem;height:1.25rem}.excalidraw .FixedSideContainer{position:absolute;pointer-events:none}.excalidraw .FixedSideContainer>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .FixedSideContainer_side_top{left:var(--editor-container-padding);top:var(--editor-container-padding);right:var(--editor-container-padding);bottom:var(--editor-container-padding)}.excalidraw .FixedSideContainer_side_top.zen-mode{right:42px}.excalidraw .HintViewer{pointer-events:none;box-sizing:border-box;position:absolute;display:flex;flex-direction:column;justify-content:center;left:0;top:100%;max-width:100%;width:100%;margin-top:.5rem;text-align:center;color:var(--color-gray-40);font-size:.75rem}.excalidraw--mobile.excalidraw .HintViewer{position:static;padding-right:2rem}.excalidraw .HintViewer>span{padding:.25rem}.excalidraw.theme--dark .HintViewer{color:var(--color-gray-60)}.excalidraw--mobile.excalidraw .PasteChartDialog .Island{display:flex;flex-direction:column}.excalidraw .PasteChartDialog .container{display:flex;align-items:center;justify-content:space-around;flex-wrap:wrap}.excalidraw--mobile.excalidraw .PasteChartDialog .container{flex-direction:column;justify-content:center}.excalidraw .PasteChartDialog .ChartPreview{margin:8px;text-align:center;width:192px;height:128px;border-radius:2px;padding:1px;border:1px solid #ced4da;display:flex;align-items:center;justify-content:center;background:transparent}.excalidraw .PasteChartDialog .ChartPreview div{display:inline-block}.excalidraw .PasteChartDialog .ChartPreview svg{max-height:120px;max-width:186px}.excalidraw .PasteChartDialog .ChartPreview:hover{padding:0;border:2px solid #339af0}.excalidraw .HelpDialog .Modal__content{max-width:960px}.excalidraw .HelpDialog h3{margin:1.5rem 0;font-weight:700;font-size:1.125rem}.excalidraw .HelpDialog__header{display:flex;flex-wrap:wrap;gap:.75rem}.excalidraw .HelpDialog__btn{--background: var(--color-surface-mid);display:flex;column-gap:.5rem;align-items:center;background-color:var(--background);padding:.625rem 1rem;border:1px solid var(--background);border-radius:var(--border-radius-lg);color:var(--text-primary-color);font-weight:600;font-size:.75rem;letter-spacing:.4px}.excalidraw.theme--dark.excalidraw .HelpDialog__btn{--background: var(--color-surface-high)}.excalidraw.theme--dark.excalidraw .HelpDialog__btn:hover{--background: #363541}.excalidraw .HelpDialog__btn:hover{--background: var(--color-surface-high);text-decoration:none}.excalidraw .HelpDialog__btn:active{border-color:var(--color-primary)}.excalidraw .HelpDialog__link-icon{line-height:0}.excalidraw .HelpDialog__link-icon svg{width:1rem;height:1rem}.excalidraw .HelpDialog__islands-container{display:grid;grid-column-gap:1.5rem;grid-row-gap:2rem}@media screen and (min-width: 1024px){.excalidraw .HelpDialog__islands-container{grid-template-columns:1fr 1fr}}@media screen and (min-width: 1024px){.excalidraw .HelpDialog__island--tools{grid-area:1/1/2/2}.excalidraw .HelpDialog__island--view{grid-area:2/1/3/2}.excalidraw .HelpDialog__island--editor{grid-area:1/2/3/3}}.excalidraw .HelpDialog__island h4{font-size:1rem;font-weight:700;margin:0;margin-bottom:.625rem}.excalidraw .HelpDialog__island-content{border:1px solid var(--dialog-border-color);border-radius:var(--border-radius-lg)}.excalidraw .HelpDialog__shortcut{border-bottom:1px solid var(--dialog-border-color);padding:.375rem .75rem;display:flex;justify-content:space-between;align-items:center;font-size:.875rem;column-gap:.5rem}.excalidraw .HelpDialog__shortcut:last-child{border-bottom:none}.excalidraw .HelpDialog__key-container{display:flex;align-items:center;column-gap:.25rem;flex-shrink:0}.excalidraw .HelpDialog__key{display:flex;box-sizing:border-box;font-size:.625rem;background-color:var(--color-primary-light);border-radius:var(--border-radius-md);padding:.5rem;word-break:keep-all;align-items:center;font-family:inherit;line-height:1}.excalidraw{--avatar-size: 1.75rem;--avatarList-gap: .625rem;--userList-padding: var(--space-factor);--userlist-hint-bg-color: var(--color-gray-10);--userlist-hint-heading-color: var(--color-gray-80);--userlist-hint-text-color: var(--color-gray-60);--userlist-collaborators-border-color: var(--color-gray-20)}.excalidraw .UserList__wrapper{display:flex;width:100%;justify-content:flex-end;align-items:center;pointer-events:none!important}.excalidraw .UserList{pointer-events:none;padding:var(--userList-padding);display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:var(--avatarList-gap);box-sizing:border-box;--max-size: calc( var(--avatar-size) * var(--max-avatars, 2) + var(--avatarList-gap) * (var(--max-avatars, 2) - 1) + var(--userList-padding) * 2 );max-height:var(--max-size);max-width:var(--max-size)}.excalidraw .UserList>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .UserList_mobile{padding:0;justify-content:normal;margin:.5rem 0;max-width:none;max-height:none}.excalidraw .UserList__more{width:var(--avatar-size, 1.5rem);height:var(--avatar-size, 1.5rem);position:relative;border-radius:100%;outline-offset:2px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:.75rem;line-height:1;color:var(--color-gray-90);flex:0 0 auto;background-color:var(--color-gray-20);border:0!important;font-size:.625rem;font-weight:400;flex-shrink:0;color:var(--color-gray-100);font-weight:700}.excalidraw .UserList__more:active{transform:scale(.94)}.excalidraw .UserList__more-img{width:100%;height:100%;border-radius:100%}.excalidraw .UserList__more:before{content:"";position:absolute;inset:-3px;border-radius:100%}.excalidraw .UserList__more.is-followed:before{border-color:var(--color-primary-hover);box-shadow:0 0 0 1px var(--color-primary-hover)}.excalidraw .UserList__more.is-current-user{cursor:auto}.excalidraw .UserList__collaborator-name{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.excalidraw .UserList__collaborator--avatar-only{position:relative;display:flex;flex:0 0 auto}.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon{--size: 14px;position:absolute;display:flex;flex:0 0 auto;bottom:-.25rem;right:-.25rem;width:var(--size);height:var(--size)}.excalidraw .UserList__collaborator--avatar-only .UserList__collaborator-status-icon svg{flex:0 0 auto;width:var(--size);height:var(--size)}.excalidraw .UserList__collaborator-status-icons{margin-left:auto;flex:0 0 auto;min-width:2.25rem;gap:.25rem;justify-content:flex-end;display:flex}.excalidraw .UserList__collaborator.is-muted .UserList__collaborator-status-icon-microphone-muted{color:var(--color-danger);filter:drop-shadow(0px 0px 0px rgba(0,0,0,.5))}.excalidraw .UserList__collaborator-status-icon-speaking-indicator{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;width:1rem;padding:0 3px;box-sizing:border-box}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div{width:.125rem;height:.4rem;background-color:#a2f1a6}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(1){animation:speaking-indicator-anim 1s -.45s ease-in-out infinite}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(2){animation:speaking-indicator-anim 1s -.9s ease-in-out infinite}.excalidraw .UserList__collaborator-status-icon-speaking-indicator div:nth-of-type(3){animation:speaking-indicator-anim 1s -.15s ease-in-out infinite}@keyframes speaking-indicator-anim{0%,to{transform:scaleY(1)}50%{transform:scaleY(2)}}.excalidraw.theme--dark{--userlist-hint-bg-color: var(--color-gray-90);--userlist-hint-heading-color: var(--color-gray-30);--userlist-hint-text-color: var(--color-gray-40);--userlist-collaborators-border-color: var(--color-gray-80)}.excalidraw .UserList__collaborators{top:auto;max-height:50vh}.excalidraw .Card{display:flex;flex-direction:column;align-items:center;max-width:290px;margin:1em;text-align:center}.excalidraw .Card .Card-icon{font-size:2.6em;display:flex;flex:0 0 auto;padding:1.4rem;border-radius:50%;background:var(--card-color);color:#fff}.excalidraw .Card .Card-icon svg{width:2.8rem;height:2.8rem}.excalidraw .Card .Card-details{font-size:.96em;min-height:90px;padding:0 1em;margin-bottom:auto}.excalidraw .Card .Card-button.ToolIcon_type_button{height:2.5rem;margin-top:1em;margin-bottom:.3em;background-color:var(--card-color)}.excalidraw .Card .Card-button.ToolIcon_type_button:hover{background-color:var(--card-color-darker)}.excalidraw .Card .Card-button.ToolIcon_type_button:active{background-color:var(--card-color-darkest)}.excalidraw .Card .Card-button.ToolIcon_type_button .ToolIcon__label{color:#fff}.excalidraw .Card .Card-button.ToolIcon_type_button .Spinner{--spinner-color: #fff}.excalidraw .ExportDialog__preview{--preview-padding: calc(var(--space-factor) * 4);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;text-align:center;padding:var(--preview-padding);margin-bottom:calc(var(--space-factor) * 3);display:flex;justify-content:center;align-items:center}.excalidraw .ExportDialog__preview canvas{max-width:calc(100% - var(--preview-padding) * 2);max-height:25rem}.excalidraw.theme--dark .ExportDialog__preview canvas{filter:none}.excalidraw .ExportDialog__actions{width:100%;display:flex;grid-gap:calc(var(--space-factor) * 2);align-items:top;justify-content:space-between}.excalidraw--mobile.excalidraw .ExportDialog{display:flex;flex-direction:column}.excalidraw--mobile.excalidraw .ExportDialog__actions{flex-direction:column;align-items:center}.excalidraw--mobile.excalidraw .ExportDialog__actions>*{margin-bottom:calc(var(--space-factor) * 3)}.excalidraw--mobile.excalidraw .ExportDialog__preview canvas{max-height:30vh}.excalidraw--mobile.excalidraw .ExportDialog__dialog,.excalidraw--mobile.excalidraw .ExportDialog__dialog .Island{height:100%;box-sizing:border-box}.excalidraw--mobile.excalidraw .ExportDialog__dialog .Island{overflow-y:auto}.excalidraw .ExportDialog--json .ExportDialog-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;row-gap:2em}@media (max-width: 460px){.excalidraw .ExportDialog--json .ExportDialog-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.excalidraw .ExportDialog--json .ExportDialog-cards .Card-details{min-height:40px}}.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName{width:fit-content;margin:1em auto;align-items:flex-start;flex-direction:column}.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName .TextInput{width:auto}.excalidraw .ExportDialog--json .ExportDialog-cards .ProjectName-label{margin:.625em 0;font-weight:700}.excalidraw button.ExportDialog-imageExportButton{border:0;width:5rem;height:5rem;margin:0 .2em;padding:0;display:flex;align-items:center;justify-content:center;border-radius:1rem;background-color:var(--button-color);box-shadow:0 3px 5px -1px #00000047,0 6px 10px #00000024;font-family:Cascadia;font-size:1.8em;color:#fff}.excalidraw button.ExportDialog-imageExportButton:hover{background-color:var(--button-color-darker)}.excalidraw button.ExportDialog-imageExportButton:active{background-color:var(--button-color-darkest);box-shadow:none}.excalidraw button.ExportDialog-imageExportButton svg{width:.9em}.excalidraw .sidebar-trigger{justify-content:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);border:none;box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low);width:auto;height:var(--lg-button-size);display:flex;align-items:center;gap:.5rem;line-height:0;font-size:.75rem;letter-spacing:.4px}.excalidraw .sidebar-trigger svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .sidebar-trigger:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .sidebar-trigger:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .sidebar-trigger.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .sidebar-trigger.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .sidebar-trigger.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .sidebar-trigger:active{box-shadow:0 0 0 1px var(--color-brand-active)}.excalidraw .sidebar-trigger svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .sidebar-trigger__label-element{align-self:flex-start}.excalidraw .default-sidebar-trigger .sidebar-trigger__label{display:block;white-space:nowrap}.excalidraw.excalidraw--mobile .default-sidebar-trigger .sidebar-trigger__label{display:none}.excalidraw .sidebar{display:flex;flex-direction:column;position:absolute;top:0;bottom:0;right:0;z-index:5;margin:0;padding:0;box-sizing:border-box;background-color:var(--sidebar-bg-color);box-shadow:var(--sidebar-shadow);pointer-events:var(--ui-pointerEvents);overflow:hidden;border-radius:0;width:calc(var(--right-sidebar-width) - var(--space-factor) * 2);border-left:1px solid var(--sidebar-border-color)}:root[dir=rtl] .excalidraw .sidebar{left:0;right:auto}.excalidraw .sidebar--docked{box-shadow:none}:root[dir=rtl] .excalidraw .sidebar{border-right:1px solid var(--sidebar-border-color);border-left:0}.excalidraw .sidebar__header{box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem .75rem;position:relative}.excalidraw .sidebar__header:after{content:"";width:calc(100% - 1.5rem);height:1px;background:var(--sidebar-border-color);position:absolute;bottom:-1px}.excalidraw .sidebar__header__buttons{gap:0;display:flex;align-items:center;margin-left:auto}.excalidraw .sidebar__header__buttons button{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);--button-bg: transparent;border:0!important;width:var(--lg-button-size);height:var(--lg-button-size);padding:0}.excalidraw .sidebar__header__buttons button svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .sidebar__header__buttons button:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .sidebar__header__buttons button:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .sidebar__header__buttons button.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .sidebar__header__buttons button.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .sidebar__header__buttons button.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .sidebar__header__buttons button svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .sidebar__header__buttons button:hover{background:var(--button-hover-bg, var(--island-bg-color))}.excalidraw .sidebar__header__buttons .sidebar__dock.selected svg{stroke:var(--color-primary);fill:var(--color-primary)}.excalidraw .sidebar-tabs-root{display:flex;flex-direction:column;flex:1 1 auto;padding:1rem 0}.excalidraw .sidebar-tabs-root [role=tabpanel]{flex:1;flex:1 1 auto;display:flex;flex-direction:column;outline:none}.excalidraw .sidebar-tabs-root [role=tabpanel][data-state=inactive]{display:none!important}.excalidraw .sidebar-tabs-root [role=tablist]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(0,1fr))}.excalidraw .sidebar-tabs-root>.sidebar__header{padding-top:0;padding-bottom:1rem}.excalidraw .sidebar-tab-trigger{--button-width: auto;--button-bg: transparent;--button-hover-bg: transparent;--button-active-bg: var(--color-primary);--button-hover-color: var(--color-primary);--button-hover-border: var(--color-primary)}.excalidraw .sidebar-tab-trigger[data-state=active]{--button-bg: var(--color-primary);--button-hover-bg: var(--color-primary-darker);--button-hover-color: var(--color-icon-white);--button-border: var(--color-primary);color:var(--color-icon-white)}.excalidraw .default-sidebar{display:flex;flex-direction:column}.excalidraw .default-sidebar .sidebar-triggers{display:flex;gap:0;padding:2px;margin-top:-3px;margin-bottom:-3px;border:1px solid var(--sidebar-border-color);background:var(--default-bg-color);border-radius:.625rem}.excalidraw .default-sidebar .sidebar-triggers .sidebar-tab-trigger{height:var(--lg-button-size);width:var(--lg-button-size);border:none}.excalidraw .ActiveFile .ActiveFile__fileName{display:flex;align-items:center}.excalidraw .ActiveFile .ActiveFile__fileName span{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;width:9.3em}.excalidraw .ActiveFile .ActiveFile__fileName svg{width:1.15em;margin-inline-end:.3em;transform:scaleY(.9)}.excalidraw .OverwriteConfirm{display:flex;flex-direction:column;align-items:center;gap:.75rem;isolation:isolate}.excalidraw .OverwriteConfirm h3{margin:0;font-weight:700;font-size:1.3125rem;line-height:130%;align-self:flex-start;color:var(--text-primary-color)}.excalidraw .OverwriteConfirm__Description{box-sizing:border-box;display:flex;flex-direction:row;align-items:center;width:100%;gap:1rem;padding:2.5rem;background:var(--color-danger-background);border-radius:.5rem;font-family:Assistant;font-style:normal;font-weight:400;font-size:1rem;line-height:150%;color:var(--color-danger-color)}.excalidraw--mobile.excalidraw .OverwriteConfirm__Description{flex-direction:column;text-align:center}.excalidraw .OverwriteConfirm__Description__spacer{flex-grow:1}.excalidraw .OverwriteConfirm__Description__icon{box-sizing:border-box;display:flex;align-items:center;justify-content:center;border-radius:2.5rem;background:var(--color-danger-icon-background);width:3.5rem;height:3.5rem;padding:.75rem}.excalidraw .OverwriteConfirm__Description__icon svg{color:var(--color-danger-icon-color);width:1.5rem;height:1.5rem}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning{background:var(--color-warning-background);color:var(--color-warning-color)}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon{background:var(--color-warning-icon-background);flex:0 0 auto}.excalidraw .OverwriteConfirm__Description.OverwriteConfirm__Description--color-warning .OverwriteConfirm__Description__icon svg{color:var(--color-warning-icon-color)}.excalidraw .OverwriteConfirm__Actions{display:flex;flex-direction:row;align-items:stretch;justify-items:stretch;justify-content:center;gap:1.5rem}.excalidraw--mobile.excalidraw .OverwriteConfirm__Actions{flex-direction:column}.excalidraw .OverwriteConfirm__Actions__Action{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:.75rem;flex-basis:50%;flex-grow:0}.excalidraw .OverwriteConfirm__Actions__Action__content{height:100%;font-size:.875rem;text-align:center}.excalidraw .OverwriteConfirm__Actions__Action h4{font-weight:700;font-size:1.125rem;line-height:130%;margin:0;color:var(--text-primary-color)}.excalidraw .layer-ui__search{flex:1 0 auto;display:flex;flex-direction:column;padding:8px 0 0}.excalidraw .layer-ui__search-header{display:flex;justify-content:space-between;align-items:center;padding:0 .75rem}.excalidraw .layer-ui__search-header .ExcTextField{flex:1 0 auto}.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:#f5f5f9;border-radius:var(--border-radius-md);border:0}.excalidraw.theme--dark.excalidraw .layer-ui__search-header .ExcTextField__input{background-color:#31303b}.excalidraw .layer-ui__search-header .ExcTextField__input input::placeholder{font-size:.9rem}.excalidraw .layer-ui__search-count{display:flex;justify-content:space-between;align-items:center;padding:8px 8px 0;margin:0 .75rem .25rem;font-size:.8em}.excalidraw .layer-ui__search-count .result-nav{display:flex}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn{width:36px;height:36px;--button-border: transparent}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:active{background-color:var(--color-surface-high)}.excalidraw .layer-ui__search-count .result-nav .result-nav-btn:first-child{margin-right:4px}.excalidraw .layer-ui__search-result-container{overflow-y:auto;flex:1 1 0;display:flex;flex-direction:column;gap:.125rem}.excalidraw .layer-ui__result-item{display:flex;align-items:center;min-height:2rem;flex:0 0 auto;padding:.25rem .75rem;cursor:pointer;border:1px solid transparent;outline:none;margin:0 .75rem;border-radius:var(--border-radius-md)}.excalidraw .layer-ui__result-item .text-icon{width:1rem;height:1rem;margin-right:.75rem}.excalidraw .layer-ui__result-item .preview-text{flex:1;max-height:48px;line-height:24px;overflow:hidden;text-overflow:ellipsis;word-break:break-all}.excalidraw .layer-ui__result-item:hover{background-color:var(--color-surface-high)}.excalidraw .layer-ui__result-item:active{border-color:var(--color-primary)}.excalidraw .layer-ui__result-item.active{background-color:var(--color-surface-high)}.excalidraw .dialog-mermaid-title{margin-block:.25rem;font-size:1.25rem;font-weight:700;padding-inline:2.5rem}.excalidraw .Modal.Dialog.ttd-dialog{padding:1.25rem}.excalidraw .Modal.Dialog.ttd-dialog.Dialog--fullscreen{margin-top:0}.excalidraw .Modal.Dialog.ttd-dialog .Island{padding-inline:0!important;height:100%;display:flex;flex-direction:column;flex:1 1 auto;box-shadow:none}.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{height:auto;max-height:100%}@media screen and (min-width: 861px){.excalidraw .Modal.Dialog.ttd-dialog .Modal__content{max-height:750px;height:100%}}.excalidraw .Modal.Dialog.ttd-dialog .Dialog__content{flex:1 1 auto}.excalidraw .ttd-dialog-desc{font-size:15px;font-style:italic;font-weight:500;margin-bottom:1.5rem}.excalidraw .ttd-dialog-tabs-root{width:100%;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-tab-trigger{color:var(--color-on-surface);font-size:.875rem;margin:0;padding:0 1rem;background-color:transparent;border:0;height:2.875rem;font-weight:600;font-family:inherit;letter-spacing:.4px}.excalidraw .ttd-dialog-tab-trigger[data-state=active]{border-bottom:2px solid var(--color-primary)}.excalidraw .ttd-dialog-triggers{border-bottom:1px solid var(--color-surface-high);margin-bottom:1.5rem;padding-inline:2.5rem}.excalidraw .ttd-dialog-content{padding-inline:2.5rem;height:100%;display:flex;flex-direction:column}.excalidraw .ttd-dialog-content[hidden]{display:none}.excalidraw .ttd-dialog-input{width:auto;height:10rem;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;font-family:monospace}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-input{width:100%;height:100%}}.excalidraw .ttd-dialog-output-wrapper{display:flex;align-items:center;justify-content:center;padding:.85rem;box-sizing:border-box;flex-grow:1;position:relative;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==) left center;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);height:400px;width:auto}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-output-wrapper{width:100%;height:200px}}.excalidraw .ttd-dialog-output-wrapper canvas{max-width:100%;max-height:100%}.excalidraw .ttd-dialog-output-canvas-container{display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-grow:1}.excalidraw .ttd-dialog-output-error{color:red;font-weight:700;font-size:30px;word-break:break-word;overflow:auto;max-height:100%;height:100%;width:100%;text-align:center;position:absolute;z-index:10}.excalidraw .ttd-dialog-output-error p{font-weight:500;font-family:Cascadia;text-align:left;white-space:pre-wrap;font-size:.875rem;padding:0 10px}.excalidraw .ttd-dialog-panels{height:100%}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panels{display:grid;grid-template-columns:1fr 1fr;gap:4rem}}.excalidraw .ttd-dialog-panel{display:flex;flex-direction:column;width:100%}.excalidraw .ttd-dialog-panel__header{display:flex;margin:0 4px 4px;align-items:center;gap:1rem}.excalidraw .ttd-dialog-panel__header label{font-size:14px;font-style:normal;font-weight:600}.excalidraw .ttd-dialog-panel:first-child .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:4rem}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel .ttd-dialog-panel-button-container:not(.invisible){margin-bottom:.5rem!important}}.excalidraw .ttd-dialog-panel textarea{height:100%;resize:none;border-radius:var(--border-radius-lg);border:1px solid var(--dialog-border-color);white-space:pre-wrap;padding:.85rem;box-sizing:border-box;width:100%;font-family:monospace}@media screen and (max-width: 861px){.excalidraw .ttd-dialog-panel textarea{width:auto;height:10rem}}.excalidraw .ttd-dialog-panel-button-container{margin-top:1rem;margin-bottom:.5rem}.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:none}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel-button-container.invisible .ttd-dialog-panel-button{display:block;visibility:hidden}}.excalidraw .ttd-dialog-panel-button{position:relative}.excalidraw .ttd-dialog-panel-button.excalidraw-button{font-family:inherit;font-weight:600;height:2.5rem;font-size:12px;color:#fff;background-color:var(--color-primary);width:100%}.excalidraw .ttd-dialog-panel-button.excalidraw-button:hover{background-color:var(--color-primary-darker)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:active{background-color:var(--color-primary-darkest)}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled{opacity:.5;cursor:not-allowed}.excalidraw .ttd-dialog-panel-button.excalidraw-button:disabled:hover{background-color:var(--color-primary)}@media screen and (min-width: 861px){.excalidraw .ttd-dialog-panel-button.excalidraw-button{width:auto;min-width:7.5rem}}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button.excalidraw-button{color:var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div{display:contents}.excalidraw .ttd-dialog-panel-button div.invisible{visibility:hidden}.excalidraw .ttd-dialog-panel-button div.Spinner{display:flex!important;position:absolute;inset:0;--spinner-color: white}.excalidraw.theme--dark.excalidraw .ttd-dialog-panel-button div.Spinner{--spinner-color: var(--color-gray-100)}.excalidraw .ttd-dialog-panel-button div span{padding-left:.5rem;display:flex}.excalidraw .ttd-dialog-submit-shortcut{margin-inline-start:.5rem;font-size:.625rem;opacity:.6;display:flex;gap:.125rem}.excalidraw .ttd-dialog-submit-shortcut__key{border:1px solid gray;padding:2px 3px;border-radius:4px}.excalidraw .drag-input-container{display:flex;width:100%}.excalidraw .drag-input-container:focus-within{box-shadow:0 0 0 1px var(--color-primary-darkest);border-radius:var(--border-radius-md)}.excalidraw .disabled{opacity:.5;pointer-events:none}.excalidraw .drag-input-label{flex-shrink:0;border:1px solid var(--default-border-color);border-right:0;padding:0 .5rem 0 .75rem;min-width:1rem;height:2rem;box-sizing:border-box;color:var(--popup-text-color);display:flex;align-items:center;justify-content:center;position:relative}:root[dir=ltr] .excalidraw .drag-input-label{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md)}:root[dir=rtl] .excalidraw .drag-input-label{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;border-right:1px solid var(--default-border-color);border-left:0}.excalidraw .drag-input{box-sizing:border-box;width:100%;margin:0;font-size:.875rem;font-family:inherit;background-color:transparent;color:var(--text-primary-color);border:0;outline:none;height:2rem;border:1px solid var(--default-border-color);border-left:0;letter-spacing:.4px;padding:.5rem .5rem .5rem .25rem;appearance:none}:root[dir=ltr] .excalidraw .drag-input{border-radius:0 var(--border-radius-md) var(--border-radius-md) 0}:root[dir=rtl] .excalidraw .drag-input{border-radius:var(--border-radius-md) 0 0 var(--border-radius-md);border-left:1px solid var(--default-border-color);border-right:0}.excalidraw .drag-input:focus-visible{box-shadow:none}.exc-stats{width:204px;position:absolute;top:60px;font-size:12px;z-index:var(--zIndex-layerUI);pointer-events:var(--ui-pointerEvents)}:root[dir=rtl] .exc-stats{left:12px;right:initial}.exc-stats h2{font-size:1.5em;margin-block-start:.83em;margin-block-end:.83em;font-weight:700}.exc-stats h3{white-space:nowrap;font-size:1.17em;margin:0;font-weight:700}.exc-stats__rows{display:flex;flex-direction:column;gap:.3125rem}.exc-stats__row{display:flex;justify-content:space-between;align-items:center;display:grid;gap:4px}.exc-stats__row div+div{text-align:right}.exc-stats__row--heading{text-align:center;font-weight:700;margin:.25rem 0}.exc-stats .title{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.exc-stats .title h2{margin:0}.exc-stats .close{height:16px;width:16px;cursor:pointer}.exc-stats .close svg{width:100%;height:100%}.excalidraw .ElementLinkDialog{position:absolute;top:var(--editor-container-padding);left:var(--editor-container-padding);z-index:var(--zIndex-modal);border-radius:10px;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-island);background-color:var(--island-bg-color)}.excalidraw--mobile.excalidraw .ElementLinkDialog{left:0;margin-left:.5rem;margin-right:.5rem;width:calc(100% - 1rem);box-sizing:border-box;z-index:5}.excalidraw .ElementLinkDialog .ElementLinkDialog__header{margin-bottom:1.5rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2{margin-top:0;margin-bottom:.5rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header h2{font-size:1.25rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__header p{margin:0}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header p{font-size:.875rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__header{margin-bottom:1rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input{display:flex}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__input-field{flex:1}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove{color:#c92a2a;margin-left:1rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon{width:2rem;height:2rem}.excalidraw .ElementLinkDialog .ElementLinkDialog__input .ElementLinkDialog__remove .ToolIcon__icon svg{color:#fa5252}.excalidraw .ElementLinkDialog .ElementLinkDialog__actions{display:flex;justify-content:flex-end;margin-top:1.5rem}.excalidraw--mobile.excalidraw .ElementLinkDialog .ElementLinkDialog__actions{font-size:.875rem;margin-top:1rem}.excalidraw .layer-ui__wrapper.animate{transition:width .1s ease-in-out}.excalidraw .layer-ui__wrapper{position:absolute;width:100%;height:100%;pointer-events:none;z-index:var(--zIndex-layerUI)}.excalidraw .layer-ui__wrapper__top-right{display:flex;width:100%;justify-content:flex-end;gap:.75rem;pointer-events:none!important}.excalidraw .layer-ui__wrapper__top-right>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper__footer{width:100%}.excalidraw .layer-ui__wrapper__footer-right{z-index:100;display:flex}.excalidraw .layer-ui__wrapper .zen-mode-transition{transition:transform .5s ease-in-out}:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(-999px)}:root[dir=ltr] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right{transform:translate(999px)}:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-left{transform:translate(999px)}:root[dir=rtl] .excalidraw .layer-ui__wrapper .zen-mode-transition.transition-right{transform:translate(-999px)}.excalidraw .layer-ui__wrapper .zen-mode-transition.layer-ui__wrapper__footer-left--transition-bottom{transform:translateY(92px)}.excalidraw .layer-ui__wrapper .disable-zen-mode{padding:10px;position:absolute;bottom:0;opacity:0;visibility:hidden;transition:visibility 0s linear 0s,opacity .5s;font-family:var(--ui-font);font-size:.75rem;font-weight:500;line-height:1;border-radius:var(--border-radius-lg);border:1px solid var(--default-border-color);background-color:var(--island-bg-color);color:var(--text-primary-color)}[dir=ltr] .excalidraw .layer-ui__wrapper .disable-zen-mode{right:1rem}[dir=rtl] .excalidraw .layer-ui__wrapper .disable-zen-mode{left:1rem}.excalidraw .layer-ui__wrapper .disable-zen-mode:hover{background-color:var(--button-hover-bg)}.excalidraw .layer-ui__wrapper .disable-zen-mode:active{border-color:var(--color-primary)}.excalidraw .layer-ui__wrapper .disable-zen-mode--visible{opacity:1;visibility:visible;transition:visibility 0s linear .3s,opacity .5s;transition-delay:.8s;pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-left>*,.excalidraw .layer-ui__wrapper .footer-center>*,.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .layer-ui__wrapper .layer-ui__wrapper__footer-right{margin-top:auto;margin-bottom:auto}.excalidraw .App-toolbar.zen-mode .ToolIcon__keybinding,.excalidraw .App-toolbar.zen-mode .HintViewer{display:none}.excalidraw .App-toolbar__divider{width:1px;height:1.5rem;align-self:center;background-color:var(--default-border-color);margin:0 .25rem}.excalidraw--mobile.excalidraw .App-toolbar__divider{margin:0}.excalidraw .App-toolbar__extra-tools-trigger{box-shadow:none;border:0;background-color:transparent}.excalidraw .App-toolbar__extra-tools-trigger:active{background-color:var(--button-hover-bg);box-shadow:0 0 0 1px var(--button-active-border, var(--color-primary-darkest)) inset}.excalidraw .App-toolbar__extra-tools-trigger--selected,.excalidraw .App-toolbar__extra-tools-trigger--selected:hover{background:var(--color-primary-light);color:var(--color-primary)}.excalidraw .App-toolbar__extra-tools-dropdown{margin-top:.375rem;right:0;min-width:11.875rem;z-index:1}.excalidraw .Toast{animation:fade-in .5s;background-color:var(--button-gray-1);border-radius:4px;bottom:10px;box-sizing:border-box;cursor:default;left:50%;margin-left:-150px;padding:4px 0;position:absolute;text-align:center;width:300px;z-index:999999}.excalidraw .Toast .Toast__message{padding:0 1.6rem;color:var(--popup-text-color);white-space:pre-wrap}.excalidraw .Toast .close{position:absolute;top:0;right:0;padding:.4rem}.excalidraw .Toast .close .ToolIcon__icon{width:1.2rem;height:1.2rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.excalidraw .SVGLayer{pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:var(--zIndex-svgLayer)}.excalidraw .SVGLayer svg{image-rendering:auto;overflow:visible;position:absolute;width:100%;height:100%;top:0;left:0}.excalidraw .excalidraw-canvas-buttons{position:absolute;box-shadow:0 2px 4px #0000004d;z-index:var(--zIndex-canvasButtons);background:var(--island-bg-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;gap:.375rem}.excalidraw .follow-mode{position:absolute;box-sizing:border-box;pointer-events:none;border:2px solid var(--color-primary-hover);z-index:9999;display:flex;align-items:flex-end;justify-content:center}.excalidraw .follow-mode__badge{background-color:var(--color-primary-hover);color:var(--color-primary-light);padding:.25rem .5rem;margin-bottom:.5rem;border-radius:.5rem;pointer-events:all;font-size:.75rem;display:flex;gap:.5rem;align-items:center}.excalidraw .follow-mode__badge__label{display:flex;white-space:pre-wrap;line-height:1}.excalidraw .follow-mode__badge__username{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.excalidraw .follow-mode__disconnect-btn{all:unset;cursor:pointer;border-radius:.25rem}.excalidraw .follow-mode__disconnect-btn:hover{background-color:var(--color-primary-darker)}.excalidraw .follow-mode__disconnect-btn:active{background-color:var(--color-primary-darkest)}.excalidraw .follow-mode__disconnect-btn svg{display:block;width:1rem;height:1rem}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap;-webkit-user-select:none;user-select:none}.LoadingMessage{position:absolute;inset:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.LoadingMessage .Spinner{font-size:2.8em}.LoadingMessage .LoadingMessage-text{margin-top:1em;font-size:.8em}.LoadingMessage--dark{background-color:#121212;color:#ced4da}.excalidraw{--theme-filter: none;--button-destructive-bg-color: #ffe3e3;--button-destructive-color: #c92a2a;--button-gray-1: #e9ecef;--button-gray-2: #ced4da;--button-gray-3: #adb5bd;--button-special-active-bg-color: #ebfbee;--dialog-border-color: var(--color-gray-20);--dropdown-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4" viewBox="0 0 292 292"><path d="M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z"/></svg>');--focus-highlight-color: #a5d8ff;--icon-fill-color: var(--color-on-surface);--icon-green-fill-color: #2b8a3e;--default-bg-color: #ffffff;--input-bg-color: #ffffff;--input-border-color: #ced4da;--input-hover-bg-color: #f1f3f5;--input-label-color: #495057;--island-bg-color: #ffffff;--keybinding-color: var(--color-gray-40);--link-color: #1c7ed6;--overlay-bg-color: rgba(255, 255, 255, .88);--popup-bg-color: var(--island-bg-color);--popup-secondary-bg-color: #f1f3f5;--popup-text-color: #000000;--popup-text-inverted-color: #ffffff;--select-highlight-color: #339af0;--shadow-island: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--button-hover-bg: var(--color-surface-high);--button-active-bg: var(--color-surface-high);--button-active-border: var(--color-brand-active);--default-border-color: var(--color-surface-high);--default-button-size: 2rem;--default-icon-size: 1rem;--lg-button-size: 2.25rem;--lg-icon-size: 1rem;--editor-container-padding: 1rem;--scrollbar-thumb: var(--button-gray-2);--scrollbar-thumb-hover: var(--button-gray-3);--color-slider-track: hsl(240, 100%, 90%);--color-slider-thumb: var(--color-gray-80);--modal-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);--avatar-border-color: var(--color-gray-20);--sidebar-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);--sidebar-border-color: var(--color-surface-high);--sidebar-bg-color: var(--island-bg-color);--library-dropdown-shadow: 0px 15px 6px rgba(0, 0, 0, .01), 0px 8px 5px rgba(0, 0, 0, .05), 0px 4px 4px rgba(0, 0, 0, .09), 0px 1px 2px rgba(0, 0, 0, .1), 0px 0px 0px rgba(0, 0, 0, .1);--space-factor: .25rem;--text-primary-color: var(--color-on-surface);--color-selection: #6965db;--color-icon-white: #ffffff;--color-primary: #6965db;--color-primary-darker: #5b57d1;--color-primary-darkest: #4a47b1;--color-primary-light: #e3e2fe;--color-primary-light-darker: #d7d5ff;--color-primary-hover: #5753d0;--color-gray-10: #f5f5f5;--color-gray-20: #ebebeb;--color-gray-30: #d6d6d6;--color-gray-40: #b8b8b8;--color-gray-50: #999999;--color-gray-60: #7a7a7a;--color-gray-70: #5c5c5c;--color-gray-80: #3d3d3d;--color-gray-85: #242424;--color-gray-90: #1e1e1e;--color-gray-100: #121212;--color-disabled: var(--color-gray-40);--color-warning: #fceeca;--color-warning-dark: #f5c354;--color-warning-darker: #f3ab2c;--color-warning-darkest: #ec8b14;--color-text-warning: var(--text-primary-color);--color-danger: #db6965;--color-danger-dark: #db6965;--color-danger-darker: #d65550;--color-danger-darkest: #d1413c;--color-danger-text: black;--color-danger-background: #fff0f0;--color-danger-icon-background: #ffdad6;--color-danger-color: #700000;--color-danger-icon-color: #700000;--color-warning-background: var(--color-warning);--color-warning-icon-background: var(--color-warning-dark);--color-warning-color: var(--text-primary-color);--color-warning-icon-color: var(--text-primary-color);--color-muted: var(--color-gray-30);--color-muted-darker: var(--color-gray-60);--color-muted-darkest: var(--color-gray-100);--color-muted-background: var(--color-gray-80);--color-muted-background-darker: var(--color-gray-100);--color-promo: var(--color-primary);--color-success: #cafccc;--color-success-darker: #bafabc;--color-success-darkest: #a5eba8;--color-success-text: #268029;--color-success-contrast: #65bb6a;--color-success-contrast-hover: #6bcf70;--color-success-contrast-active: #6edf74;--color-logo-icon: var(--color-primary);--color-logo-text: #190064;--border-radius-md: .375rem;--border-radius-lg: .5rem;--color-surface-high: #f1f0ff;--color-surface-mid: #f2f2f7;--color-surface-low: #ececf4;--color-surface-lowest: #ffffff;--color-on-surface: #1b1b1f;--color-brand-hover: #5753d0;--color-on-primary-container: #030064;--color-brand-active: #4440bf;--color-border-outline: #767680;--color-border-outline-variant: #c5c5d0;--color-surface-primary-container: #e0dfff;--color-badge: #0b6513;--background-color-badge: #d3ffd2}@media screen and (min-device-width: 1921px){.excalidraw{--lg-button-size: 2.5rem;--lg-icon-size: 1.25rem;--default-button-size: 2.25rem;--default-icon-size: 1.25rem}}.excalidraw.theme--dark.theme--dark-background-none{background:none}.excalidraw.theme--dark{--theme-filter: invert(93%) hue-rotate(180deg);--button-destructive-bg-color: #5a0000;--button-destructive-color: #ffa8a8;--button-gray-1: #363636;--button-gray-2: #272727;--button-gray-3: #222;--button-special-active-bg-color: #204624;--dialog-border-color: var(--color-gray-80);--dropdown-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4" viewBox="0 0 292 292"><path fill="%23ced4da" d="M287 197L159 69c-4-3-8-5-13-5s-9 2-13 5L5 197c-3 4-5 8-5 13s2 9 5 13c4 4 8 5 13 5h256c5 0 9-1 13-5s5-8 5-13-1-9-5-13z"/></svg>');--focus-highlight-color: #228be6;--icon-green-fill-color: #69db7c;--default-bg-color: #121212;--input-bg-color: #121212;--input-border-color: #2e2e2e;--input-hover-bg-color: #181818;--input-label-color: #e9ecef;--island-bg-color: #232329;--keybinding-color: var(--color-gray-60);--link-color: #4dabf7;--overlay-bg-color: rgba(52, 58, 64, .12);--popup-secondary-bg-color: #222;--popup-text-color: #ced4da;--popup-text-inverted-color: #2c2c2c;--select-highlight-color: #4dabf7;--shadow-island: 0px 0px .9310142993927002px 0px rgba(0, 0, 0, .17), 0px 0px 3.1270833015441895px 0px rgba(0, 0, 0, .08), 0px 7px 14px 0px rgba(0, 0, 0, .05);--modal-shadow: 0px 100px 80px rgba(0, 0, 0, .07), 0px 41.7776px 33.4221px rgba(0, 0, 0, .0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, .0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, .035), 0px 6.6501px 5.32008px rgba(0, 0, 0, .0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, .0196802);--avatar-border-color: var(--color-gray-85);--scrollbar-thumb: #343a40;--scrollbar-thumb-hover: #495057;--color-slider-track: hsl(244, 23%, 39%);--color-selection: #3530c4;--color-icon-white: var(--color-gray-90);--color-primary: #a8a5ff;--color-primary-darker: #b2aeff;--color-primary-darkest: #beb9ff;--color-primary-light: #4f4d6f;--color-primary-light-darker: #43415e;--color-primary-hover: #bbb8ff;--color-disabled: var(--color-gray-70);--color-text-warning: var(--color-gray-80);--color-danger: #ffa8a5;--color-danger-dark: #672120;--color-danger-darker: #8f2625;--color-danger-darkest: #ac2b29;--color-danger-text: #fbcbcc;--color-danger-background: #fbcbcc;--color-danger-icon-background: #672120;--color-danger-color: #261919;--color-danger-icon-color: #fbcbcc;--color-warning-background: var(--color-warning);--color-warning-icon-background: var(--color-warning-dark);--color-warning-color: var(--color-gray-80);--color-warning-icon-color: var(--color-gray-80);--color-muted: var(--color-gray-80);--color-muted-darker: var(--color-gray-60);--color-muted-darkest: var(--color-gray-20);--color-muted-background: var(--color-gray-40);--color-muted-background-darker: var(--color-gray-20);--color-logo-text: #e2dfff;--color-surface-high: hsl(245, 10%, 21%);--color-surface-low: hsl(240, 8%, 15%);--color-surface-mid: hsl(240 6% 10%);--color-surface-lowest: hsl(0, 0%, 7%);--color-on-surface: #e3e3e8;--color-brand-hover: #bbb8ff;--color-on-primary-container: #e0dfff;--color-brand-active: #d0ccff;--color-border-outline: #8e8d9c;--color-border-outline-variant: #46464f;--color-surface-primary-container: #403e6a}:root{--zIndex-canvas: 1;--zIndex-interactiveCanvas: 2;--zIndex-svgLayer: 3;--zIndex-wysiwyg: 3;--zIndex-canvasButtons: 3;--zIndex-layerUI: 4;--zIndex-eyeDropperBackdrop: 5;--zIndex-eyeDropperPreview: 6;--zIndex-hyperlinkContainer: 7;--zIndex-modal: 1000;--zIndex-popup: 1001;--zIndex-toast: 999999;--sab: env(safe-area-inset-bottom);--sal: env(safe-area-inset-left);--sar: env(safe-area-inset-right);--sat: env(safe-area-inset-top)}body.excalidraw-cursor-resize,body.excalidraw-cursor-resize a:hover,body.excalidraw-cursor-resize *{cursor:ew-resize}.excalidraw{--ui-font: Assistant, system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;font-family:var(--ui-font);position:relative;overflow:hidden;color:var(--text-primary-color);display:flex;inset:0;height:100%;width:100%;-webkit-user-select:none;user-select:none}.excalidraw button{cursor:pointer;-webkit-user-select:none;user-select:none}.excalidraw:focus{outline:none}.excalidraw .excalidraw-link,.excalidraw a{font-weight:500;text-decoration:none;color:var(--link-color);-webkit-user-select:none;user-select:none;cursor:pointer}.excalidraw .excalidraw-link:hover,.excalidraw a:hover{text-decoration:underline}.excalidraw .excalidraw-link:active,.excalidraw a:active{text-decoration:none}.excalidraw canvas{touch-action:none;image-rendering:pixelated;image-rendering:-moz-crisp-edges;z-index:var(--zIndex-canvas)}.excalidraw canvas.interactive{z-index:var(--zIndex-interactiveCanvas)}.excalidraw__canvas-wrapper,.excalidraw__canvas.static{pointer-events:none}.excalidraw__canvas{position:absolute}.excalidraw__embeddable{width:100%;height:100%;border:0}.excalidraw__embeddable-container{position:absolute;z-index:2;transform-origin:top left;pointer-events:none}.excalidraw.theme--dark canvas{filter:var(--theme-filter)}.excalidraw .FixedSideContainer{padding-top:var(--sat, 0);padding-right:var(--sar, 0);padding-bottom:var(--sab, 0);padding-left:var(--sal, 0)}.excalidraw .panelRow{display:flex;justify-content:space-between}.excalidraw .panelColumn{display:flex;flex-direction:column;row-gap:.75rem}.excalidraw .panelColumn h3,.excalidraw .panelColumn legend,.excalidraw .panelColumn .control-label{margin:0;margin-bottom:.25rem;font-size:.75rem;color:var(--text-primary-color);font-weight:400;display:block}.excalidraw .panelColumn .control-label input{display:block;width:100%}.excalidraw .panelColumn legend{padding:0}.excalidraw .panelColumn .iconSelectList{flex-wrap:wrap;position:relative}.excalidraw .panelColumn .buttonList{flex-wrap:wrap;display:flex;column-gap:.5rem;row-gap:.5rem}.excalidraw .panelColumn .buttonList label{font-size:.75rem}.excalidraw .panelColumn .buttonList input[type=radio],.excalidraw .panelColumn .buttonList input[type=button]{opacity:0;position:absolute;pointer-events:none}.excalidraw .panelColumn .buttonList .iconRow{margin-top:8px}.excalidraw .panelColumn fieldset{margin:0;padding:0;border:none}.excalidraw .divider{width:1px;background-color:#e9ecef;margin:1px}.excalidraw .welcome-screen-menu-item:focus-visible,.excalidraw .dropdown-menu-item:focus-visible,.excalidraw button:focus-visible,.excalidraw .buttonList label:focus-within,.excalidraw input:focus-visible{outline:transparent;box-shadow:0 0 0 1px var(--color-brand-hover)}.excalidraw .buttonList .ToolIcon__icon{all:unset!important;display:flex!important}.excalidraw .buttonList button{background-color:transparent}.excalidraw .buttonList label,.excalidraw .buttonList button,.excalidraw .buttonList .zIndexButton{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);padding:0}.excalidraw .buttonList label svg,.excalidraw .buttonList button svg,.excalidraw .buttonList .zIndexButton svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .buttonList label:hover,.excalidraw .buttonList button:hover,.excalidraw .buttonList .zIndexButton:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .buttonList label:active,.excalidraw .buttonList button:active,.excalidraw .buttonList .zIndexButton:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .buttonList label.active,.excalidraw .buttonList button.active,.excalidraw .buttonList .zIndexButton.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .buttonList label.active:hover,.excalidraw .buttonList button.active:hover,.excalidraw .buttonList .zIndexButton.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .buttonList label.active svg,.excalidraw .buttonList button.active svg,.excalidraw .buttonList .zIndexButton.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .buttonList label svg,.excalidraw .buttonList button svg,.excalidraw .buttonList .zIndexButton svg{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw .App-top-bar{z-index:var(--zIndex-layerUI);display:flex;flex-direction:column;align-items:center}.excalidraw .App-bottom-bar{position:absolute;inset:0;--bar-padding: calc(4 * var(--space-factor));padding-top:max(var(--bar-padding),var(--sat,0));padding-right:var(--sar, 0);padding-bottom:var(--sab, 0);padding-left:var(--sal, 0);z-index:4;display:flex;align-items:flex-end;pointer-events:none}.excalidraw .App-bottom-bar>.Island{width:100%;max-width:100%;min-width:100%;box-sizing:border-box;max-height:100%;display:flex;flex-direction:column;pointer-events:var(--ui-pointerEvents)}.excalidraw .App-bottom-bar>.Island .panelColumn{padding:8px 8px 0}.excalidraw .App-toolbar{width:100%}.excalidraw .App-toolbar .eraser.ToolIcon:hover{--icon-fill-color: #fff;--keybinding-color: #fff}.excalidraw .App-toolbar .eraser.active{background-color:var(--color-primary)}.excalidraw .App-toolbar-content{display:flex;align-items:center;justify-content:space-between;padding:8px}.excalidraw .App-toolbar-content .dropdown-menu--mobile{bottom:55px;top:auto}.excalidraw .App-mobile-menu{width:100%;overflow-x:visible;overflow-y:auto;box-sizing:border-box;margin-bottom:var(--bar-padding)}.excalidraw .App-menu{display:grid;color:var(--icon-fill-color)}.excalidraw .shapes-section{display:flex;justify-content:center;pointer-events:none!important}.excalidraw .shapes-section>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .App-menu_top{grid-template-columns:1fr 2fr 1fr;grid-gap:2rem;align-items:flex-start;cursor:default;pointer-events:none!important}.excalidraw .App-menu_top>*{pointer-events:var(--ui-pointerEvents)}@media (min-width: 1536px){.excalidraw .App-menu_top{grid-template-columns:1fr 1fr 1fr;grid-gap:3rem}}.excalidraw .App-menu_top>*:first-child{justify-self:flex-start}.excalidraw .App-menu_top>*:last-child{justify-self:flex-end}.excalidraw .App-menu_bottom{position:absolute;bottom:1rem;display:flex;justify-content:space-between;align-items:flex-start;cursor:default;pointer-events:none!important;box-sizing:border-box;padding:0 1rem}.excalidraw .App-menu_bottom--transition-left section{width:185px}.excalidraw .App-menu_bottom section{display:flex}.excalidraw .App-menu_bottom>*:first-child{justify-self:flex-start}.excalidraw .App-menu_bottom>*:last-child{justify-self:flex-end}.excalidraw .App-menu_left{grid-template-rows:1fr auto 1fr;height:100%}.excalidraw .App-menu_right{grid-template-rows:1fr;height:100%}.excalidraw .App-menu__left{overflow-y:auto;padding:.75rem;width:12.5rem;box-sizing:border-box;position:absolute}.excalidraw .dropdown-select{height:1.5rem;padding:0;padding-inline-start:.5rem;padding-inline-end:1.5rem;color:var(--icon-fill-color);background-color:var(--button-gray-1);border-radius:var(--space-factor);border:1px solid var(--button-gray-2);font-size:.8rem;font-family:inherit;outline:none;appearance:none;background-image:var(--dropdown-icon);background-repeat:no-repeat;background-position:right .7rem top 50%,0 0;background-size:.65em auto,100%}:root[dir=rtl] .excalidraw .dropdown-select{background-position:left .7rem top 50%,0 0}.excalidraw .dropdown-select:focus{box-shadow:0 0 0 2px var(--focus-highlight-color)}.excalidraw .dropdown-select:hover,.excalidraw .dropdown-select:active{background-color:var(--button-gray-2)}.excalidraw .dropdown-select__language{height:2rem;background-color:var(--island-bg-color);border-color:var(--default-border-color)!important;cursor:pointer}.excalidraw .dropdown-select__language:hover{background-color:var(--island-bg-color)}.excalidraw .scroll-back-to-content{border-radius:var(--border-radius-lg);background-color:var(--island-bg-color);color:var(--icon-fill-color);border:1px solid var(--default-border-color);padding:10px 20px;position:absolute;left:50%;bottom:30px;transform:translate(-50%);pointer-events:var(--ui-pointerEvents);font-family:inherit}.excalidraw .scroll-back-to-content:hover{background-color:var(--button-hover-bg)}.excalidraw .scroll-back-to-content:active{border:1px solid var(--button-active-border)}.excalidraw .help-icon{display:flex;justify-content:center;align-items:center;padding:.625rem;width:var(--button-width, var(--default-button-size));height:var(--button-height, var(--default-button-size));box-sizing:border-box;border-width:1px;border-style:solid;border-color:var(--button-border, var(--default-border-color));border-radius:var(--border-radius-lg);cursor:pointer;background-color:var(--button-bg, var(--island-bg-color));color:var(--button-color, var(--color-on-surface));font-family:var(--ui-font);border:none;box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low);width:var(--lg-button-size);height:var(--lg-button-size)}.excalidraw .help-icon svg{width:var(--button-width, var(--lg-icon-size));height:var(--button-height, var(--lg-icon-size))}.excalidraw .help-icon:hover{background-color:var(--button-hover-bg, var(--island-bg-color));border-color:var(--button-hover-border, var(--button-border, var(--default-border-color)));color:var(--button-hover-color, var(--button-color, var(--text-primary-color, inherit)))}.excalidraw .help-icon:active{background-color:var(--button-active-bg, var(--island-bg-color));border-color:var(--button-active-border, var(--color-primary-darkest))}.excalidraw .help-icon.active{background-color:var(--button-selected-bg, var(--color-surface-primary-container));border-color:var(--button-selected-border, var(--color-surface-primary-container))}.excalidraw .help-icon.active:hover{background-color:var(--button-selected-hover-bg, var(--color-surface-primary-container))}.excalidraw .help-icon.active svg{color:var(--button-color, var(--color-on-primary-container))}.excalidraw .help-icon:active{box-shadow:0 0 0 1px var(--color-brand-active)}.excalidraw .help-icon svg{width:var(--lg-icon-size);height:var(--lg-icon-size)}.excalidraw .reset-zoom-button{font-family:var(--ui-font)}.excalidraw .finalize-button{display:grid;grid-auto-flow:column;gap:.4em;margin-top:auto;margin-bottom:auto;margin-inline-start:.6em}.excalidraw .undo-redo-buttons,.excalidraw .eraser-buttons{display:grid;grid-auto-flow:column;margin-top:auto;margin-bottom:auto;margin-inline-start:.6em}.excalidraw--mobile.excalidraw aside{display:none}.excalidraw--mobile.excalidraw .scroll-back-to-content{bottom:calc(80px + var(--sab, 0));z-index:-1}:root[dir=rtl] .excalidraw .rtl-mirror{transform:scaleX(-1)}.excalidraw .zen-mode-visibility{visibility:visible;opacity:1;height:auto;width:auto;transition:opacity .5s}.excalidraw .zen-mode-visibility.zen-mode-visibility--hidden{visibility:hidden;opacity:0;height:0;width:0;transition:opacity .5s}.excalidraw .disable-pointerEvents{pointer-events:none!important}.excalidraw.excalidraw--view-mode .App-menu{display:flex;justify-content:space-between}.excalidraw input.is-redacted{-webkit-text-security:disc}.excalidraw input[type=text],.excalidraw textarea:not(.excalidraw-wysiwyg){color:var(--text-primary-color);border:1.5px solid var(--input-border-color);padding:.75rem;white-space:nowrap;border-radius:var(--space-factor);background-color:var(--input-bg-color)}.excalidraw input[type=text]:not(:focus):hover,.excalidraw textarea:not(.excalidraw-wysiwyg):not(:focus):hover{border-color:var(--color-brand-hover)}.excalidraw input[type=text]:focus,.excalidraw textarea:not(.excalidraw-wysiwyg):focus{outline:none;border-color:var(--color-brand-hover)}@media print{.excalidraw .App-bottom-bar,.excalidraw .FixedSideContainer,.excalidraw .layer-ui__wrapper{display:none}}.excalidraw ::-webkit-scrollbar{width:4px;height:3px}.excalidraw select::-webkit-scrollbar{width:10px}.excalidraw ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}.excalidraw ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.excalidraw ::-webkit-scrollbar-thumb:active{background:var(--scrollbar-thumb)}.excalidraw .mobile-misc-tools-container{position:absolute;top:calc(5rem - var(--editor-container-padding));right:calc(var(--editor-container-padding) * -1);display:flex;flex-direction:column;border:1px solid var(--sidebar-border-color);border-top-left-radius:var(--border-radius-lg);border-bottom-left-radius:var(--border-radius-lg);border-right:0;overflow:hidden;background-color:var(--island-bg-color)}.excalidraw .mobile-misc-tools-container .ToolIcon__icon{width:2rem;height:2rem;border-radius:0}.excalidraw .mobile-misc-tools-container .default-sidebar-trigger{border:0}.excalidraw .App-toolbar--mobile{overflow:visible;max-width:98vw}.excalidraw .App-toolbar--mobile .ToolIcon__keybinding{display:none}.excalidraw .UserList-Wrapper{margin:0;padding:0;border:none;text-align:left}.excalidraw .UserList-Wrapper legend{display:block;font-size:.75rem;font-weight:400;margin:0 0 .25rem;padding:0}.excalidraw .main-menu-trigger{border:none;box-shadow:0 0 0 1px var(--color-surface-lowest);background-color:var(--color-surface-low)}.excalidraw .main-menu-trigger:active{box-shadow:0 0 0 1px var(--color-brand-active)}.excalidraw .App-mobile-menu,.excalidraw .App-menu__left{--button-border: transparent;--button-bg: var(--color-surface-mid)}.excalidraw.theme--dark.excalidraw .App-mobile-menu,.excalidraw.theme--dark.excalidraw .App-menu__left{--button-hover-bg: #363541;--button-bg: var(--color-surface-high)}.excalidraw .App-menu__left .buttonList{padding:.25rem 0}.excalidraw .excalidraw__paragraph{margin:1rem 0}.excalidraw .Modal__content .excalidraw__paragraph:first-child{margin-top:0}.excalidraw .Modal__content .excalidraw__paragraph+.excalidraw__paragraph{margin-top:0rem}.ErrorSplash.excalidraw{min-height:100vh;padding:20px 0;overflow:auto;display:flex;align-items:center;justify-content:center;-webkit-user-select:text;user-select:text}.ErrorSplash.excalidraw .ErrorSplash-messageContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;background-color:#ffe3e3;border:3px solid #c92a2a}.ErrorSplash.excalidraw .ErrorSplash-paragraph{margin:15px 0;max-width:600px}.ErrorSplash.excalidraw .ErrorSplash-paragraph.align-center{text-align:center}.ErrorSplash.excalidraw .bigger,.ErrorSplash.excalidraw .bigger button{font-size:1.1em}.ErrorSplash.excalidraw .smaller,.ErrorSplash.excalidraw .smaller button{font-size:.9em}.ErrorSplash.excalidraw .ErrorSplash-details{display:flex;flex-direction:column;align-items:flex-start}.ErrorSplash.excalidraw .ErrorSplash-details textarea{width:100%;margin:10px 0;font-family:Cascadia;font-size:.8em}.excalidraw__embeddable-container .excalidraw__embeddable-container__inner{overflow:hidden;display:flex;align-items:center;justify-content:center;border-radius:var(--embeddable-radius)}.excalidraw__embeddable-container .excalidraw__embeddable__outer{width:100%;height:100%}.excalidraw__embeddable-container .excalidraw__embeddable__outer>*{border-radius:var(--embeddable-radius)}.excalidraw__embeddable-container .excalidraw__embeddable-hint{position:absolute;z-index:1;background:#00000080;padding:1rem 1.6rem;border-radius:12px;color:#fff;font-weight:700;letter-spacing:.6px;font-family:Assistant}@font-face{font-family:Assistant;src:url(/assets/Assistant-Regular-DVxZuzxb.woff2) format("woff2");font-weight:400;style:normal;display:swap}@font-face{font-family:Assistant;src:url(/assets/Assistant-Medium-DrcxCXg3.woff2) format("woff2");font-weight:500;style:normal;display:swap}@font-face{font-family:Assistant;src:url(/assets/Assistant-SemiBold-SCI4bEL9.woff2) format("woff2");font-weight:600;style:normal;display:swap}@font-face{font-family:Assistant;src:url(/assets/Assistant-Bold-gm-uSS1B.woff2) format("woff2");font-weight:700;style:normal;display:swap}.footer-center{pointer-events:none;display:flex;width:100%;justify-content:flex-start;margin-inline-end:.6rem}.footer-center>*{pointer-events:var(--ui-pointerEvents)}.excalidraw .ExcalidrawLogo{--logo-icon--xs: 2rem;--logo-text--xs: 1.5rem;--logo-icon--small: 2.5rem;--logo-text--small: 1.75rem;--logo-icon--normal: 3rem;--logo-text--normal: 2.2rem;--logo-icon--large: 90px;--logo-text--large: 65px;display:flex;align-items:center}.excalidraw .ExcalidrawLogo svg{flex:0 0 auto}.excalidraw .ExcalidrawLogo .ExcalidrawLogo-icon{width:auto;color:var(--color-logo-icon)}.excalidraw .ExcalidrawLogo .ExcalidrawLogo-text{margin-left:.75rem;width:auto;color:var(--color-logo-text)}.excalidraw .ExcalidrawLogo.is-xs .ExcalidrawLogo-icon{height:var(--logo-icon--xs)}.excalidraw .ExcalidrawLogo.is-xs .ExcalidrawLogo-text{height:var(--logo-text--xs)}.excalidraw .ExcalidrawLogo.is-small .ExcalidrawLogo-icon{height:var(--logo-icon--small)}.excalidraw .ExcalidrawLogo.is-small .ExcalidrawLogo-text{height:var(--logo-text--small)}.excalidraw .ExcalidrawLogo.is-normal .ExcalidrawLogo-icon{height:var(--logo-icon--normal)}.excalidraw .ExcalidrawLogo.is-normal .ExcalidrawLogo-text{height:var(--logo-text--normal)}.excalidraw .ExcalidrawLogo.is-large .ExcalidrawLogo-icon{height:var(--logo-icon--large)}.excalidraw .ExcalidrawLogo.is-large .ExcalidrawLogo-text{height:var(--logo-text--large)}.excalidraw .excalifont{font-family:Excalifont,Xiaolai}.excalidraw .welcome-screen-decor{pointer-events:none;color:var(--color-gray-40)}.excalidraw .welcome-screen-decor a{--color: var(--color-primary);color:var(--color);text-decoration:none;margin-bottom:-6px}.excalidraw.theme--dark .welcome-screen-decor{color:var(--color-gray-60)}@media (max-height: 599px){.excalidraw .welcome-screen-decor-hint{display:none!important}}@media (max-width: 1024px),(max-width: 800px){.excalidraw .welcome-screen-decor-hint .welcome-screen-decor--help,.excalidraw .welcome-screen-decor-hint .welcome-screen-decor--menu{display:none}}.excalidraw .welcome-screen-decor-hint--help{display:flex;position:absolute;right:0;bottom:100%}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help{left:0;right:auto}.excalidraw .welcome-screen-decor-hint--help svg{margin-top:.5rem;width:85px;height:71px;transform:scaleX(-1) rotate(80deg)}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--help svg{transform:rotate(80deg)}.excalidraw .welcome-screen-decor-hint--toolbar{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:2.5rem;display:flex;align-items:baseline}.excalidraw .welcome-screen-decor-hint--toolbar .welcome-screen-decor-hint__label{width:120px;position:relative;top:-.5rem}.excalidraw .welcome-screen-decor-hint--toolbar svg{width:38px;height:78px}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--toolbar svg{transform:scaleX(-1)}.excalidraw .welcome-screen-decor-hint--menu{position:absolute;width:320px;font-size:1rem;top:100%;margin-top:.25rem;margin-inline-start:.6rem;display:flex;align-items:flex-end;gap:.5rem}.excalidraw .welcome-screen-decor-hint--menu svg{width:41px;height:94px}:root[dir=rtl] .excalidraw .welcome-screen-decor-hint--menu svg{transform:scaleX(-1)}@media (max-width: 860px){.excalidraw .welcome-screen-decor-hint--menu .welcome-screen-decor-hint__label{max-width:160px}}.excalidraw .welcome-screen-center{display:flex;flex-direction:column;gap:2rem;justify-content:center;align-items:center;position:absolute;pointer-events:none;inset:1rem}.excalidraw .welcome-screen-center__logo{display:flex;align-items:center;column-gap:.75rem;font-size:2.25rem}.excalidraw .welcome-screen-center__heading{font-size:1.125rem;text-align:center}.excalidraw .welcome-screen-menu{display:flex;flex-direction:column;gap:2px;justify-content:center;align-items:center}.excalidraw .welcome-screen-menu-item{box-sizing:border-box;pointer-events:var(--ui-pointerEvents);color:var(--color-gray-50);font-size:.875rem;width:100%;min-width:300px;max-width:400px;display:grid;align-items:center;justify-content:space-between;background:none;border:1px solid transparent;padding:.75rem;border-radius:var(--border-radius-md);grid-template-columns:calc(var(--default-icon-size) + .5rem) 1fr 3rem}.excalidraw .welcome-screen-menu-item__text{display:flex;align-items:center;margin-right:auto;text-align:left;column-gap:.5rem}.excalidraw .welcome-screen-menu-item__icon{width:var(--default-icon-size);height:var(--default-icon-size)}.excalidraw .welcome-screen-menu-item__shortcut{margin-left:auto;color:var(--color-gray-40);font-size:.75rem}.excalidraw .welcome-screen-menu-item:hover{text-decoration:none;background:var(--button-hover-bg)}.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,.excalidraw .welcome-screen-menu-item:hover .welcome-screen-menu-item__text{color:var(--color-gray-100)}.excalidraw .welcome-screen-menu-item:active{background:var(--button-hover-bg);border-color:var(--color-brand-active)}.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,.excalidraw .welcome-screen-menu-item:active .welcome-screen-menu-item__text{color:var(--color-gray-100)}.excalidraw.theme--dark .welcome-screen-menu-item,.excalidraw.theme--dark .welcome-screen-menu-item__shortcut{color:var(--color-gray-60)}.excalidraw.theme--dark .welcome-screen-menu-item:hover{background-color:var(--color-surface-low)}.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__icon,.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__shortcut,.excalidraw.theme--dark .welcome-screen-menu-item:hover .welcome-screen-menu-item__text,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__icon,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__shortcut,.excalidraw.theme--dark .welcome-screen-menu-item:active .welcome-screen-menu-item__text{color:var(--color-gray-10)}@media (max-height: 599px){.excalidraw .welcome-screen-center{margin-top:4rem}}@media (min-height: 600px) and (max-height: 900px){.excalidraw .welcome-screen-center{margin-top:8rem}}@media (max-height: 500px),(max-width: 320px){.excalidraw .welcome-screen-center{display:none}}.excalidraw .collab-button{--button-bg: var(--color-primary);--button-color: var(--color-surface-lowest);--button-border: var(--color-primary);--button-width: var(--lg-button-size);--button-height: var(--lg-button-size);--button-hover-bg: var(--color-primary-darker);--button-hover-border: var(--color-primary-darker);--button-active-bg: var(--color-primary-darker);box-shadow:0 0 0 1px var(--color-surface-lowest);flex-shrink:0}.excalidraw .collab-button.active.active{background-color:#0fb884;border-color:#0fb884}.excalidraw .collab-button.active.active svg{color:#fff}.excalidraw .collab-button.active.active:hover,.excalidraw .collab-button.active.active:active{background-color:#0fb884;border-color:#0fb884}.excalidraw .CollabButton.is-collaborating{background-color:var(--button-special-active-bg-color)}.excalidraw .CollabButton.is-collaborating .ToolIcon__icon svg,.excalidraw .CollabButton.is-collaborating .ToolIcon__label{color:var(--icon-green-fill-color)}.excalidraw .CollabButton-collaborators{min-width:1em;min-height:1em;line-height:1;position:absolute;bottom:-5px;padding:3px;border-radius:50%;background-color:#b2f2bb;color:#2b8a3e;font-size:.6rem;font-family:Cascadia}:root[dir=ltr] .excalidraw .CollabButton-collaborators{right:-5px}:root[dir=rtl] .excalidraw .CollabButton-collaborators{left:-5px}.excalidraw-container{height:90vh;width:100%;display:flex;flex-direction:column}.excalidraw-container .excalidraw{flex:1;height:calc(100vh - 80px);width:100%}.excalidraw-container>div:last-child{flex:1;height:100%;min-height:0}.excalidraw-container .excalidraw .excalidraw__canvas{height:100%!important;width:100%!important}body.dark-mode .excalidraw-container{background-color:#1a1a1a;color:#fff}body:not(.dark-mode) .excalidraw-container{background-color:#fff;color:#000}.sidebar-trigger-btn{background:linear-gradient(to right,#ff7e29,#ff9a3e)!important;color:#fff!important;border:none!important;padding:.75rem 1.625rem!important;font-size:.9375rem!important;font-weight:700!important;border-radius:.5rem!important;cursor:pointer!important;box-shadow:0 .1875rem .5rem #00000026!important;transition:transform .2s ease,background .3s ease!important;margin-left:.5rem!important}.sidebar-trigger-btn:hover{transform:translateY(-.125rem)!important;background:linear-gradient(to right,#e36414,#f2871f)!important}body.dark-mode .sidebar-trigger-btn{background:linear-gradient(to right,#f97316,#fb923c)!important}body.dark-mode .sidebar-trigger-btn:hover{background:linear-gradient(to right,#ea580c,#f97316)!important}.excalidraw-container .excalidraw *{--color-primary: #ff7e29 !important;--color-primary-light: #ff9a3e !important;--color-primary-dark: #e36414 !important;--color-accent: #ff7e29 !important;--color-accent-light: #ff9a3e !important;--color-accent-dark: #e36414 !important;--color-selection: #ff7e29 !important;--color-selection-hover: #ff9a3e !important;--color-border: #ff7e29 !important;--color-border-hover: #ff9a3e !important}.excalidraw-container .excalidraw *[style*=purple],.excalidraw-container .excalidraw *[style*="#8b5cf6"],.excalidraw-container .excalidraw *[style*="#a855f7"],.excalidraw-container .excalidraw *[style*="#c084fc"],.excalidraw-container .excalidraw *[style*="#9333ea"],.excalidraw-container .excalidraw *[style*="#7c3aed"],.excalidraw-container .excalidraw *[style*="#6d28d9"],.excalidraw-container .excalidraw *[style*="#5b21b6"]{color:#ff7e29!important;border-color:#ff7e29!important;background-color:#ff7e291a!important;fill:#ff7e29!important;stroke:#ff7e29!important}.excalidraw-container .excalidraw .ToolIcon__ToolIcon,.excalidraw-container .excalidraw .ToolIcon__ToolIcon:hover,.excalidraw-container .excalidraw .ToolIcon__ToolIcon--selected,.excalidraw-container .excalidraw .ToolIcon__ToolIcon--selected:hover,.excalidraw-container .excalidraw [data-testid=sidebar-trigger]{color:#ff7e29!important;background-color:#ff7e291a!important}.excalidraw-container .excalidraw [data-testid=sidebar-trigger]:hover{color:#ff9a3e!important;background-color:#ff7e2933!important}.excalidraw-container .excalidraw svg[fill*=purple],.excalidraw-container .excalidraw svg[stroke*=purple],.excalidraw-container .excalidraw path[fill*=purple],.excalidraw-container .excalidraw path[stroke*=purple]{fill:#ff7e29!important;stroke:#ff7e29!important}.excalidraw-container .excalidraw *{color:inherit!important}.excalidraw-container .excalidraw *[style*="color: purple"],.excalidraw-container .excalidraw *[style*="color: rgb(139, 92, 246)"],.excalidraw-container .excalidraw *[style*="color: #8b5cf6"]{color:#ff7e29!important}@media (max-width: 768px){.excalidraw-container .excalidraw{height:calc(100vh - 70px)!important}}@media (max-width: 480px){.excalidraw-container .excalidraw{height:calc(100vh - 60px)!important}}.k-agent-input-container{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.k-agent-label{font-size:.875rem;font-weight:600;color:inherit;margin-bottom:.25rem}.k-agent-input{width:90%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;line-height:1.4;background-color:inherit;color:inherit;transition:border-color .2s ease,box-shadow .2s ease;resize:vertical;min-height:6rem;font-family:inherit}.k-agent-input:focus{outline:none;border-color:#ff7e29;box-shadow:0 0 0 2px #ff7e2933}.k-agent-input::placeholder{color:#9ca3af}.k-agent-generate-btn{width:90%;padding:.75rem 1rem;background:linear-gradient(to right,#ff7e29,#ff9a3e);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:transform .2s ease,background .3s ease;margin-top:.5rem}.k-agent-generate-btn:hover{transform:translateY(-.125rem);background:linear-gradient(to right,#e36414,#f2871f)}.k-agent-generate-btn:active{transform:translateY(0)}body.dark-mode .k-agent-input{border-color:#4b5563;background-color:#374151;color:#f9fafb}body.dark-mode .k-agent-input::placeholder{color:#9ca3af}body.dark-mode .k-agent-generate-btn{background:linear-gradient(to right,#f97316,#fb923c)}body.dark-mode .k-agent-generate-btn:hover{background:linear-gradient(to right,#ea580c,#f97316)}.sidebar-header-title{font-size:1.125rem;font-weight:700;color:#ff7e29;text-align:center;padding:.75rem 0;border-bottom:2px solid rgba(255,126,41,.2);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}body.dark-mode .sidebar-header-title{color:#ff9a3e;border-bottom-color:#ff9a3e4d}.header-controls{display:flex;align-items:center;gap:.75rem}.back-home-btn,.my-account-btn{background:none;border:none;cursor:pointer;font-size:20px;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;padding:0;margin:0;color:#6b7280}.back-home-btn:hover,.my-account-btn:hover{color:#ff7e29;transform:translateY(-1px)}.back-home-btn:active,.my-account-btn:active{transform:translateY(0)}._loginContainer_1h0k1_1{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#f0f4f9,#e9f1ff);background-attachment:fixed;position:relative;transition:background .3s ease}._themeToggleContainer_1h0k1_13{position:absolute;top:1rem;right:1rem;z-index:1000}._loginCard_1h0k1_20{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;padding:2.5rem;width:100%;max-width:28rem;border:1px solid #e5e7eb;transition:all .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32{background:linear-gradient(135deg,#1f2937,#111827)}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._loginCard_1h0k1_20{background:#374151;border-color:#4b5563;color:#fff;box-shadow:0 25px 50px -12px #0006}._header_1h0k1_43{text-align:center;margin-bottom:2rem}._logoContainer_1h0k1_48{margin-bottom:1.5rem}._logo_1h0k1_48{width:7.5rem;height:7.5rem;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,126,41,.2));transition:all .3s ease}._logo_1h0k1_48:hover{filter:drop-shadow(0 0 30px rgba(255,126,41,.4));transform:scale(1.05)}._title_1h0k1_65{font-size:1.875rem;font-weight:700;color:#1c1e21;margin-bottom:.5rem;letter-spacing:-.025em;transition:color .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._title_1h0k1_65{color:#fff}._subtitle_1h0k1_78{color:#6b7280;font-size:.875rem;line-height:1.25rem;transition:color .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._subtitle_1h0k1_78{color:#d1d5db}._form_1h0k1_89{display:flex;flex-direction:column;gap:1.5rem}._errorMessage_1h0k1_95{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:.5rem;font-size:.875rem;text-align:center;transition:all .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._errorMessage_1h0k1_95{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}._inputGroup_1h0k1_112{display:flex;flex-direction:column;gap:.5rem}._label_1h0k1_118{font-size:.875rem;font-weight:500;color:#374151;line-height:1.25rem;transition:color .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._label_1h0k1_118{color:#d1d5db}._inputWrapper_1h0k1_130{position:relative;display:flex;align-items:center}._inputIcon_1h0k1_136{position:absolute;left:.75rem;color:#9ca3af;width:1.25rem;height:1.25rem;z-index:10;transition:color .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._inputIcon_1h0k1_136{color:#6b7280}._input_1h0k1_112{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;background:#fff;color:#1c1e21;transition:all .3s ease}._input_1h0k1_112:focus{outline:none;border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e291a}._input_1h0k1_112::placeholder{color:#9ca3af}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._input_1h0k1_112{background:#4b5563;border-color:#6b7280;color:#fff}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._input_1h0k1_112:focus{border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e2933}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._input_1h0k1_112::placeholder{color:#9ca3af}._inputError_1h0k1_187{border-color:#dc2626}._inputError_1h0k1_187:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._inputError_1h0k1_187:focus{box-shadow:0 0 0 3px #dc262633}._passwordToggle_1h0k1_200{position:absolute;right:.75rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .3s ease}._passwordToggle_1h0k1_200:hover{color:#6b7280}._passwordToggle_1h0k1_200:disabled{color:#d1d5db;cursor:not-allowed}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._passwordToggle_1h0k1_200{color:#6b7280}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._passwordToggle_1h0k1_200:hover{color:#9ca3af}._errorText_1h0k1_229{color:#dc2626;font-size:.75rem;line-height:1rem;transition:color .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._errorText_1h0k1_229{color:#fca5a5}._formActions_1h0k1_240{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}._rememberMe_1h0k1_247{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#6b7280;transition:color .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._rememberMe_1h0k1_247{color:#9ca3af}._checkbox_1h0k1_260{width:1rem;height:1rem;border-radius:.25rem;border:1px solid #d1d5db;background:#fff;cursor:pointer;transition:all .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._checkbox_1h0k1_260{background:#4b5563;border-color:#6b7280}._checkboxLabel_1h0k1_275{-webkit-user-select:none;user-select:none}._forgotPassword_1h0k1_279{background:none;border:none;color:#ff7e29;cursor:pointer;font-size:.875rem;text-decoration:underline;transition:color .3s ease}._forgotPassword_1h0k1_279:hover{color:#e36414}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._forgotPassword_1h0k1_279{color:#ff7e29}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._forgotPassword_1h0k1_279:hover{color:#e36414}._submitButton_1h0k1_301{width:100%;background:linear-gradient(135deg,#ff7e29,#e36414);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}._submitButton_1h0k1_301:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px -5px #ff7e2966}._submitButton_1h0k1_301:active:not(:disabled){transform:translateY(0)}._submitButton_1h0k1_301:disabled{opacity:.6;cursor:not-allowed;transform:none}._loadingSpinner_1h0k1_333{display:flex;align-items:center;gap:.5rem}._spinner_1h0k1_339{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:_spin_1h0k1_339 1s linear infinite}@keyframes _spin_1h0k1_339{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._signupPrompt_1h0k1_353{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;transition:all .3s ease}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._signupPrompt_1h0k1_353{border-color:#4b5563;color:#9ca3af}._signupLink_1h0k1_368{background:none;border:none;color:#ff7e29;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .3s ease}._signupLink_1h0k1_368:hover{color:#e36414}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._signupLink_1h0k1_368{color:#ff7e29}._loginContainer_1h0k1_1._darkMode_1h0k1_32 ._signupLink_1h0k1_368:hover{color:#e36414}@media (max-width: 640px){._loginCard_1h0k1_20{padding:1.5rem;margin:1rem}._title_1h0k1_65{font-size:1.5rem}._formActions_1h0k1_240{flex-direction:column;gap:1rem;align-items:flex-start}._themeToggleContainer_1h0k1_13{top:.5rem;right:.5rem}}._input_1h0k1_112:focus-visible,._submitButton_1h0k1_301:focus-visible,._passwordToggle_1h0k1_200:focus-visible,._forgotPassword_1h0k1_279:focus-visible,._signupLink_1h0k1_368:focus-visible{outline:2px solid #ff7e29;outline-offset:2px}@media (prefers-reduced-motion: reduce){._loginContainer_1h0k1_1,._loginCard_1h0k1_20,._title_1h0k1_65,._subtitle_1h0k1_78,._errorMessage_1h0k1_95,._label_1h0k1_118,._inputIcon_1h0k1_136,._input_1h0k1_112,._passwordToggle_1h0k1_200,._errorText_1h0k1_229,._rememberMe_1h0k1_247,._checkbox_1h0k1_260,._forgotPassword_1h0k1_279,._submitButton_1h0k1_301,._signupPrompt_1h0k1_353,._signupLink_1h0k1_368{transition:none}._submitButton_1h0k1_301:hover:not(:disabled){transform:none}._spinner_1h0k1_339{animation:none}}.signupContainer{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(135deg,#f0f4f9,#e9f1ff);background-attachment:fixed;position:relative;transition:background .3s ease;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.signupContainer::-webkit-scrollbar{display:none}.themeToggleContainer{position:absolute;top:1rem;right:1rem;z-index:1000}.signupCard{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;padding:2.5rem;width:100%;max-width:32rem;border:1px solid #e5e7eb;transition:all .3s ease;max-height:calc(100vh - 2rem);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.signupCard::-webkit-scrollbar{display:none}.signupContainer.darkMode{background:linear-gradient(135deg,#1f2937,#111827)}.signupContainer.darkMode .signupCard{background:#374151;border-color:#4b5563;color:#fff;box-shadow:0 25px 50px -12px #0006}.header{text-align:center;margin-bottom:2rem}.logoContainer{margin-bottom:1.5rem}.logo:hover{filter:drop-shadow(0 0 30px rgba(255,126,41,.4));transform:scale(1.05)}.title{font-size:1.875rem;font-weight:700;color:#1c1e21;margin-bottom:.5rem;letter-spacing:-.025em;transition:color .3s ease}.signupContainer.darkMode .title{color:#fff}.subtitle{color:#6b7280;font-size:.875rem;line-height:1.25rem;transition:color .3s ease}.signupContainer.darkMode .subtitle{color:#d1d5db}.form{display:flex;flex-direction:column;gap:1.5rem}.errorMessage{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:.5rem;font-size:.875rem;text-align:center;transition:all .3s ease}.signupContainer.darkMode .errorMessage{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.successMessage{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a;padding:.75rem;border-radius:.5rem;font-size:.875rem;text-align:center;transition:all .3s ease}.signupContainer.darkMode .successMessage{background:#052e16;border-color:#166534;color:#86efac}.inputGroup{display:flex;flex-direction:column;gap:.5rem}.label{font-size:.875rem;font-weight:500;color:#374151;line-height:1.25rem;transition:color .3s ease}.signupContainer.darkMode .label{color:#d1d5db}.inputWrapper{position:relative;display:flex;align-items:center}.inputIcon{position:absolute;left:.75rem;color:#9ca3af;width:1.25rem;height:1.25rem;z-index:10;transition:color .3s ease}.signupContainer.darkMode .inputIcon{color:#6b7280}.input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;line-height:1.25rem;background:#fff;color:#1c1e21;transition:all .3s ease}.input:focus{outline:none;border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e291a}.input::placeholder{color:#9ca3af}.signupContainer.darkMode .input{background:#4b5563;border-color:#6b7280;color:#fff}.signupContainer.darkMode .input:focus{border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e2933}.signupContainer.darkMode .input::placeholder{color:#9ca3af}.select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1.25rem!important;padding-right:2.5rem!important;cursor:pointer;border:none;outline:none}.signupContainer.darkMode .select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%239ca3af' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e")!important}.select::-ms-expand{display:none}.select{border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;line-height:1.25rem}.signupContainer.darkMode .select{border-color:#6b5563}.select option{background:#fff;color:#1c1e21;padding:.5rem}.signupContainer.darkMode .select option{background:#4b5563;color:#fff}.inputError{border-color:#dc2626}.inputError:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.signupContainer.darkMode .inputError:focus{box-shadow:0 0 0 3px #dc262633}.passwordToggle{position:absolute;right:.75rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.25rem;border-radius:.25rem;transition:color .3s ease}.passwordToggle:hover{color:#6b7280}.passwordToggle:disabled{color:#d1d5db;cursor:not-allowed}.signupContainer.darkMode .passwordToggle{color:#6b7280}.signupContainer.darkMode .passwordToggle:hover{color:#9ca3af}.errorText{color:#dc2626;font-size:.75rem;line-height:1rem;transition:color .3s ease}.signupContainer.darkMode .errorText{color:#fca5a5}.submitButton{width:100%;background:linear-gradient(135deg,#ff7e29,#e36414);color:#fff;border:none;border-radius:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.submitButton:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px -5px #ff7e2966}.submitButton:active:not(:disabled){transform:translateY(0)}.submitButton:disabled{opacity:.6;cursor:not-allowed;transform:none}.loadingSpinner{display:flex;align-items:center;gap:.5rem}.spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.loginPrompt{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;transition:all .3s ease}.signupContainer.darkMode .loginPrompt{border-color:#4b5563;color:#9ca3af}.loginLink{background:none;border:none;color:#ff7e29;cursor:pointer;font-weight:600;text-decoration:underline;transition:color .3s ease}.loginLink:hover{color:#e36414}.signupContainer.darkMode .loginLink{color:#ff7e29}.signupContainer.darkMode .loginLink:hover{color:#e36414}@media (max-width: 640px){.signupCard{padding:1.5rem;margin:1rem}.title{font-size:1.5rem}.themeToggleContainer{top:.5rem;right:.5rem}}@media (max-height: 700px){.signupContainer{padding:1rem .5rem .5rem;align-items:flex-start}.signupCard{padding:1.5rem;margin:.5rem;max-height:calc(100vh - 1rem)}.header,.logoContainer{margin-bottom:1rem}.logo{width:5rem;height:5rem}.title{font-size:1.5rem;margin-bottom:.25rem}.subtitle{font-size:.75rem}.form{gap:1rem}.inputGroup{gap:.25rem}.loginPrompt{margin-top:1rem;padding-top:1rem}}@media (max-height: 500px){.signupContainer{padding:.5rem .25rem .25rem}.signupCard{padding:1rem;margin:.25rem;max-height:calc(100vh - .5rem)}.header,.logoContainer{margin-bottom:.75rem}.logo{width:4rem;height:4rem}.title{font-size:1.25rem;margin-bottom:.25rem}.subtitle{font-size:.7rem}.form{gap:.75rem}.inputGroup{gap:.25rem}.input{padding:.5rem .5rem .5rem 2.25rem}.label{font-size:.8rem}.loginPrompt{margin-top:.75rem;padding-top:.75rem}}@media (max-height: 600px) and (orientation: landscape){.signupContainer{padding:.5rem;align-items:flex-start}.signupCard{padding:1.25rem;margin:.5rem;max-height:calc(100vh - 1rem)}.logo{width:4.5rem;height:4.5rem}.form{gap:.75rem}.inputGroup{gap:.5rem}}.input:focus-visible,.submitButton:focus-visible,.passwordToggle:focus-visible,.loginLink:focus-visible{outline:2px solid #ff7e29;outline-offset:2px}@media (prefers-reduced-motion: reduce){.signupContainer,.signupCard,.title,.subtitle,.errorMessage,.label,.inputIcon,.input,.passwordToggle,.errorText,.submitButton,.loginPrompt,.loginLink{transition:none}.submitButton:hover:not(:disabled){transform:none}.spinner{animation:none}}.mfa-reset-page{min-height:100vh;background:var(--bg-color, #f8fafc);color:var(--text-color, #1e293b);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.mfa-reset-content{max-width:800px;margin:0 auto;padding:2rem}.mfa-reset-header{text-align:center;margin-bottom:3rem}.mfa-reset-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ff7e29,#ff9a3e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.mfa-reset-header p{font-size:1.125rem;color:var(--text-secondary, #6b7280);margin:0}.mfa-reset-details{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.reconfigure-info{text-align:center;padding:2rem}.reconfigure-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.reconfigure-info p{font-size:1rem;color:var(--text-secondary, #6b7280);line-height:1.6;margin-bottom:1rem}.reconfigure-info p:last-child{margin-bottom:1.5rem}.reconfigure-actions{display:flex;justify-content:center;gap:1rem}.reconfigure-button{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.reconfigure-button:hover:not(:disabled){background:linear-gradient(135deg,#ff9a3e,#ffb366);transform:translateY(-2px);box-shadow:0 4px 12px #ff7e294d}.reconfigure-button:disabled{opacity:.6;cursor:not-allowed}body.dark-mode .reconfigure-button{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;border:1px solid var(--primary-color, #ff7e29)}body.dark-mode .reconfigure-button:hover:not(:disabled){background:linear-gradient(135deg,#ff9a3e,#ffb366);border-color:var(--primary-hover, #ff9a3e);transform:translateY(-2px);box-shadow:0 4px 12px #ff7e294d}.mfa-setup-content{display:flex;flex-direction:column;gap:2rem}.setup-step{background:var(--card-bg, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:15px;padding:30px;margin-bottom:20px}.setup-step h3{font-size:1.25rem;font-weight:700;color:var(--text-color, #1e293b);margin-bottom:1rem;display:flex;align-items:center;gap:10px}.setup-step p{font-size:1rem;color:var(--text-secondary, #64748b);line-height:1.6;margin-bottom:1rem}.qr-container{display:flex;justify-content:center;margin:1rem 0}.qr-code{width:200px;height:200px;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;padding:.5rem;background:#fff}.manual-entry{margin-top:1rem;text-align:center}.manual-label{font-size:.875rem;color:var(--text-secondary, #6b7280);margin-bottom:.5rem}.secret-container{display:flex;align-items:center;justify-content:center;gap:.75rem;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:20px;width:100%;max-width:500px;margin:0 auto;transition:all .2s ease;box-sizing:border-box;overflow:hidden}.secret-container:hover{border-color:#ff7e29;box-shadow:0 2px 8px #ff7e291a}.secret-code{font-family:Courier New,monospace;font-size:.9rem;font-weight:600;color:var(--text-color, #1e293b);background:transparent;border:none;flex:1;text-align:center;letter-spacing:.5px;word-break:break-all;overflow-wrap:break-word;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-button{background:#ff7e29;color:#fff;border:none;border-radius:6px;padding:8px 12px;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:40px;height:36px}.copy-button:hover{background:#e36414;transform:translateY(-1px);box-shadow:0 4px 12px #ff7e294d}body.dark-mode .secret-container{background:#374151;border-color:#4b5563;box-sizing:border-box;overflow:hidden}body.dark-mode .secret-container:hover{border-color:#ff7e29;box-shadow:0 2px 8px #ff7e291a}body.dark-mode .secret-code{color:#e2e8f0;word-break:break-all;overflow-wrap:break-word;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.dark-mode .copy-button{background:#ff7e29;color:#fff;border:none}body.dark-mode .copy-button:hover{background:#e36414;transform:translateY(-1px);box-shadow:0 4px 12px #ff7e294d}.backup-codes-section{margin-top:1rem}.backup-codes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.backup-codes-header h4{font-size:1rem;font-weight:600;color:var(--text-color, #1f2937);margin:0}.backup-actions{display:flex;gap:.5rem;flex-wrap:wrap}.action-button{background:var(--secondary-color, #6b7280);color:#fff;border:none;border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.action-button:hover{background:var(--secondary-hover, #9ca3af);transform:translateY(-1px)}.action-button.secondary{background:var(--secondary-color, #6b7280)}.action-button.secondary:hover{background:var(--secondary-hover, #9ca3af)}body.dark-mode .action-button{background:var(--card-bg, #1e293b);color:var(--text-color, #f1f5f9);border:1px solid var(--border-color, #334155)}body.dark-mode .action-button:hover{background:var(--border-color, #334155);color:var(--text-color, #f1f5f9);transform:translateY(-1px)}body.dark-mode .action-button.secondary{background:var(--card-bg, #1e293b);color:var(--text-color, #f1f5f9);border:1px solid var(--border-color, #334155)}body.dark-mode .action-button.secondary:hover{background:var(--border-color, #334155);color:var(--text-color, #f1f5f9)}.backup-codes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.backup-code-item{display:flex;align-items:center;gap:.5rem;background:var(--card-bg, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.375rem;padding:.75rem}.backup-code{font-family:Courier New,monospace;font-size:.875rem;color:var(--text-color, #1f2937);flex:1;background:transparent;border:none}.copy-backup-button{background:var(--primary-color, #ff7e29);color:#fff;border:none;border-radius:.25rem;padding:.25rem .5rem;cursor:pointer;font-size:.75rem;transition:background-color .2s ease;min-width:2rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.copy-backup-button:hover{background:var(--primary-hover, #ff9a3e)}body.dark-mode .copy-backup-button{background:var(--primary-color, #ff7e29);color:#fff;border:1px solid var(--primary-color, #ff7e29)}body.dark-mode .copy-backup-button:hover{background:var(--primary-hover, #ff9a3e);border-color:var(--primary-hover, #ff9a3e)}.backup-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:.375rem;padding:.75rem;margin-top:1rem}.backup-warning p{margin:0;font-size:.875rem;color:#92400e;line-height:1.4}.completion-info{background:#d1fae5;border:1px solid #10b981;border-radius:.5rem;padding:1rem;text-align:center}.completion-info h3{color:#065f46;margin:0 0 .5rem;font-size:1rem}.completion-info p{color:#047857;margin:0;font-size:.875rem}body.dark-mode .setup-step{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);color:var(--text-color, #f1f5f9)}body.dark-mode .setup-step h3{color:var(--text-color, #f1f5f9)}body.dark-mode .setup-step p{color:var(--text-secondary, #cbd5e1)}body.dark-mode .secret-container{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}body.dark-mode .secret-code{color:var(--text-color, #f1f5f9)}body.dark-mode .backup-code-item{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}body.dark-mode .backup-code{color:var(--text-color, #f1f5f9)}body.dark-mode .backup-warning{background:#451a03;border-color:#f59e0b}body.dark-mode .backup-warning p{color:#fbbf24}body.dark-mode .completion-info{background:#064e3b;border-color:#10b981}body.dark-mode .completion-info h3{color:#6ee7b7}body.dark-mode .completion-info p{color:#a7f3d0}.mfa-reset-actions{display:flex;justify-content:center;gap:1rem}body.dark-mode .mfa-reset-page{--bg-color: #0f172a;--text-color: #f1f5f9;--text-secondary: #cbd5e1;--card-bg: #1e293b;--border-color: #334155;--input-bg: #334155;--primary-color: #f1f5f9;--success-color: #34d399;--error-color: #f87171}@media screen and (max-width: 768px){.mfa-reset-content{padding:1rem}.mfa-reset-header h1{font-size:2rem}.coming-soon-info{padding:1rem}.coming-soon-icon{font-size:3rem}.secret-container{max-width:100%;padding:15px;gap:.5rem}.secret-code{font-size:.8rem;letter-spacing:.25px}.copy-button{padding:6px 10px;font-size:.8rem;min-width:35px;height:32px}}@media screen and (max-width: 480px){.secret-container{padding:12px;gap:.5rem}.secret-code{font-size:.75rem}.copy-button{padding:5px 8px;font-size:.75rem;min-width:30px;height:28px}}.change-password-page{min-height:100vh;background:var(--bg-color, #f8fafc);color:var(--text-color, #1e293b);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease,color .3s ease}.change-password-content{max-width:800px;margin:0 auto;padding:2rem}.change-password-header{text-align:center;margin-bottom:3rem}.change-password-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ff7e29,#ff9a3e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.change-password-header p{font-size:1.125rem;color:var(--text-secondary, #6b7280);margin:0}.change-password-details{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.detail-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:20px;padding:40px;box-shadow:0 10px 25px #0000001a}.detail-section h2{font-size:1.5rem;font-weight:700;color:var(--text-color, #1e293b);margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid;border-image:linear-gradient(135deg,#ff7e29,#ff9a3e) 1}.coming-soon-info{text-align:center;padding:2rem}.coming-soon-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.coming-soon-info p{font-size:1rem;color:var(--text-secondary, #6b7280);line-height:1.6;margin-bottom:1rem}.coming-soon-info p:last-child{margin-bottom:0}.password-form-container{max-width:500px;margin:0 auto}.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:1rem;font-weight:700;color:var(--text-color, #1e293b);margin-bottom:.5rem}.password-input-container{position:relative;display:flex;align-items:center}.form-input{width:100%;padding:.75rem 3rem .75rem .75rem;border:1px solid var(--border-color, #d1d5db);border-radius:10px;font-size:1rem;background:var(--input-bg, #ffffff);color:var(--text-color, #1e293b);transition:all .2s ease;font-family:inherit}.form-input:focus{outline:none;border-color:var(--primary-color, #ff7e29);box-shadow:0 0 0 3px #ff7e291a}.form-input:disabled{background:var(--disabled-bg, #f9fafb);color:var(--disabled-text, #9ca3af);cursor:not-allowed}.password-toggle{position:absolute;right:.75rem;background:none;border:none;cursor:pointer;padding:.25rem;color:var(--text-secondary, #64748b);font-size:1.125rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.375rem}.password-toggle:hover{color:var(--text-color, #1e293b);background:var(--hover-bg, #f3f4f6)}.password-hint{font-size:.75rem;margin-top:.25rem;padding:.25rem .5rem;border-radius:.25rem;line-height:1.4}.password-hint.error{background:#fee2e2;color:#dc2626;border:1px solid #fecaca}.password-hint.success{background:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.form-actions{display:flex;justify-content:center;margin-top:1rem}.submit-button{background:linear-gradient(135deg,#ff7e29,#ff9a3e);color:#fff;border:none;padding:.75rem 2rem;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:150px;font-family:inherit}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#ff9a3e,#ffb366);transform:translateY(-2px);box-shadow:0 4px 12px #ff7e294d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.password-requirements{background:var(--card-bg, #f9fafb);border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;padding:1rem;margin-top:2rem}.password-requirements h4{font-size:.875rem;font-weight:600;color:var(--text-color, #1f2937);margin:0 0 .5rem}.password-requirements ul{margin:0;padding-left:1.25rem;list-style-type:disc}.password-requirements li{font-size:.75rem;color:var(--text-secondary, #6b7280);line-height:1.5;margin-bottom:.25rem}.password-requirements li:last-child{margin-bottom:0}.error-message{background:#fee2e2;border:1px solid #f87171;color:#dc2626;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;line-height:1.4}.success-message{background:#d1fae5;border:1px solid #10b981;color:#065f46;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1rem;font-size:.875rem;line-height:1.4}body.dark-mode .form-input{background:var(--input-bg, #334155);border-color:var(--border-color, #334155);color:var(--text-color, #f1f5f9)}body.dark-mode .form-input:focus{border-color:var(--primary-color, #ff7e29);box-shadow:0 0 0 3px #ff7e291a}body.dark-mode .form-input:disabled{background:var(--input-bg, #1e293b);color:var(--text-secondary, #cbd5e1)}body.dark-mode .form-label{color:var(--text-color, #f1f5f9)}body.dark-mode .password-toggle{color:var(--text-secondary, #cbd5e1)}body.dark-mode .password-toggle:hover{color:var(--text-color, #f1f5f9);background:var(--hover-bg, #334155)}body.dark-mode .password-hint.error{background:#7f1d1d;color:#fca5a5;border-color:#f87171}body.dark-mode .password-hint.success{background:#064e3b;color:#a7f3d0;border-color:#10b981}body.dark-mode .password-requirements{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}body.dark-mode .password-requirements h4{color:var(--text-color, #f1f5f9)}body.dark-mode .password-requirements li{color:var(--text-secondary, #cbd5e1)}body.dark-mode .error-message{background:#7f1d1d;border-color:#f87171;color:#fca5a5}body.dark-mode .success-message{background:#064e3b;border-color:#10b981;color:#a7f3d0}.change-password-actions{display:flex;justify-content:center;gap:1rem}.back-action-button{background:linear-gradient(135deg,#6b7280,#9ca3af);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.back-action-button:hover{background:linear-gradient(135deg,#9ca3af,#d1d5db);transform:translateY(-2px);box-shadow:0 4px 12px #6b72804d}body.dark-mode .change-password-page{--bg-color: #0f172a;--text-color: #f1f5f9;--text-secondary: #cbd5e1;--card-bg: #1e293b;--border-color: #334155;--input-bg: #334155;--primary-color: #f1f5f9;--success-color: #34d399;--error-color: #f87171}body.dark-mode .detail-section{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155);color:var(--text-color, #f1f5f9)}body.dark-mode .coming-soon-info p{color:var(--text-secondary, #cbd5e1)}@media screen and (max-width: 768px){.change-password-content{padding:1rem}.change-password-header h1{font-size:2rem}.coming-soon-info{padding:1rem}.coming-soon-icon{font-size:3rem}}.preferences-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem}.preferences-header{margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid;border-image:linear-gradient(135deg,#ff7e29,#ff9a3e) 1;position:relative}.preferences-title{font-size:1.25rem;font-weight:700;color:var(--text-color, #1f2937);margin-bottom:.25rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:all .3s ease}.preferences-subtitle{color:var(--text-secondary, #6b7280);font-size:.875rem;margin:0;opacity:0;max-height:0;overflow:hidden;transition:all .3s ease;position:absolute;top:100%;left:0;right:0;background:var(--card-bg, #ffffff);padding:.5rem 0;border-radius:0 0 .5rem .5rem;z-index:10;box-shadow:0 2px 4px #0000001a}.preferences-header:hover .preferences-subtitle{opacity:1;max-height:2rem;margin-top:.5rem}.preferences-content{display:flex;flex-direction:column;gap:1.5rem}.preference-item{display:flex;flex-direction:column;gap:.75rem}.preference-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.preference-icon{font-size:1.125rem;color:var(--primary-color, #ff7e29)}.label-text{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.preference-autocomplete,.preference-input{width:100%}.preference-input .MuiOutlinedInput-root{background:var(--input-bg, #f9fafb);border-radius:.5rem;transition:all .3s ease}.preference-input .MuiOutlinedInput-root:hover{background:var(--input-bg, #f3f4f6)}.preference-input .MuiOutlinedInput-root.Mui-focused{background:var(--card-bg, #ffffff);box-shadow:0 0 0 2px #ff7e2933}.preference-input .MuiOutlinedInput-notchedOutline{border-color:var(--border-color, #e5e7eb);transition:border-color .3s ease}.preference-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color, #ff7e29)}.preference-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color, #ff7e29);border-width:2px}.preference-input .MuiInputBase-input{color:var(--text-color, #1f2937);font-size:.875rem;padding:.75rem}.preference-input .MuiInputBase-input::placeholder{color:var(--text-secondary, #9ca3af);opacity:1}.preference-option{padding:.75rem 1rem;font-size:.875rem;color:var(--text-color, #1f2937);transition:background-color .2s ease}.preference-option:hover{background-color:var(--input-bg, #f3f4f6)}.preference-option.Mui-focused{background-color:#ff7e291a}.language-option{display:flex;flex-direction:column;gap:.25rem;width:100%}.language-name{font-weight:500;color:var(--text-color, #1f2937);font-size:.875rem}.language-native{font-size:.75rem;color:var(--text-secondary, #6b7280);font-style:italic}.loading-spinner{margin-left:.5rem;color:var(--primary-color, #ff7e29)}.preferences-alert{margin-bottom:1rem;border-radius:.5rem}.preferences-alert .MuiAlert-message{font-size:.875rem}.MuiSnackbar-root .MuiAlert-root{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}body.dark-mode .preferences-section{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}body.dark-mode .preferences-title{color:var(--text-color, #f1f5f9)}body.dark-mode .preferences-subtitle{color:var(--text-secondary, #cbd5e1);background:var(--card-bg, #1e293b)}body.dark-mode .preference-icon{color:var(--primary-color, #ff7e29)}body.dark-mode .label-text{color:var(--text-secondary, #cbd5e1)}body.dark-mode .preference-input .MuiOutlinedInput-root{background:var(--input-bg, #334155);color:var(--text-color, #f1f5f9)}body.dark-mode .preference-input .MuiOutlinedInput-root:hover{background:var(--input-bg, #475569)}body.dark-mode .preference-input .MuiOutlinedInput-root.Mui-focused{background:var(--card-bg, #1e293b)}body.dark-mode .preference-input .MuiOutlinedInput-notchedOutline{border-color:var(--border-color, #334155)}body.dark-mode .preference-input .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline,body.dark-mode .preference-input .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primary-color, #ff7e29)}body.dark-mode .preference-input .MuiInputBase-input{color:var(--text-color, #f1f5f9)}body.dark-mode .preference-input .MuiInputBase-input::placeholder{color:var(--text-secondary, #64748b)}body.dark-mode .preference-option{color:var(--text-color, #f1f5f9);background-color:var(--card-bg, #1e293b)!important}body.dark-mode .preference-option:hover{background-color:var(--input-bg, #475569)!important}body.dark-mode .preference-option.Mui-focused{background-color:#ff7e2933!important}body.dark-mode .language-name{color:var(--text-color, #f1f5f9)}body.dark-mode .language-native{color:var(--text-secondary, #cbd5e1)}body.dark-mode .MuiAutocomplete-paper{background-color:var(--card-bg, #1e293b)!important;border:1px solid var(--border-color, #334155)!important;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003!important}body.dark-mode .MuiAutocomplete-listbox{background-color:var(--card-bg, #1e293b)!important}body.dark-mode .MuiAutocomplete-option{color:var(--text-color, #f1f5f9)!important;background-color:var(--card-bg, #1e293b)!important}body.dark-mode .MuiAutocomplete-option:hover{background-color:var(--input-bg, #475569)!important}body.dark-mode .MuiAutocomplete-option.Mui-focused{background-color:#ff7e2933!important}@media (max-width: 768px){.preferences-section{padding:1rem;margin-bottom:1.5rem}.preferences-header{margin-bottom:1rem}.preferences-title{font-size:1.125rem}.preferences-content{gap:1.25rem}.preference-item{gap:.5rem}.preference-input .MuiInputBase-input{padding:.625rem;font-size:.875rem}}@media (max-width: 480px){.preferences-section{padding:.75rem}.preferences-title{font-size:1rem}.preferences-subtitle{font-size:.8rem}.preference-label{gap:.375rem}.preference-icon{font-size:1rem}.label-text{font-size:.8rem}}.preferences-section{--card-bg: #ffffff;--text-color: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--input-bg: #f9fafb;--primary-color: #ff7e29}body.dark-mode .preferences-section{--card-bg: #1e293b;--text-color: #f1f5f9;--text-secondary: #cbd5e1;--border-color: #334155;--input-bg: #334155;--primary-color: #ff7e29}body:not(.dark-mode) .preferences-section{--card-bg: #ffffff;--text-color: #1f2937;--text-secondary: #6b7280;--border-color: #e5e7eb;--input-bg: #f9fafb;--primary-color: #ff7e29}.my-account-page{min-height:100vh;background:var(--bg-color, #ffffff);color:var(--text-color, #1f2937);transition:background-color .3s ease,color .3s ease}.account-content{max-width:800px;margin:0 auto;padding:2rem}.account-header{text-align:center;margin-bottom:3rem}.account-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#ff7e29,#ff9a3e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.account-header p{font-size:1.125rem;color:var(--text-secondary, #6b7280);margin:0}.account-details{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.detail-section{background:var(--card-bg, #ffffff);border:1px solid var(--border-color, #e5e7eb);border-radius:.75rem;padding:1.5rem;box-shadow:0 1px 3px #0000001a}.detail-section h2{font-size:1.25rem;font-weight:600;color:var(--text-color, #1f2937);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid;border-image:linear-gradient(135deg,#ff7e29,#ff9a3e) 1}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-item label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.detail-item span{font-size:1rem;color:var(--text-color, #1f2937);padding:.5rem;background:var(--input-bg, #f9fafb);border-radius:.5rem;border:1px solid var(--border-color, #e5e7eb)}.status-info{display:flex;flex-direction:column;gap:1rem}.status-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.status-item:last-child{border-bottom:none}.status-label{font-weight:500;color:var(--text-secondary, #6b7280)}.status-value{font-weight:600;color:var(--text-color, #1f2937)}.status-value.active{color:#10b981;background:#10b9811a;padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem}.status-actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color, #e5e7eb)}.status-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color, #e5e7eb);border-radius:.5rem;background:var(--card-bg, #ffffff);color:var(--text-color, #1f2937);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.status-action-btn:hover{background:var(--input-bg, #f9fafb);border-color:var(--primary-color, #ff7e29);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.status-action-btn:active{transform:translateY(0)}.btn-icon{font-size:1rem}.btn-text{font-weight:600}.mfa-reset-btn:hover{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.change-password-btn:hover{background:#10b9811a;border-color:#10b981;color:#10b981}body.dark-mode .status-action-btn{background:var(--card-bg, #374151);border-color:var(--border-color, #4b5563);color:var(--text-color, #f9fafb)}body.dark-mode .status-action-btn:hover{background:var(--input-bg, #4b5563)}body.dark-mode .status-item{border-bottom-color:var(--border-color, #4b5563)}body.dark-mode .status-actions{border-top-color:var(--border-color, #4b5563)}@media screen and (max-width: 768px){.status-actions{flex-direction:column;gap:.75rem}.status-action-btn{padding:1rem;font-size:1rem}}.account-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.account-actions .action{min-width:140px;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border-radius:.5rem;border:none;cursor:pointer;transition:all .2s ease-in-out}.account-actions .action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.logout-action-button{background:linear-gradient(135deg,#dc2626,#ef4444)!important;color:#fff!important;border:none!important}.logout-action-button:hover{background:linear-gradient(135deg,#b91c1c,#dc2626)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #dc26264d!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color, #e5e7eb);border-top:4px solid var(--primary-color, #3b82f6);border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:var(--text-secondary, #6b7280);font-size:1.125rem}.error-container{text-align:center;padding:3rem 1rem}.error-container h2{color:var(--error-color, #dc2626);margin-bottom:1rem}.error-container p{color:var(--text-secondary, #6b7280);margin-bottom:2rem}@media (max-width: 768px){.account-content{padding:1rem}.account-header h1{font-size:2rem}.detail-grid{grid-template-columns:1fr}.status-item{flex-direction:column;align-items:flex-start;gap:.5rem}.account-actions{flex-direction:column;align-items:center}.account-actions .action{width:100%;max-width:300px}.my-account-header-button{font-size:18px;margin-left:.5rem}}@media (max-width: 480px){.account-header h1{font-size:1.75rem}.detail-section{padding:1rem}.detail-grid{gap:1rem}.my-account-header-button{font-size:16px;margin-left:.25rem}}@media (max-width: 480px){.account-header h1{font-size:1.75rem}.detail-section{padding:1rem}.detail-grid{gap:1rem}}.my-account-page{--bg-color: #ffffff;--text-color: #1f2937;--text-secondary: #6b7280;--card-bg: #ffffff;--border-color: #e5e7eb;--input-bg: #f9fafb;--primary-color: #ffffff;--success-color: #059669;--error-color: #dc2626}.my-account-header-button{background:none;border:none;cursor:pointer;font-size:20px;margin-left:1rem;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center;color:#6b7280;padding:0}.my-account-header-button:hover{color:#ff7e29;transform:translateY(-1px)}.my-account-header-button:active{transform:translateY(0)}body.dark-mode .my-account-page{--bg-color: #0f172a;--text-color: #f1f5f9;--text-secondary: #cbd5e1;--card-bg: #1e293b;--border-color: #334155;--input-bg: #334155;--primary-color: #f1f5f9;--success-color: #34d399;--error-color: #f87171}body:not(.dark-mode) .my-account-page{--bg-color: #ffffff;--text-color: #1f2937;--text-secondary: #6b7280;--card-bg: #ffffff;--border-color: #e5e7eb;--input-bg: #f9fafb;--primary-color: #ffffff;--success-color: #059669;--error-color: #dc2626}.mfa-setup-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mfa-setup-container.darkMode{background:#1a202c}.mfa-setup-card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;padding:40px;max-width:800px;width:100%;margin:20px}.darkMode .mfa-setup-card{background:#2d3748;color:#e2e8f0}.subtitle{font-size:1rem;color:#64748b;margin:0}.mfa-setup-content{margin-bottom:30px}.setup-step{margin-bottom:40px;padding:20px;background:#f8fafc;border-radius:12px;position:relative}.darkMode .setup-step{background:#374151}.step-title{display:flex;align-items:center;font-size:1.2rem;font-weight:600;margin:0 0 15px;color:#1e293b}.darkMode .step-title{color:#e2e8f0}.step-icon{margin-right:12px;color:#ff7e29;font-size:1.2rem}.darkMode .step-icon{color:#ff7e29}.step-description{color:#64748b;margin:0 0 20px;line-height:1.6}.darkMode .step-description{color:#a0aec0}.qr-container{text-align:center;margin:20px 0}.qr-code{max-width:200px;height:auto;border-radius:10px;box-shadow:0 4px 12px #0000001a}.manual-entry{margin-top:20px;text-align:center}.manual-label{font-weight:500;color:#64748b;margin-bottom:10px}.darkMode .manual-label{color:#a0aec0}.secret-container{display:inline-flex;align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:10px 15px}.darkMode .secret-container{background:#374151;border-color:#4b5563}.secret-code{font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;color:#1e293b;margin-right:10px;letter-spacing:1px}.darkMode .secret-code{color:#e2e8f0}.copy-button{background:#ff7e29;color:#fff;border:none;border-radius:6px;padding:8px;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:#e36414;transform:translateY(-1px)}.backup-codes-section{margin-top:20px}.backup-codes-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.backup-codes-header h4{margin:0;color:#1e293b;font-size:1.1rem}.darkMode .backup-codes-header h4{color:#e2e8f0}.backup-actions{display:flex;gap:10px;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:8px;padding:8px 16px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.darkMode .action-button{border-color:#4b5563;background:#374151;color:#a0aec0}.action-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.darkMode .action-button:hover{background:#4b5563;border-color:#6b7280}.action-button.secondary{background:#f1f5f9;border-color:#e2e8f0}.darkMode .action-button.secondary{background:#2d3748;border-color:#4b5563}.backup-codes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px;margin:20px 0}.backup-code-item{display:flex;align-items:center;justify-content:space-between;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px;transition:all .2s ease}.darkMode .backup-code-item{background:#374151;border-color:#4b5563}.backup-code-item:hover{border-color:#ff7e29;box-shadow:0 2px 8px #ff7e291a}.backup-code{font-family:Courier New,monospace;font-weight:600;color:#1e293b;letter-spacing:1px}.darkMode .backup-code{color:#e2e8f0}.copy-backup-button{background:none;border:none;color:#64748b;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.darkMode .copy-backup-button{color:#a0aec0}.copy-backup-button:hover{background:#f1f5f9;color:#ff7e29}.darkMode .copy-backup-button:hover{background:#4b5563;color:#ff7e29}.copy-backup-button .copied{color:#ff7e29}.backup-warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e;padding:15px;border-radius:10px;margin-top:20px;text-align:center}.darkMode .backup-warning{background:#78350f;border-color:#92400e;color:#fbbf24}.verification-form{margin-top:20px}.verification-input{width:100%;padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:1.2rem;text-align:center;letter-spacing:2px;font-family:Courier New,monospace;transition:all .2s ease}.verification-hint{text-align:center;color:#64748b;font-size:.9rem;margin-top:8px}.darkMode .verification-hint{color:#a0aec0}.verification-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.back-button{padding:12px 24px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:1rem}.back-button:hover{background:#f8fafc;border-color:#cbd5e1}.verify-button{padding:12px 32px;background:#ff7e29;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:600}.verify-button:hover:not(:disabled){background:#e36414;transform:translateY(-2px);box-shadow:0 8px 25px #ff7e294d}.mfa-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px;padding:20px;margin-top:30px}.darkMode .mfa-info{background:#0c4a6e;border-color:#0369a1}.mfa-info h4{margin:0 0 10px;color:#0369a1;font-size:1.1rem}.darkMode .mfa-info h4{color:#7dd3fc}.mfa-info p{margin:0;color:#0c4a6e;line-height:1.6}.darkMode .mfa-info p{color:#bae6fd}@media (max-width: 768px){.mfa-setup-card{padding:25px;margin:10px}.title{font-size:1.5rem}.backup-codes-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.verification-actions{flex-direction:column;align-items:center}.backup-actions{flex-direction:column;width:100%}.action-button{width:100%;justify-content:center}}@media (max-width: 480px){.mfa-setup-card{padding:20px}.title{font-size:1.8rem}.setup-step{padding:20px}.verification-input{font-size:1rem;letter-spacing:1px}}.mfa-verification-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.mfa-verification-container.darkMode{background:#1a202c}.mfa-verification-card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;padding:40px;max-width:500px;width:100%;margin:20px}.darkMode .mfa-verification-card{background:#2d3748;color:#e2e8f0}.instruction-bracket{position:relative;width:20px;height:40px;display:flex;align-items:center;justify-content:center}.bracket-line{width:4px;height:100%;background:#ff7e29;border-radius:2px;position:relative}.bracket-line:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 30%,#ff7e29 30%,#ff7e29 70%,transparent 70%);border-radius:2px}.instruction-text p{margin:0;color:#6b7280;line-height:1.5;font-size:.875rem}.darkMode .instruction-text p{color:#9ca3af}.verification-form,.verification-input-group{margin-bottom:1.5rem}.input-label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem;line-height:1.25rem}.darkMode .input-label{color:#d1d5db}.verification-input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;line-height:1.25rem;background:#fff;color:#1c1e21;transition:all .3s ease;text-align:center;letter-spacing:2px;font-family:Courier New,monospace}.darkMode .verification-input{background:#4b5563;border-color:#6b7280;color:#fff}.verification-input:focus{outline:none;border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e291a}.darkMode .verification-input:focus{border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e2933}.verification-input::placeholder{color:#9ca3af;letter-spacing:1px}.darkMode .verification-input::placeholder{color:#9ca3af}.input-hint{text-align:center;color:#6b7280;font-size:.75rem;margin-top:.5rem;font-weight:500}.darkMode .input-hint{color:#9ca3af}.verification-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.back-button{background:#6b7280!important;color:#fff!important;border:none!important;padding:.75rem 1.5rem!important;font-size:.875rem!important;font-weight:500!important;display:flex!important;align-items:center!important;gap:.5rem!important;border-radius:.5rem!important}.darkMode .back-button{background:#4b5563!important}.verify-button{background:#ff7e29!important;color:#fff!important;border:none!important;border-radius:.5rem!important;padding:.75rem 1.5rem!important;font-size:.875rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important}.verify-button:hover:not(:disabled){background:#e36414!important;transform:translateY(-1px);box-shadow:0 4px 12px #ff7e294d}.loading-content{display:flex;align-items:center;gap:.5rem}.help-section{text-align:center;margin-top:1.5rem}.help-link{background:none;border:none;color:#ff7e29;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:all .3s ease;font-size:.875rem;display:inline-flex;align-items:center;gap:.5rem}.darkMode .help-link{color:#ff7e29}.help-link:hover{background:#fef3c7}.darkMode .help-link:hover{background:#451a03}.help-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:#ff7e29;color:#fff;border-radius:50%;font-size:.75rem;font-weight:700}.verification-input:focus-visible,.help-link:focus-visible{outline:2px solid #ff7e29;outline-offset:2px}@media (prefers-reduced-motion: reduce){.mfa-verification-container,.mfa-verification-card,.title,.subtitle,.error-message,.user-info,.verification-instructions,.instruction-text h3,.instruction-text p,.input-label,.verification-input,.input-hint,.help-link{transition:none}.spinner{animation:none}}@media (max-width: 640px){.mfa-verification-card{padding:1.5rem;margin:1rem}.title{font-size:1.5rem}.verification-instructions{flex-direction:column;text-align:center;gap:1rem}.instruction-bracket{margin:0 auto}.verification-actions{flex-direction:column;align-items:center}.back-button,.verify-button{width:100%;max-width:300px;justify-content:center}.verification-input{font-size:1rem;letter-spacing:1px}.theme-toggle-container{top:.5rem;right:.5rem}}.backup-code-verification-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.backup-code-verification-container.darkMode{background:#1a202c}.theme-toggle-container{position:absolute;top:20px;right:20px;z-index:10}.backup-code-verification-card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #0000001a;padding:40px;max-width:600px;width:100%;margin:20px}.darkMode .backup-code-verification-card{background:#2d3748;color:#e2e8f0}.header{text-align:center;margin-bottom:30px}.logo-container{margin-bottom:20px}.logo{width:7.5rem;height:7.5rem;object-fit:contain;filter:drop-shadow(0 0 20px rgba(255,126,41,.2));transition:all .3s ease}.title{font-size:2rem;font-weight:700;margin:0 0 10px;color:#1e293b;display:flex;align-items:center;justify-content:center;gap:10px}.darkMode .title{color:#e2e8f0}.title-icon{color:#ff7e29;font-size:3.75rem;width:60px;height:60px}.subtitle{font-size:1rem;color:#64748b;margin:0 0 15px}.darkMode .subtitle{color:#a0aec0}.user-info{font-size:.9rem;color:#475569;margin:0;padding:8px 16px;background:#f1f5f9;border-radius:8px;display:inline-block}.darkMode .user-info{color:#cbd5e1;background:#374151}.error-message{background:#fee2e2;border:1px solid #fecaca;color:#dc2626;padding:15px;border-radius:10px;margin-bottom:20px;text-align:center}.darkMode .error-message{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.verification-content{margin-bottom:30px}.verification-instructions{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px;padding:20px;background:#f8fafc;border-radius:12px;position:relative}.darkMode .verification-instructions{background:#374151}.instruction-icon{color:#ff7e29;font-size:1.5rem;margin-top:5px}.darkMode .instruction-icon{color:#ff7e29}.instruction-text h3{margin:0 0 10px;color:#1e293b;font-size:1.2rem;font-weight:600}.darkMode .instruction-text h3{color:#e2e8f0}.instruction-text p{margin:0;color:#64748b;line-height:1.6}.darkMode .instruction-text p{color:#a0aec0}.verification-form{margin-bottom:30px}.verification-input-group{margin-bottom:25px}.input-label{display:block;font-weight:600;color:#1e293b;margin-bottom:10px;font-size:1rem}.darkMode .input-label{color:#e2e8f0}.input-wrapper{position:relative}.verification-input{width:100%;padding:15px;border:2px solid #e2e8f0;border-radius:10px;font-size:1.1rem;text-align:center;font-family:Courier New,monospace;transition:all .2s ease;background:#fff;letter-spacing:1px}.darkMode .verification-input{background:#374151;border-color:#4b5563;color:#e2e8f0}.verification-input:focus{outline:none;border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e291a;transform:translateY(-1px)}.darkMode .verification-input:focus{border-color:#ff7e29;box-shadow:0 0 0 3px #ff7e291a}.verification-input::placeholder{color:#cbd5e1;letter-spacing:.5px}.darkMode .verification-input::placeholder{color:#6b7280}.input-hint{text-align:center;color:#64748b;font-size:.9rem;margin-top:10px;font-weight:500}.darkMode .input-hint{color:#a0aec0}.verification-actions{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.back-button{padding:12px 24px;border:1px solid #e2e8f0;background:#fff;color:#64748b;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:500;display:flex;align-items:center;gap:8px}.darkMode .back-button{border-color:#4b5563;background:#374151;color:#a0aec0}.back-button:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.darkMode .back-button:hover{background:#4b5563;border-color:#6b7280}.verify-button{padding:12px 32px;background:#ff7e29;color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:600;min-width:180px}.verify-button:hover:not(:disabled){background:#e36414;transform:translateY(-1px);box-shadow:0 8px 25px #ff7e294d}.verify-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-content{display:flex;align-items:center;gap:10px}.loading-content span{color:#fff;font-weight:500}.spinner{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.info-section{margin:30px 0}.info-box{display:flex;align-items:flex-start;gap:20px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:20px}.darkMode .info-box{background:#064e3b;border-color:#065f46}.info-icon{color:#ff7e29;font-size:1.5rem;margin-top:2px}.darkMode .info-icon{color:#ff7e29}.info-content h4{margin:0 0 10px;color:#065f46;font-size:1.1rem;font-weight:600}.darkMode .info-content h4{color:#6ee7b7}.info-content ul{margin:0;padding-left:20px;color:#065f46}.darkMode .info-content ul{color:#6ee7b7}.info-content li{margin-bottom:5px;line-height:1.5}.help-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;margin:30px 0}.darkMode .help-section{background:#2d3748;border-color:#4b5563}.help-section h4{margin:0 0 10px;color:#1e293b;font-size:1.1rem;font-weight:600}.darkMode .help-section h4{color:#e2e8f0}.help-section p{margin:0;color:#64748b;line-height:1.6}.darkMode .help-section p{color:#a0aec0}.security-note{background:#fef3c7;border:1px solid #fde68a;border-radius:12px;padding:20px;margin-top:30px;text-align:center}.darkMode .security-note{background:#78350f;border-color:#92400e}.security-note p{margin:0;color:#92400e;line-height:1.6}.darkMode .security-note p{color:#fbbf24}@media (max-width: 768px){.backup-code-verification-card{padding:30px;margin:15px}.title{font-size:1.5rem}.verification-instructions{flex-direction:column;text-align:center;gap:15px}.instruction-icon{margin:0 auto}.verification-actions{flex-direction:column;align-items:center}.back-button,.verify-button{width:100%;max-width:300px;justify-content:center}.verification-input{font-size:1rem;padding:15px}.info-box{flex-direction:column;text-align:center;gap:15px}.info-icon{margin:0 auto}}@media (max-width: 480px){.backup-code-verification-card{padding:25px}.title{font-size:1.8rem}.verification-input{font-size:1rem;padding:15px}.info-box,.help-section{padding:15px}}.sampler{background:#fff;border-radius:12px;box-shadow:0 8px 32px #3b82f64d;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:300px;min-height:200px;max-width:400px;max-height:300px;display:flex;flex-direction:column}.sampler.embedded{position:absolute;z-index:1000}.sampler.movable{cursor:move}.sampler.minimized{min-height:0;height:0;overflow:hidden}.sampler.restoring{animation:restoreIn .3s cubic-bezier(.4,0,.2,1)}@keyframes restoreIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.sampler-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom:1px solid #e5e7eb;cursor:move;-webkit-user-select:none;user-select:none}.sampler-title{display:flex;align-items:center;gap:8px;font-weight:600;color:#fff;font-size:14px}.sampler-icon{font-size:16px}.sampler-controls{display:flex;align-items:center;gap:8px}.sampler-control-btn{background:#fff3;border:none;border-radius:6px;color:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:700;transition:all .2s ease}.sampler-control-btn:hover{background:#ffffff4d;transform:scale(1.1)}.sampler-content{flex:1;padding:16px;display:flex;flex-direction:column;background:#fff}.sampler-textarea{flex:1;background:transparent;border:none;outline:none;color:#1f2937;font-size:14px;line-height:1.5;resize:none;font-family:inherit;min-height:100px}.sampler-textarea::placeholder{color:#9ca3af}.sampler-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb}.sampler-stats{font-size:12px;color:#6b7280}.sampler-actions{display:flex;align-items:center;gap:8px}.sampler-action-btn{padding:6px 12px;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.preview-btn{background:#3b82f6;color:#fff;border:1px solid #3b82f6}.preview-btn:hover:not(:disabled){background:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.preview-btn:disabled{background:#9ca3af;color:#6b7280;border-color:#9ca3af;cursor:not-allowed;filter:grayscale(.5)}.preview-btn.loading{background:#2563eb;cursor:not-allowed}.clear-btn{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.clear-btn:hover{background:#e5e7eb;color:#374151}.sampler-floating-icon{position:fixed;width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;box-shadow:0 4px 20px #3b82f666;cursor:grab;display:flex;align-items:center;justify-content:center;z-index:1001;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-user-select:none;user-select:none;animation:floatIn .5s cubic-bezier(.4,0,.2,1)}.sampler-floating-icon:hover{transform:scale(1.1);box-shadow:0 6px 25px #3b82f699;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.sampler-floating-icon.dragging{cursor:grabbing;transform:scale(1.05);box-shadow:0 8px 30px #3b82f6b3;z-index:1002}@keyframes floatIn{0%{opacity:0;transform:scale(.3) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.floating-icon-content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.floating-icon-emoji{font-size:20px;margin-bottom:2px}.floating-icon-text{font-size:8px;font-weight:600;color:#fff;letter-spacing:.5px;opacity:.9;line-height:1}body.dark-mode .sampler{background:#1f2937;border-color:#374151}body.dark-mode .sampler-header{background:linear-gradient(135deg,#1e40af,#1e3a8a);border-bottom-color:#374151}body.dark-mode .sampler-content{background:#1f2937}body.dark-mode .sampler-textarea{color:#f9fafb}body.dark-mode .sampler-textarea::placeholder{color:#6b7280}body.dark-mode .sampler-footer{background:#111827;border-top-color:#374151}body.dark-mode .sampler-stats{color:#9ca3af}body.dark-mode .sampler-floating-icon{background:linear-gradient(135deg,#1e40af,#1e3a8a);box-shadow:0 4px 20px #1e40af66}body.dark-mode .sampler-floating-icon:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 25px #1e40af99}@media screen and (max-width: 768px){.sampler-floating-icon{width:70px;height:70px;top:90px}.floating-icon-emoji{font-size:18px}.floating-icon-text{font-size:8px}}@media screen and (max-width: 480px){.sampler-floating-icon{width:65px;height:65px;top:85px}.floating-icon-emoji{font-size:16px}.floating-icon-text{font-size:7px}}.sampler:focus-within{box-shadow:0 8px 32px #3b82f666;border-color:#3b82f6}body.dark-mode .sampler:focus-within{box-shadow:0 8px 32px #1e40af66;border-color:#3b82f6}.sampler:hover{transform:translateY(-2px);box-shadow:0 12px 40px #3b82f64d}body.dark-mode .sampler:hover{box-shadow:0 12px 40px #1e40af66}.sampler *{transition:all .2s ease}.sampler-textarea::-webkit-scrollbar{width:8px}.sampler-textarea::-webkit-scrollbar-track{background:transparent}.sampler-textarea::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.sampler-textarea::-webkit-scrollbar-thumb:hover{background:#ffffff80}.prompt-view-container{min-height:100vh;background-color:#f0f4f9;transition:background-color .3s ease,color .3s ease}.prompt-view-container.dark-mode{background:linear-gradient(135deg,#1f2937,#111827)}.main-container{min-height:calc(100vh - 80px);padding:2rem;background:transparent;transition:background .3s ease}.main-container.dark-mode{background:linear-gradient(135deg,#1f2937,#111827)}.output-container{width:100%;max-width:1400px;margin:0 auto}.inner-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:1400px;margin:0 auto}@media (max-width: 1024px){.inner-grid{gap:1.5rem}}@media (max-width: 768px){.inner-grid{grid-template-columns:1fr;gap:1rem}}.component-container{background:#fff;border-radius:1rem;box-shadow:0 25px 50px -12px #00000026;border:1px solid #e5e7eb;transition:all .3s ease}.preview-icon{display:inline-block;width:20px;height:20px;background:#3b82f6;border-radius:4px;position:relative;margin-right:8px}.preview-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;border:2px solid white;border-radius:50%;background:transparent}.preview-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:6px;height:6px;border-right:2px solid white;border-bottom:2px solid white;margin-top:-2px;margin-left:-2px}.preview-empty-icon{display:inline-block;width:48px;height:48px;background:#f3f4f6;border-radius:8px;position:relative;margin:0 auto 16px;border:2px solid #e5e7eb}.preview-empty-icon:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border:3px solid #9ca3af;border-radius:50%;background:transparent}.preview-empty-icon:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:12px;height:12px;border-right:3px solid #9ca3af;border-bottom:3px solid #9ca3af;margin-top:-3px;margin-left:-3px}body.dark-mode .preview-icon{background:#3b82f6}body.dark-mode .preview-empty-icon{background:#374151;border-color:#4b5563}body.dark-mode .preview-empty-icon:before{border-color:#6b7280}body.dark-mode .preview-empty-icon:after{border-color:#6b7280}.component-container.dark-mode{background:#374151;border-color:#4b5563;color:#fff;box-shadow:0 25px 50px -12px #0006}.component-header{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#374151;padding:1rem 1.5rem;border-bottom:1px solid rgba(229,231,235,.3);font-weight:600;display:flex;align-items:center;justify-content:space-between;min-height:3.5rem;box-shadow:0 4px 6px -1px #0000001a;position:relative}.component-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(229,231,235,.5),transparent)}.dark-mode .component-header{background:#374151cc;color:#fff;border-bottom-color:#4b55634d;box-shadow:0 4px 6px -1px #0000004d}.dark-mode .component-header:after{background:linear-gradient(90deg,transparent,rgba(75,85,99,.5),transparent)}.component-title{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600}.component-icon{font-size:1.25rem}.component-content{padding:1.5rem;flex:1;display:flex;flex-direction:column;min-height:200px}.component-content.empty{align-items:center;justify-content:center;color:#6b7280;font-style:italic}.dark-mode .component-content.empty{color:#9ca3af}.component-footer{background:#f9fafb;padding:1rem 1.5rem;border-top:1px solid #e5e7eb;color:#6b7280;font-size:.875rem;display:flex;align-items:center;justify-content:space-between;min-height:3rem}.dark-mode .component-footer{background:#111827;border-top-color:#4b5563;color:#9ca3af}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#6b7280;text-align:center}.dark-mode .empty-state{color:#9ca3af}.empty-icon{font-size:3rem;margin-bottom:.5rem;opacity:.7}.empty-text{font-size:.875rem;margin-bottom:.25rem;font-weight:500}.empty-subtext{font-size:.75rem;opacity:.8}.composer-overlay{position:fixed;z-index:10004;pointer-events:auto}.markdown-content{height:100%;overflow-y:auto;padding-right:.5rem;color:#374151}.markdown-content.dark-mode{color:#d1d5db}.markdown-content h1{font-size:1.25rem;font-weight:700;color:#111827;margin:1rem 0 .75rem;padding-top:1rem}.markdown-content.dark-mode h1{color:#f9fafb}.markdown-content h2{font-size:1.125rem;font-weight:600;color:#111827;margin:.75rem 0 .5rem;padding-top:.75rem}.markdown-content.dark-mode h2{color:#f9fafb}.markdown-content h3{font-size:1rem;font-weight:600;color:#111827;margin:.5rem 0 .25rem;padding-top:.5rem}.markdown-content.dark-mode h3{color:#f9fafb}.markdown-content p{margin-bottom:.5rem;line-height:1.6;color:#374151}.markdown-content.dark-mode p{color:#d1d5db}.markdown-content ul,.markdown-content ol{margin:.5rem 0;padding-left:0}.markdown-content li{display:flex;align-items:flex-start;margin-bottom:.25rem;color:#374151}.markdown-content.dark-mode li{color:#d1d5db}.markdown-content li:before{content:"•";color:#10b981;margin-right:.5rem;margin-top:.125rem;font-weight:700}.markdown-content strong{font-weight:600;color:#111827}.markdown-content.dark-mode strong{color:#f3f4f6}.markdown-content em{font-style:italic}.markdown-content code{background-color:#f3f4f6;padding:.125rem .25rem;border-radius:.25rem;font-size:.75rem;font-family:Monaco,Menlo,Ubuntu Mono,monospace;color:#dc2626}.markdown-content.dark-mode code{background-color:#374151;color:#fbbf24}.markdown-content pre{background-color:#f3f4f6;padding:.75rem;border-radius:.5rem;overflow-x:auto;margin:.5rem 0}.markdown-content.dark-mode pre{background-color:#374151}.markdown-content pre code{background-color:transparent;padding:0;color:#374151}.markdown-content.dark-mode pre code{color:#d1d5db}.markdown-content blockquote{border-left:4px solid #10b981;padding-left:1rem;font-style:italic;color:#6b7280;margin:.5rem 0}.markdown-content.dark-mode blockquote{color:#9ca3af}.loading-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.loading-content{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:0 20px 25px -5px #0000001a;text-align:center}.loading-content.dark-mode{background-color:#1f2937}.loading-text{color:#374151;font-size:.875rem;margin-top:1rem}.loading-text.dark-mode{color:#d1d5db}.preview-loading{background-color:#3b82f61a;border:2px solid #3b82f6}.preview-loading.dark-mode{background-color:#3b82f633;border-color:#60a5fa}.preview-loading .loading-text{color:#3b82f6;font-weight:500}.preview-loading.dark-mode .loading-text{color:#60a5fa}@media (max-width: 1024px){.main-container{padding:1.5rem}}@media (max-width: 768px){.main-container{padding:1rem}.output-container{max-width:100%}.component-container{min-height:400px}.component-header{padding:.75rem 1rem}.component-content{padding:1rem}.component-footer{padding:.75rem 1rem}}@media (max-width: 640px){.component-title{font-size:.875rem}.component-icon{font-size:1.125rem}}.preview-toggle-buttons{display:flex;gap:.5rem;align-items:center}.toggle-btn{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:.375rem;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .2s ease}.toggle-btn:hover{background:#f1f5f9;color:#475569;border-color:#cbd5e1}.toggle-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.toggle-btn.active:hover{background:#2563eb;border-color:#2563eb}.toggle-btn.dark-mode{background:#374151;color:#d1d5db;border-color:#4b5563}.toggle-btn.dark-mode:hover{background:#4b5563;color:#f3f4f6;border-color:#6b7280}.toggle-btn.dark-mode.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.toggle-btn.dark-mode.active:hover{background:#2563eb;border-color:#2563eb}.toggle-icon{font-size:.875rem}.image-preview-container{display:flex;flex-direction:column;height:100%;min-height:400px;position:relative;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#fff}.image-preview-container.dark-mode{border-color:#4b5563;background:#1f2937}.image-preview-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative}.preview-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;box-shadow:0 4px 12px #0000001a}.preview-image.dark-mode{box-shadow:0 4px 12px #0000004d}.image-remove-btn-container{position:absolute;top:12px;right:12px;display:flex;gap:8px}.remove-image-btn{background:#ef4444e6;color:#fff;border:none;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px;transition:all .2s ease}.remove-image-btn:hover,.remove-image-btn.dark-mode{background:#dc2626e6}.remove-image-btn.dark-mode:hover{background:#b91c1ce6}.image-info-container{margin-top:16px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0;text-align:center;color:#6b7280;font-size:12px}.image-info-container.dark-mode{background:#374151;border-color:#4b5563;color:#d1d5db}.image-name{font-weight:600;margin-bottom:4px;color:#6b7280;word-break:break-all}.image-name.dark-mode{color:#d1d5db}.image-size{color:#6b7280}.image-size.dark-mode{color:#d1d5db}@media (max-width: 768px){.preview-toggle-buttons{gap:.25rem}.toggle-btn{padding:.25rem .5rem;font-size:.6875rem}.toggle-icon{font-size:.75rem}}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.error-boundary-content{background:#fff;border-radius:12px;padding:3rem;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 40px #0000001a;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.error-icon{color:#ef4444;margin-bottom:1.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.error-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:1rem;line-height:1.2}.error-message{font-size:1.125rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:2rem}.error-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;min-width:120px;justify-content:center}.error-btn-primary{background:#3b82f6;color:#fff}.error-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.error-btn-secondary{background:#f3f4f6;color:#374151;border:1px solid #d1d5db}.error-btn-secondary:hover{background:#e5e7eb;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.error-details{margin-top:2rem;text-align:left;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.error-details summary{font-weight:600;color:#374151;cursor:pointer;margin-bottom:1rem;padding:.5rem;background:#f3f4f6;border-radius:4px}.error-details summary:hover{background:#e5e7eb}.error-stack{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;color:#374151;white-space:pre-wrap;word-break:break-word;line-height:1.5}.error-stack pre{margin:.5rem 0 0;padding:.75rem;background:#1f2937;color:#f9fafb;border-radius:4px;overflow-x:auto;font-size:.75rem}.dark-mode .error-boundary-content{background:#1f2937;color:#f9fafb}.dark-mode .error-title{color:#f9fafb}.dark-mode .error-message{color:#d1d5db}.dark-mode .error-btn-secondary{background:#374151;color:#f9fafb;border-color:#4b5563}.dark-mode .error-btn-secondary:hover{background:#4b5563}.dark-mode .error-details{background:#111827;border-color:#374151}.dark-mode .error-details summary{background:#374151;color:#f9fafb}.dark-mode .error-details summary:hover{background:#4b5563}.dark-mode .error-stack{color:#d1d5db}@media (max-width: 640px){.error-boundary{padding:1rem}.error-boundary-content{padding:2rem 1.5rem}.error-title{font-size:1.5rem}.error-message{font-size:1rem}.error-actions{flex-direction:column;align-items:center}.error-btn{width:100%;max-width:200px}}body{margin:0;padding:0;font-family:Segoe UI,Roboto,sans-serif;background-color:#f0f4f9;color:#1c1e21;min-height:100vh;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;box-shadow:0 .1875rem .375rem #0000001a;background-color:#fff;width:100%;margin:0;position:sticky;top:0;z-index:1000;box-sizing:border-box}header img{height:3.75rem;margin-right:1rem}.logo-button{background:none;border:none;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:transform .2s ease;margin-right:1rem}.logo-button:hover{transform:scale(1.05)}.logo-button:active{transform:scale(.95) translateY(2px)}.logo-button:focus{outline:none}.logo-button img{height:3.75rem;margin:0;transition:transform .2s ease}.logo-button:hover img{transform:translateY(-1px)}.logo-button:active img{transform:translateY(1px)}body.dark-mode .logo-button:focus{outline:none}header h1{font-size:1.375rem;font-weight:600;margin:0}.title-group{display:flex;align-items:center}.title-content{display:flex;flex-direction:column;align-items:flex-start}.workspace-indicator{display:flex;align-items:center;gap:.25rem;margin-top:.125rem;padding:.125rem .5rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:.75rem;font-size:.75rem;font-weight:500;color:#0369a1}body.dark-mode .workspace-indicator{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6;color:#60a5fa}.workspace-indicator .workspace-icon{font-size:.875rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.workspace-indicator .workspace-name{font-weight:600;letter-spacing:.025em}.theme-toggle{display:flex;align-items:center;gap:.625rem}.global-actions{display:flex;align-items:center;justify-content:center;flex:1;margin:0 1rem;position:relative}.header-action-buttons{display:flex;align-items:center;gap:.5rem}.global-action-buttons-container{position:relative;display:flex;align-items:center}@media screen and (max-width: 1024px){.global-actions{margin:0 .5rem}}@media screen and (max-width: 768px){.global-actions{margin:0 .25rem}.header-action-buttons{gap:.25rem}}.main{flex:1;padding:.75rem}textarea{background-color:#fff;border:.125rem solid #ff7e29;border-radius:.75rem;padding:1rem;line-height:1.6;font-size:1rem;resize:none;color:#333;overflow-y:auto}.output-container{background-color:#e9f1ff;border-radius:.75rem;display:flex;flex-direction:column;overflow:hidden}.output-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background-color:#d0e4ff;border-bottom:.0625rem solid #aac7e7}.tabs{display:flex;gap:.5rem;align-items:center}.tab{padding:.375rem 1rem;background-color:#fff;border:.0625rem solid #bbb;border-radius:.5rem;cursor:pointer;font-weight:600}.tab.active{background-color:#ff7e29;color:#fff;border-color:#ff7e29}.session-selector{padding:.375rem;border-radius:.5rem;border:.0625rem solid #bbb;background-color:#fff;font-size:.875rem;cursor:pointer}.icons{display:flex;gap:.75rem}.icons button{background:none;border:none;cursor:pointer;font-size:1.125rem}button.action{background:linear-gradient(to right,#ff7e29,#ff9a3e);color:#fff;border:none;padding:.75rem 1.625rem;font-size:.9375rem;font-weight:600;border-radius:.5rem;cursor:pointer;box-shadow:0 .1875rem .5rem #00000026;transition:transform .2s ease,background .3s ease}button.action:hover{transform:translateY(-.125rem);background:linear-gradient(to right,#e36414,#f2871f)}.controls{position:absolute;bottom:1.5rem;left:1.5rem}#image-loader{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;background-color:#fffc;border-radius:1rem;padding:1.875rem;box-shadow:0 .5rem 1.25rem #0000001a;display:none}#image-loader img{height:5rem;width:5rem;animation:breathing 1.6s ease-in-out infinite}@keyframes breathing{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.ask-ai-bar{border-top:.0625rem solid #aac7e7;padding:.75rem;display:flex;gap:.5rem;align-items:center;background-color:inherit}.ask-ai-bar input{flex:1;padding:.75rem 1rem;border-radius:.75rem;border:.125rem solid #ff7e29;font-size:1rem;line-height:1.4;background-color:#fff;color:#333}.chat-container{flex:1;overflow-y:auto;padding:1rem;display:none;flex-direction:column;gap:.75rem}.chat-message{max-width:80%;padding:.625rem .875rem;border-radius:.75rem;line-height:1.4}.chat-message.user{background-color:#ffecd9;align-self:flex-end}.chat-message.ai{background-color:#d0e4ff;align-self:flex-start}.chat-message pre{white-space:pre-wrap;word-wrap:break-word;margin:0}.chat-message p{margin:0 0 .6em}.output-body{flex:1;padding:1rem 1.5rem;overflow-y:auto;white-space:pre-wrap;font-family:Segoe UI,sans-serif;color:#002f6c;line-height:1.6}@media screen and (max-width: 768px){header{padding:.5rem 1rem}.logo-button img{height:3rem}.logo-button{margin-right:.75rem}header img{height:2.5rem;margin-right:.75rem}header h1{font-size:1.125rem}.main{flex-direction:column}textarea,.output-container{width:100%;height:50%}.controls{left:50%;transform:translate(-50%);bottom:.75rem}}body.dark-mode{background-color:#111827;color:#e5e7eb}body.dark-mode textarea{background-color:#1f2937;color:#f3f4f6;border-color:#f97316}body.dark-mode .output-container{background-color:#1e293b;color:#cbd5e1}body.dark-mode .output-header{background-color:#334155;border-bottom-color:#475569}body.dark-mode .tab,body.dark-mode .session-selector{background-color:#1f2937;border-color:#334155;color:#e2e8f0}body.dark-mode .tab.active{background-color:#f97316;color:#fff;border-color:#f97316}body.dark-mode header{background-color:#0f172a;color:#e5e7eb;border-bottom:.0625rem solid #374151}body.dark-mode header h1{color:#e5e7eb}body.dark-mode header img{filter:drop-shadow(0 0 .5rem rgba(255,126,41,.4))}body:not(.dark-mode) header{background-color:#fff;color:#1c1e21;border-bottom:.0625rem solid #e2e8f0}body:not(.dark-mode) header h1{color:#1c1e21}body:not(.dark-mode) header img{filter:drop-shadow(0 0 .5rem rgba(255,126,41,.3))}.export-button-container{position:relative;display:inline-block;margin-right:.5rem}.export-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:.375rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-width:2.5rem;height:2.5rem}.export-btn.enabled{color:#ff7e29;background-color:#ff7e291a;border:1px solid rgba(255,126,41,.3)}.export-btn.enabled:hover{background-color:#ff7e2933;transform:scale(1.05);box-shadow:0 2px 8px #ff7e294d}.export-btn.disabled{color:#9ca3af;background-color:#9ca3af1a;border:1px solid rgba(156,163,175,.2);cursor:not-allowed;filter:grayscale(.5)}body.dark-mode .export-btn.enabled{color:#fb923c;background-color:#fb923c26;border-color:#fb923c66}body.dark-mode .export-btn.enabled:hover{background-color:#fb923c40;box-shadow:0 2px 8px #fb923c66}body.dark-mode .export-btn.disabled{color:#6b7280;background-color:#6b728026;border-color:#6b72804d}body.dark-mode button.action{background:linear-gradient(to right,#f97316,#fb923c)}body.dark-mode #image-loader{background-color:#111827cc}body.dark-mode .output-body h1,body.dark-mode .output-body h2,body.dark-mode .output-body h3,body.dark-mode .output-body strong{color:#facc15}body.dark-mode .output-body p,body.dark-mode .output-body li{color:#f3f4f6}body.dark-mode .output-body{color:#aad8ff}.main.wisdom-cloud{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;text-align:center}.main.wisdom-cloud h2{font-size:36px;font-weight:600;margin-bottom:16px;color:#002f6c}.main.wisdom-cloud p{font-size:18px;margin-bottom:24px;max-width:600px;line-height:1.6}.button-group{display:flex;gap:16px}@media screen and (max-width: 768px){.main.wisdom-cloud h2{font-size:28px}.main.wisdom-cloud p{font-size:16px}.button-group{flex-direction:column;gap:12px}}body.dark-mode .main.wisdom-cloud h2{color:#aad8ff}body.dark-mode .main.wisdom-cloud p{color:#f3f4f6}@media screen and (max-width: 480px){header{padding:6px 12px}.logo-button img{height:2.5rem}.logo-button{margin-right:.5rem}header img{height:32px;margin-right:8px}header h1{font-size:16px}.title-group{flex:1;min-width:0}.theme-toggle{flex-shrink:0}}@media screen and (min-width: 1200px){header{padding:16px 32px}header img{height:70px;margin-right:20px}header h1{font-size:26px}}.breathing{animation:breathing 2s ease-in-out infinite}#main-logo{width:10%;height:10%}sup{font-size:11.5px;font-weight:600;vertical-align:text-top}#root{width:100%;margin:0;padding:0;text-align:left}*{margin:0;padding:0;box-sizing:border-box}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}
