*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}@media (prefers-color-scheme:light){:root{color-scheme:light}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f1f5f9;color:#0f172a;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;min-height:100vh;padding:0;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}::selection{background:#3b82f640;color:inherit}code{background:#94a3b82e;border-radius:4px;font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.95em;padding:.15rem .4rem}img{display:block;height:auto;max-width:100%}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}@media (prefers-reduced-motion:reduce){*{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}:root{--color-bg-dark:#020617;--color-bg-dark-soft:radial-gradient(circle at top,#0b1120 0,#020617 55%);--color-bg-light:#fff0f5;--color-bg-light-soft:radial-gradient(circle at top,#fee2f2 0,#fff0f5 55%);--color-surface-dark:#0f172a;--color-surface-light:#f1f5f9;--color-border-dark:#1f2937;--color-border-dark-soft:#374151;--color-border-light:#e2e8f0;--color-border-light-soft:#cbd5e1;--color-text-dark:#e5e7eb;--color-text-muted-dark:#9ca3af;--color-text-light:#020617;--color-text-muted-light:#6b7280;--color-accent:#3b82f6;--color-accent-rgb:59,130,246;--color-accent-soft:#e0f2fe;--color-accent-alt:#a855f7;--color-success:#16a34a;--radius-lg:0.75rem;--radius-xl:1rem;--radius-pill:999px;--shadow-soft:0 4px 12px #0f172a59;--shadow-subtle:0 2px 6px #0f172a40;--shadow-strong:0 18px 45px #0f172acc;--transition-fast:0.15s ease-out;--transition-med:0.25s ease}.app-container{background:radial-gradient(circle at top,#0b1120 0,#020617 55%);background:var(--color-bg-dark-soft);color:#e5e7eb;color:var(--color-text-dark);display:flex;flex-direction:column;min-height:100vh;transition:background .25s ease,color .25s ease;transition:background var(--transition-med),color var(--transition-med)}.app-container.light{background:radial-gradient(circle at top,#fee2f2 0,#fff0f5 55%);background:var(--color-bg-light-soft);color:#020617;color:var(--color-text-light)}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172af5;border-bottom:1px solid #1f2937;border-bottom:1px solid var(--color-border-dark);box-shadow:0 2px 6px #0f172a40;box-shadow:var(--shadow-subtle);display:flex;justify-content:space-between;padding:.8rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:20}.app-container.light .navbar{background:#fffffff2;border-bottom-color:#e2e8f0;border-bottom-color:var(--color-border-light)}.brand{align-items:center;color:inherit;display:inline-flex;font-size:.98rem;font-weight:600;gap:.4rem;text-decoration:none}.brand-mark{background:radial-gradient(circle,#22c55e 0,#16a34a 50%,#15803d 100%);border-radius:999px;box-shadow:0 0 12px #22c55ee6;height:10px;width:10px}.navbar-left{align-items:center;display:flex;gap:1.5rem}.navbar-links a{color:inherit;font-size:.9rem;font-weight:500;margin-right:1rem;opacity:.9;text-decoration:none;transition:color .25s ease,transform .15s ease-out,text-shadow .15s ease-out,opacity .15s ease-out;transition:color var(--transition-med),transform var(--transition-fast),text-shadow var(--transition-fast),opacity var(--transition-fast)}.navbar-links a:last-child{margin-right:0}.navbar-links a:hover{color:#3b82f6;color:var(--color-accent);opacity:1;text-shadow:0 0 10px #3b82f699;text-shadow:0 0 10px rgba(var(--color-accent-rgb),.6);transform:translateY(-1px)}.navbar-right{display:flex}.navbar-right,.theme-toggle{align-items:center;gap:.5rem}.theme-toggle{background:#0000;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:600;padding:.35rem .6rem;transition:background .18s ease,color .18s ease,transform .12s ease;.app-footer{background:linear-gradient(180deg,#080a10f5,#080a10fa);border-top:1px solid #94a3b80f;color:#dce1ebe6;margin-top:1.4rem;padding:.9rem 1rem}.footer-inner{display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1120px}.footer-right .footer-link{color:inherit;font-weight:600;margin:0 .35rem;text-decoration:none}.footer-right .sep{color:#94a3b899;margin:0 .35rem}@media (max-width:768px){.app-footer{display:none}}}.theme-toggle .tt-icon{font-size:1.05rem}.theme-toggle .tt-text{font-size:.82rem;opacity:.95}.theme-toggle .tt-switch{background:#94a3b81f;border-radius:999px;display:inline-block;height:18px;position:relative;width:34px}.theme-toggle.dark .tt-switch{background:#00000038}.theme-toggle .tt-switch:after{background:#fff;border-radius:999px;content:"";height:12px;left:2px;position:absolute;top:2px;transition:transform .18s ease;width:12px}.theme-toggle.light .tt-switch:after{transform:translateX(16px)}.fab{align-items:center;background:linear-gradient(135deg,#3b82f6,#a855f7);border:none;border-radius:999px;bottom:5.2rem;box-shadow:0 14px 38px #3b82f62e;color:#fff;cursor:pointer;display:inline-flex;font-size:1.25rem;height:54px;justify-content:center;position:fixed;right:1rem;width:54px;z-index:90}.fab:active{transform:scale(.98)}.panel-actions .file-input-label,.panel-actions button{border-radius:.6rem;font-size:.82rem;padding:.45rem .6rem}.panel-actions .file-input-label:hover,.panel-actions button:hover{transform:translateY(-2px)}.nav-button{background:#111827;border:1px solid #374151;border:1px solid var(--color-border-dark-soft);border-radius:999px;color:#e5e7eb;color:var(--color-text-dark);cursor:pointer;font-size:.82rem;font-weight:500;padding:.4rem .9rem;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.app-container.light .nav-button{background:#e2e8f0;border-color:#cbd5e1;border-color:var(--color-border-light-soft);color:#020617;color:var(--color-text-light)}.nav-button:hover{background:#1f2937;box-shadow:0 6px 14px #0f172a73;color:#fff;transform:translateY(-1px)}.app-container.light .nav-button:hover{background:#e0f2fe;background:var(--color-accent-soft)}.hamburger{background:#0000;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:none;font-size:1.1rem;padding:.35rem .7rem}.hamburger:hover{background:#94a3b82e;border-color:#94a3b873}.mobile-menu{background:#0f172a;background:var(--color-surface-dark);border-bottom:1px solid #1f2937;border-bottom:1px solid var(--color-border-dark);box-shadow:0 2px 6px #0f172a40;box-shadow:var(--shadow-subtle);display:none;flex-direction:column;padding:.8rem 1.2rem}.app-container.light .mobile-menu{background:#f8fafc;border-bottom-color:#e2e8f0;border-bottom-color:var(--color-border-light)}.mobile-menu a{color:inherit;font-size:.95rem;padding:.4rem 0;text-decoration:none}@media (max-width:768px){.navbar-links{display:none}.hamburger{align-items:center;display:inline-flex;justify-content:center}.mobile-menu{display:flex}}.landing{background:linear-gradient(180deg,#020617eb,#02061799 40%,#0000);flex:1 1;padding:1.8rem 1.4rem 2.4rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hero{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin:0 auto 2.5rem;max-width:1120px}.hero-content{animation:fadeUp .42s ease both}.hero-preview{animation:fadeUp .52s ease both}.hero-content h1{font-size:clamp(2.2rem,3.2vw,3rem);letter-spacing:-.01em;line-height:1.08;margin:.6rem 0}.hero-content h1 span{background:linear-gradient(90deg,#3b82f6,#a855f7,#22c55e);-webkit-background-clip:text;background-clip:text;color:#0000}.hero-subtitle{font-size:1rem;max-width:44rem;opacity:.92}.hero-cta{align-items:center;display:flex;gap:.6rem;margin-top:1rem}.hero-cta .btn{padding:.6rem 1.2rem}.hero-badge{align-items:center;background:#ffffff05;border:1px solid #94a3b899;border-radius:999px;display:inline-flex;font-size:.78rem;gap:.4rem;letter-spacing:.12em;padding:.18rem .7rem;padding:.15rem .7rem;text-transform:uppercase}.hero-badge .dot{background:#22c55e;border-radius:999px;box-shadow:0 0 8px #22c55ee6;height:7px;width:7px}.hero-buttons{display:flex;flex-wrap:wrap;gap:.7rem;margin:1rem 0 .7rem}.btn{align-items:center;border:1px solid #0000;border-radius:999px;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.5rem 1.4rem;text-decoration:none;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out,box-shadow .15s ease-out,border-color .15s ease-out;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#3b82f6,#a855f7);box-shadow:0 14px 32px #0f172ab3;color:#fff}.btn-primary:hover{box-shadow:0 20px 40px #0f172ae6;transform:translateY(-2px)}.btn-ghost{background:#0000;border-color:#94a3b8b3;color:inherit}.btn-ghost:hover{background:#94a3b81a}.hero-meta{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.pill{border:1px solid #94a3b880;border-radius:999px;font-size:.78rem;padding:.2rem .8rem}.hero-preview{display:flex;justify-content:center}.preview-card{background:radial-gradient(circle at top,#020617,#020617f2);border:1px solid #94a3b899;border-radius:1rem;box-shadow:0 18px 45px #0f172acc;box-shadow:var(--shadow-strong);max-width:430px;overflow:hidden;width:100%}.preview-card pre{max-height:160px;overflow:auto}.app-container.light .preview-card{background:#f9fafb}.preview-header{align-items:center;border-bottom:1px solid #94a3b880;display:flex;font-size:.78rem;gap:.4rem;padding:.5rem .9rem}.status-dot{background:#22c55e;border-radius:999px;box-shadow:0 0 10px #22c55ee6;height:8px;width:8px}.preview-body{grid-gap:.4rem;display:grid;font-size:.76rem;gap:.4rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);padding:.7rem .8rem}.preview-column{background:#0f172acc;border:1px solid #94a3b880;border-radius:.5rem;padding:.4rem .5rem}.app-container.light .preview-column{background:#0b112015}.preview-label{font-size:.7rem;margin-bottom:.2rem;opacity:.75}.preview-code{font-family:Source Code Pro,Menlo,Consolas,monospace;margin:0;white-space:pre}.preview-arrow{align-items:center;display:flex;font-size:1.1rem;opacity:.7;padding:0 .2rem}.preview-footer{border-top:1px solid #94a3b866;font-size:.72rem;opacity:.8;padding:.4rem .8rem .55rem}.feature-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;max-width:1120px;padding-bottom:1rem}.feature-card{background:#0f172ae6;border:1px solid #94a3b8b3;border-radius:.85rem;box-shadow:0 4px 12px #0f172a59;box-shadow:var(--shadow-soft);font-size:.9rem;padding:.9rem 1rem}.feature-card h3{font-size:1rem;margin:0 0 .4rem}.app-container.light .feature-card{background:#fff}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-preview{order:-1}}@media (max-width:768px){.landing{padding:1.2rem 1rem 2.5rem}.feature-grid{grid-template-columns:1fr}}.studio-shell{flex:1 1;padding:1.1rem .9rem 2.8rem}.studio-header{align-items:flex-end;display:flex;gap:1rem;justify-content:space-between;margin:0 auto .8rem;max-width:1120px}.studio-header h1{font-size:1.3rem;margin:0 0 .2rem}.studio-header p{font-size:.9rem;margin:0;opacity:.85}.studio-summary{display:flex;flex-wrap:wrap;gap:.4rem}.summary-pill{border:1px solid #94a3b899;border-radius:999px;font-size:.77rem;padding:.15rem .7rem}.layout{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 8px 1fr;margin:0 auto;max-width:1120px;min-height:calc(100vh - 160px)}@media (max-width:768px){.studio-header{align-items:flex-start;flex-direction:column}.layout{grid-template-columns:1fr}}.panel{background:#0f172a;background:var(--color-surface-dark);border:1px solid #1f2937;border:1px solid var(--color-border-dark);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0f172a59;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:320px;min-height:0;overflow:visible;transition:min-height .22s ease,box-shadow .22s ease}.divider{align-self:stretch;background:#0000;border-radius:6px;cursor:col-resize;width:8px}.divider:before{background:#94a3b81f;border-radius:2px;content:"";display:block;height:60px;margin:auto 0;width:2px}.mobile-tabbar{align-items:center;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.6rem;padding:.5rem .4rem}.mobile-tabbar .tab{border-radius:.6rem;font-size:.95rem;padding:.6rem .9rem}.mobile-tabbar .tab.active{background:linear-gradient(90deg,#3b82f6,#a855f7);box-shadow:0 8px 20px #3b82f62e;color:#fff}.mobile-tabbar .tab.action{background:#94a3b814}.studio-fullscreen{background:#020617!important;background:var(--color-bg-dark)!important;border-radius:.25rem!important;bottom:0;left:0;margin:0!important;max-width:none!important;padding:.6rem!important;position:fixed!important;right:0;top:64px;z-index:80}@media (max-width:768px){.file-input-label,button{border-radius:.75rem;font-size:1rem;padding:.9rem 1rem}.panel{min-height:320px}}.mobile-actionbar{-webkit-overflow-scrolling:touch;align-items:center;background:#0f172aeb;border-top:1px solid #0f172a0f;bottom:0;box-shadow:0 -8px 30px #0206170a;display:flex;gap:.5rem;justify-content:flex-start;left:0;overflow-x:auto;padding:.55rem .6rem env(safe-area-inset-bottom,12px);position:fixed;right:0;white-space:nowrap;z-index:95}.mobile-actionbar .ma-btn,.mobile-actionbar .ma-file,.mobile-actionbar .ma-file .file-input-label{background:linear-gradient(90deg,#f8fafc,#fff);border:1px solid #94a3b82e;border-radius:.7rem;color:#020617;flex:0 0 auto;font-size:.94rem;padding:.45rem .7rem}.app-container .mobile-actionbar{background:#080a10e6}.app-container .mobile-actionbar .ma-btn,.app-container .mobile-actionbar .ma-file,.app-container .mobile-actionbar .ma-file .file-input-label{background:#141820e6;border-color:#94a3b80f;color:#fff}.mobile-actionbar .ma-btn{align-items:center;display:inline-flex;gap:.45rem}@media (max-width:768px){.layout{padding-bottom:150px}.fab{display:none}.mobile-actionbar{display:none!important}}.mobile-footer-actions{-webkit-overflow-scrolling:touch;align-items:center;background:linear-gradient(180deg,#080a10f2,#080a10e6);border-top:1px solid #ffffff0a;bottom:calc(env(safe-area-inset-bottom, 12px) + 8px);box-shadow:0 -12px 40px #02061780;display:flex;gap:.5rem;justify-content:space-around;left:0;overflow-x:auto;padding:.6rem .5rem env(safe-area-inset-bottom,12px);position:fixed;right:0;z-index:100}.mobile-footer-actions .mfa-btn{align-items:center;background:linear-gradient(90deg,#111827,#0b1220);border:1px solid #ffffff0f;border-radius:.9rem;color:#fff;display:inline-flex;flex:0 1 auto;flex-direction:column;font-size:.85rem;gap:4px;justify-content:center;min-width:56px;padding:.6rem}.mobile-footer-actions .mfa-btn:active{transform:translateY(1px)}.mobile-footer-actions .mfa-toggle{align-items:center;color:#cbd5e1;display:inline-flex;font-size:.9rem;gap:.4rem}.mobile-footer-actions .mfa-btn .icon{font-size:1.15rem;line-height:1}.mobile-footer-actions .mfa-btn .label{font-size:.72rem;opacity:.95;white-space:nowrap}@media (max-width:360px){.mobile-footer-actions{gap:.35rem;padding-left:8px;padding-right:8px}.mobile-footer-actions .mfa-btn{min-width:44px;padding:.45rem .4rem}.mobile-footer-actions .mfa-btn .label{display:none}}@media (max-width:420px){.mobile-footer-actions .mfa-btn{font-size:.8rem;min-width:48px;padding:.5rem}}@media (max-width:480px){.assistant-launcher{bottom:calc(env(safe-area-inset-bottom, 12px) + 88px);right:12px}.assistant-popup{bottom:calc(env(safe-area-inset-bottom, 12px) + 110px)}}@keyframes footerRise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mobile-footer-actions{animation:footerRise .24s cubic-bezier(.2,.9,.28,1) both}.app-container.light .mobile-footer-actions{background:linear-gradient(180deg,#f8fafc,#fff);border-top-color:#94a3b81f;box-shadow:0 -6px 20px #0206170f}.app-container.light .mobile-footer-actions .mfa-btn{background:linear-gradient(90deg,#fff,#f8fafc);border:1px solid #94a3b81f;color:#020617}@media (max-width:768px){.app-footer{margin-bottom:64px}}.assistant-launcher{align-items:center;background:linear-gradient(135deg,#3b82f6,#a855f7);border:none;border-radius:999px;bottom:6.6rem;box-shadow:0 14px 38px #3b82f624;color:#fff;display:inline-flex;height:52px;justify-content:center;position:fixed;right:1rem;width:52px;z-index:200}.assistant-backdrop{background:#02061773;inset:0;position:fixed;z-index:190}.assistant-popup{-webkit-overflow-scrolling:touch;animation:slideUp .26s cubic-bezier(.2,.9,.28,1) both;background:linear-gradient(180deg,#fffffffa,#f8fafcfa);bottom:80px;box-shadow:0 20px 60px #02061759;max-height:66vh;overflow:auto;padding:12px;position:fixed;z-index:210}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.assistant-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}@media (min-width:420px){.assistant-grid{grid-template-columns:repeat(3,1fr)}}.assistant-btn{align-items:center;background:linear-gradient(180deg,#0b1220,#0f172a);border:1px solid #ffffff0f;border-radius:10px;color:#fff;display:flex;flex-direction:column;font-size:.85rem;gap:6px;justify-content:center;min-height:72px;padding:8px 6px;transition:transform .15s ease-out,box-shadow .15s ease-out,background .15s ease-out;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.assistant-btn.primary{background:linear-gradient(135deg,#3b82f6,#a855f7);box-shadow:0 12px 32px #3b82f62e;color:#fff;min-height:92px}.assistant-btn .icon{font-size:1.2rem}.assistant-btn .label{font-size:.78rem}.assistant-btn.primary .icon{font-size:1.6rem}.assistant-btn.primary .label{font-size:.92rem;font-weight:700}.assistant-popup{border-radius:14px;left:12px;margin:0 auto;max-width:720px;padding:14px;right:12px}.assistant-popup .assistant-grid{gap:10px}.assistant-btn:hover{transform:translateY(-4px)}.assistant-toggle{align-items:center;background:linear-gradient(180deg,#fff,#f8fafc);color:#020617;display:inline-flex;gap:8px;padding:8px}.assistant-more{align-items:center;display:flex;position:relative}.assistant-more-button{min-width:56px}.assistant-more-menu{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b81f;border-radius:8px;box-shadow:0 10px 30px #02061714;display:flex;flex-direction:column;gap:6px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:220}.assistant-more-menu .menu-item{background:#0000;border:none;border-radius:6px;cursor:pointer;padding:8px 12px;text-align:left}.assistant-more-menu .menu-item:hover{background:#0f172a0a}.assistant-launcher{animation:popIn .32s cubic-bezier(.2,.9,.28,1) both}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.assistant-popup{z-index:1000}.assistant-backdrop{z-index:999}.controls-mobile-menu{z-index:1100}.mobile-footer-actions{touch-action:manipulation;transition:transform .26s cubic-bezier(.2,.9,.28,1),opacity .2s ease}.mobile-footer-actions .mfa-btn{font-weight:600;min-width:72px;padding:.7rem .9rem}.mobile-footer-actions .mfa-btn .icon{margin-right:6px}.mobile-footer-actions .mfa-btn:focus{outline:3px solid #3b82f62e;outline:3px solid rgba(var(--color-accent-rgb),.18)}@media (max-width:768px){.mobile-footer-actions{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.assistant-popup{background:linear-gradient(180deg,#080a10fa,#080a10f2)}.assistant-btn{background:linear-gradient(180deg,#0b1220,#0f172a)}.assistant-toggle{background:linear-gradient(180deg,#0b1220,#0f1220);color:#fff}}.modal-backdrop{align-items:center;background:#02061773;display:flex;inset:0;justify-content:center;position:fixed;z-index:400}.modal{background:#fff;border-radius:10px;box-shadow:0 20px 60px #02061740;color:#020617;max-width:420px;padding:1rem 1.1rem;width:calc(100% - 48px)}.modal h3{margin:0 0 .5rem}.modal p{color:#020617b3;margin:0 0 1rem}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end}.modal-actions button{padding:.45rem .75rem}.modal-actions button:last-child{background:linear-gradient(90deg,#ef4444,#dc2626);border:none;color:#fff}@media (prefers-color-scheme:dark){.modal{background:linear-gradient(180deg,#0b1220,#0f1220);border:1px solid #ffffff0a;color:#e6eefc}.modal p{color:#e6eefccc}.modal-actions button:last-child{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff}}.app-container.light .mobile-actionbar{background:linear-gradient(180deg,#f8fafc,#fff);border-top-color:#94a3b81f}.app-container.light .mobile-actionbar .ma-btn,.app-container.light .mobile-actionbar .ma-file{background:#fff;border-color:#e2e8f0b3;color:#020617}.mobile-actionbar .ma-toggle input[type=checkbox]{height:16px;width:16px}.app-footer{background:#0000;border-top:1px solid #94a3b80f;margin-top:1.4rem;padding:.9rem 1rem}.footer-inner{align-items:center;color:#94a3b8e6;display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1120px}.footer-right a{color:inherit;margin:0 .35rem;text-decoration:none}.footer-right .sep{color:#94a3b899;margin:0 .35rem}@media (max-width:768px){.footer-inner{align-items:center;flex-direction:column;gap:.5rem;text-align:center}}.panel:hover{box-shadow:0 10px 25px #0f172a99}.panel:focus-within{box-shadow:0 20px 50px #02061799;min-height:420px}.app-container.light .panel{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#e2e8f0;border-color:var(--color-border-light);box-shadow:0 8px 28px #0206170f}.panel-header{align-items:center;border-bottom:1px solid #1f2937;border-bottom:1px solid var(--color-border-dark);display:flex;justify-content:space-between;padding:.5rem .8rem}.panel-hint{color:#94a3b8e6;font-size:.78rem;margin-top:4px}.app-container.light .panel-header{background:#0000;border-bottom-color:#e2e8f0;border-bottom-color:var(--color-border-light)}.panel-title{display:flex;flex-direction:column;gap:.15rem}.panel-header h2{font-size:.92rem;font-weight:600;letter-spacing:.08em;margin:0;text-transform:uppercase}.panel-meta{font-size:.72rem;opacity:.7}.panel-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem}.more-menu{position:relative}.more-button{background:#0000;border:1px solid #94a3b81f;border-radius:.6rem;padding:.35rem .6rem}.more-dropdown{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b81f;border-radius:8px;box-shadow:0 10px 30px #02061714;display:flex;flex-direction:column;gap:6px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:120}.more-dropdown button{white-space:nowrap}.actions-more{position:relative}.actions-more-button{background:#0000;border:1px solid #94a3b81f;border-radius:.6rem;padding:.35rem .6rem}.actions-dropdown{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b81f;border-radius:8px;box-shadow:0 10px 30px #02061714;display:flex;flex-direction:column;gap:6px;padding:6px;position:absolute;right:0;top:calc(100% + 6px);z-index:120}.actions-dropdown button{white-space:nowrap}.actions-divider{background:#94a3b80f;height:1px;margin:6px 0}.actions-dropdown{max-height:60vh;max-width:calc(100vw - 32px);min-width:200px;overflow:auto}.app-container.dark .actions-dropdown{background:linear-gradient(180deg,#0b1220,#0f172a);border-color:#ffffff0a;color:#e6eefc}.app-container.dark .actions-dropdown button{color:#e6eefc}.app-container.dark .actions-dropdown button:hover{background:#ffffff08}.actions-dropdown.align-left{left:0;right:auto}.actions-dropdown{animation:menuPop .16s cubic-bezier(.2,.9,.28,1) both;opacity:0;transform:translateY(-6px) scale(.98);transform-origin:top right}.actions-dropdown.align-left{transform-origin:top left}@keyframes menuPop{to{opacity:1;transform:translateY(0) scale(1)}}.actions-dropdown button{background:#0000;border:none;border-radius:.5rem;padding:.45rem .6rem;text-align:left}.actions-dropdown button:hover{background:#0f172a0a}.actions-dropdown button[disabled]{cursor:not-allowed;opacity:.45}@media (max-width:820px){.actions-dropdown{border-radius:12px!important;box-shadow:0 20px 60px #02061759!important;max-height:calc(100vh - 120px)!important;overflow:auto!important;position:fixed!important;top:72px!important;transform-origin:center top!important;z-index:1000!important}.actions-dropdown,.actions-dropdown.align-left{left:8px!important;right:8px!important}.actions-sheet{bottom:calc(env(safe-area-inset-bottom, 12px) + 12px);left:8px;right:8px}}.mobile-actions-backdrop{background:#02061773;inset:0;position:fixed;z-index:300}.actions-sheet{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #94a3b81f;border-radius:12px;bottom:calc(env(safe-area-inset-bottom, 12px) + 12px);box-shadow:0 20px 60px #0206174d;display:flex;flex-direction:column;gap:8px;left:8px;max-height:60vh;overflow:auto;padding:10px;position:fixed;right:8px;z-index:320}.actions-sheet button{text-align:left}.app-container.dark .actions-sheet{background:linear-gradient(180deg,#0b1220,#0f172a);border-color:#ffffff0a;color:#e6eefc}.app-container.dark .actions-sheet button{color:#e6eefc}@media (prefers-color-scheme:dark){.more-dropdown{background:linear-gradient(180deg,#0b1220,#0f172a);border-color:#ffffff0a;color:#fff}}.editor-wrapper{flex:1 1 auto;height:100%;min-height:0;overflow:hidden;position:relative}.controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ae6;border:1px solid #1f2937;border:1px solid var(--color-border-dark);border-radius:999px;border-radius:var(--radius-pill);bottom:1.2rem;box-shadow:0 2px 6px #0f172a40;box-shadow:var(--shadow-subtle);display:flex;gap:.45rem;justify-content:center;left:50%;padding:.4rem .7rem;position:fixed;transform:translateX(-50%);z-index:30}.app-container.light .controls{background:#f1f5f9e6;border-color:#e2e8f0;border-color:var(--color-border-light)}.controls .toggle-label,.controls button{font-size:.78rem}@media (max-width:768px){.controls{bottom:.8rem;flex-wrap:wrap}}@media (min-width:900px){.panel{min-height:220px}}.controls-mobile{display:none}@media (max-width:480px){.controls{display:none}.controls-mobile{bottom:1rem;display:block;position:fixed;right:1rem;z-index:60}.controls-mobile-toggle{background:#111827;border:1px solid #374151;border:1px solid var(--color-border-dark-soft);border-radius:.6rem;box-shadow:0 2px 6px #0f172a40;box-shadow:var(--shadow-subtle);color:#e5e7eb;color:var(--color-text-dark);font-size:1.05rem;padding:.55rem .9rem}.controls-mobile-menu{background:#0f172af2;border:1px solid #1f2937;border:1px solid var(--color-border-dark);border-radius:.75rem;bottom:3.6rem;box-shadow:0 12px 30px #02061799;display:flex;flex-direction:column;gap:.45rem;min-width:160px;padding:.6rem;position:absolute;right:0}.controls-mobile-menu .toggle-label,.controls-mobile-menu button{justify-content:flex-start;width:100%}}.file-input-label,button{align-items:center;background:#111827;border:1px solid #374151;border:1px solid var(--color-border-dark-soft);border-radius:999px;border-radius:var(--radius-pill);color:#e5e7eb;color:var(--color-text-dark);cursor:pointer;display:inline-flex;font-size:.82rem;font-weight:500;gap:.35rem;justify-content:center;padding:.38rem .85rem;transition:background-color .15s ease-out,color .15s ease-out,transform .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out;transition:background-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);white-space:nowrap}.app-container.light .file-input-label,.app-container.light button{background:#e2e8f0;border-color:#cbd5e1;border-color:var(--color-border-light-soft);color:#020617;color:var(--color-text-light)}.file-input-label:hover,button:hover{background:#1f2937;box-shadow:0 6px 14px #0f172a73;color:#fff;transform:translateY(-2px)}.app-container.light .file-input-label:hover,.app-container.light button:hover{background:#cbd5e1}.file-input-label:active,button:active{box-shadow:none;transform:translateY(0)}input[type=file]{display:none}#status-bar{color:#9ca3af;color:var(--color-text-muted-dark);font-size:.85rem;min-height:2.3rem;padding:.5rem 1rem;text-align:center}.app-container.light #status-bar{color:#6b7280;color:var(--color-text-muted-light)}.auto-convert-button{background-color:#16a34a!important;background-color:var(--color-success)!important;border:1px solid #16a34a!important;color:#dcfce7!important}.auto-convert-button:hover{background:#15803d!important}.toggle-label{align-items:center;background:#0f172ae6;border:1px solid #374151;border:1px solid var(--color-border-dark-soft);border-radius:999px;border-radius:var(--radius-pill);display:inline-flex;gap:.3rem;padding:.25rem .6rem}.app-container.light .toggle-label{background:#e5e7eb;border-color:#cbd5e1;border-color:var(--color-border-light-soft)}.toggle-label input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--color-accent);height:.9rem;width:.9rem}.toggle-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff2e;border-radius:50%;border-top-color:#ffffffeb;display:inline-block;height:12px;margin-left:.5rem;width:12px}@keyframes spin{to{transform:rotate(1turn)}}:root{--primary-color:#3b82f6;--primary-color-rgb:59,130,246;--primary-color-alt:#a855f7;--primary-color-alt-rgb:168,85,247;--glow-gradient:conic-gradient(from 140deg,#3b82f640,#a855f7cc,#22c55ecc,#3b82f6,#a855f7e6);--secondary-bg-color:#020617;--secondary-bg-color-soft:#020617f2;--border-color:#94a3b899;--text-color:#e5e7eb;--transition-fast:0.2s ease-out;--transition-med:0.35s ease-in-out}@keyframes neonPulse{0%{filter:blur(14px);opacity:.55;transform:scale(1)}50%{filter:blur(22px);opacity:1;transform:scale(1.02)}to{filter:blur(14px);opacity:.55;transform:scale(1)}}.about-container{background:#020617f2;background:var(--secondary-bg-color-soft);border:1px solid #94a3b899;border-radius:20px;box-shadow:0 20px 55px #0f172af2,0 0 0 1px #0f172ad9;box-sizing:border-box;color:#e5e7eb;color:var(--text-color);margin:2.5rem auto;max-width:980px;overflow:hidden;padding:2.5rem 2.1rem 2.3rem;position:relative;transition:background-color .35s ease-in-out,border-color .35s ease-in-out,box-shadow .35s ease-in-out,transform .2s ease-out,filter .2s ease-out;transition:background-color var(--transition-med),border-color var(--transition-med),box-shadow var(--transition-med),transform var(--transition-fast),filter var(--transition-fast);width:95%}.about-container:before{animation:neonPulse 7s ease-in-out infinite;background:conic-gradient(from 140deg,#3b82f640,#a855f7cc,#22c55ecc,#3b82f6,#a855f7e6);background:var(--glow-gradient);filter:blur(18px);inset:-2px;opacity:.9;z-index:-1}.about-container:after,.about-container:before{border-radius:inherit;content:"";pointer-events:none;position:absolute}.about-container:after{background:radial-gradient(circle at 0 0,#ffffff14,#0000 55%),radial-gradient(circle at 100% 100%,#3b82f62e,#0000 60%);inset:1px;opacity:.65}.light .about-container{background:linear-gradient(180deg,#fff,#f8fafc);border-color:#94a3b847;box-shadow:0 10px 30px #0206170f;filter:none}.light .about-container:before{filter:blur(10px);opacity:.12}.light .about-container:after{background:radial-gradient(circle at 0 0,#fffffff2,#0000 55%),radial-gradient(circle at 100% 100%,#3b82f60a,#0000 60%);opacity:.5}.light .about-container,.light .about-container h1,.light .about-container h2,.light .about-container h3,.light .about-container li,.light .about-container p,.light .about-container td,.light .about-container th,.light .about-section th{color:#020617}.about-container>img:first-of-type{border-radius:14px;display:block;margin-bottom:1.6rem;width:80%}.about-container>img:last-of-type{border-radius:14px;display:block;margin-top:1.6rem;width:80%}.about-section{margin-bottom:2rem;overflow-wrap:anywhere;word-break:break-word}.about-section:last-of-type{margin-bottom:1.4rem}.about-section h2{border-bottom:1px solid #94a3b859;font-size:1.4rem;font-weight:600;letter-spacing:.03em;margin:0 0 .9rem;padding-bottom:.45rem;position:relative}.about-section h2:after{background:linear-gradient(90deg,#3b82f6,#a855f7,#22c55e);border-radius:999px;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:80px}.about-section h3{font-size:1.05rem;font-weight:500;letter-spacing:.01em;margin:1.1rem 0 .5rem}.about-section li,.about-section p{font-size:.97rem;line-height:1.7;overflow-wrap:anywhere;word-break:break-word}.about-section ol,.about-section ul{margin-bottom:.9rem;margin-top:.35rem;padding-left:1.3rem}.about-section li+li{margin-top:.25rem}.about-section p img{margin:.25rem .4rem .25rem 0;max-height:32px;vertical-align:middle}.about-section p{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem}.about-section table{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid #94a3b880;border-collapse:collapse;border-radius:10px;display:block;margin-top:.9rem;max-width:100%;overflow:hidden;overflow-x:auto;width:100%}.about-section td,.about-section th{border-bottom:1px solid #94a3b866;font-size:.95rem;overflow-wrap:anywhere;padding:.7rem .9rem;text-align:left;word-break:break-word}.about-section th{background:#0f172af2;font-weight:600}.about-section tr:nth-child(2n) td{background:#0f172ac7}.light .about-section th{background:#f1f5f9f5}.light .about-section tr:nth-child(2n) td{background:#e2e8f0bf}@media (max-width:768px){.about-container{margin:1.8rem 1.1rem;padding:1.9rem 1.3rem}.about-section h2{font-size:1.25rem}}@media (max-width:480px){.about-container{margin:1.5rem .75rem;padding:1.7rem 1rem}.about-section table{font-size:.9rem}.about-section h2{font-size:1.1rem}.about-section li,.about-section p{font-size:.92rem}}.about-container img{display:block}.about-container img,.about-section p img{height:auto;max-width:100%}
/*# sourceMappingURL=main.03641ce9.css.map*/