*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;--vh:100vh}@supports (height:100dvh){html{--vh:100dvh}}body{color:#eef2ff;padding:0;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);-webkit-overflow-scrolling:touch;-webkit-user-select:none;user-select:none;overscroll-behavior:none;background:#020810;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.55;overflow-x:hidden}p,h1,h2,h3,h4,h5,h6,span,li,td,th,blockquote,code,pre,input,textarea,[contenteditable],[data-selectable]{-webkit-user-select:text;user-select:text}img,video,iframe,svg,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit;margin:0}button{cursor:pointer;appearance:none;background:0 0;border:none;padding:0}input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],textarea,select{appearance:none;background-clip:padding-box;border-radius:8px;font-size:16px}@media (min-width:768px){input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=url],textarea,select{font-size:14px}}:focus{outline:none}:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #a855f799}.studio-scroll,.sx-scroll{scrollbar-width:thin;scrollbar-color:#ffffff2e transparent}.studio-scroll::-webkit-scrollbar{width:8px;height:8px}.sx-scroll::-webkit-scrollbar{width:8px;height:8px}.studio-scroll::-webkit-scrollbar-track{background:0 0}.sx-scroll::-webkit-scrollbar-track{background:0 0}.studio-scroll::-webkit-scrollbar-thumb{background:#ffffff2e padding-box padding-box;border:1px solid #0000;border-radius:4px}.sx-scroll::-webkit-scrollbar-thumb{background:#ffffff2e padding-box padding-box;border:1px solid #0000;border-radius:4px}.studio-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff47 padding-box padding-box}.sx-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff47 padding-box padding-box}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.no-scrollbar::-webkit-scrollbar{display:none}@media (hover:none) and (pointer:coarse){button,a,[role=button],input[type=button],input[type=submit],select,.tap-target{min-width:40px;min-height:40px}.tap-target-sm{min-width:32px;min-height:32px}}.flex-col{flex-direction:column;display:flex}.flex-row{flex-direction:row;display:flex}.flex-1{flex:1;min-width:0;min-height:0}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.full-vh{min-height:100vh;min-height:100dvh}@media print{body{color:#000;background:#fff}.no-print{display:none!important}}::selection{color:#fff;background:#a855f759}::selection{color:#fff;background:#a855f759}@keyframes sx-skeleton-pulse{0%,to{opacity:.55}50%{opacity:.85}}.sx-skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff14,#ffffff0a) 0 0/200% 100%;border-radius:6px;animation:1.6s infinite sx-shimmer,1.6s infinite sx-skeleton-pulse}@keyframes sx-shimmer{to{background-position:-200% 0}}@keyframes sx-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.sx-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0));color:#eef2ff;z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d1428f5;border:1px solid #a855f759;border-radius:12px;max-width:calc(100vw - 32px);padding:12px 18px;font-size:13px;font-weight:600;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #00000080}@media (max-width:480px){.sx-modal-card{border-radius:16px 16px 0 0!important;width:100%!important;max-width:100%!important;margin-top:auto!important;margin-bottom:0!important}}textarea{resize:vertical;appearance:none}select{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%238a9abf'%3e%3cpath d='M7 10l5 5 5-5z'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;padding-right:30px}html,body{overscroll-behavior-y:contain}.with-safe-bottom{padding-bottom:max(12px, env(safe-area-inset-bottom,0))}iframe{max-width:100%}button{transition:transform .15s,opacity .15s,box-shadow .15s,background .15s,border-color .15s,color .15s}button,[role=button],.tap-target,.tap-target-sm{touch-action:manipulation}@media (max-width:768px){.pro-editor-shell{flex-direction:column!important}.pro-editor-sidebar,.pro-editor-rightpanel{border-bottom:1px solid #ffffff14!important;border-right:none!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:50vh!important}.pro-editor-toolbar .toolbar-label{display:none!important}.pro-editor-canvas-controls button{min-width:44px!important;min-height:44px!important}}@media (min-width:769px) and (max-width:1023px){.pro-editor-sidebar.collapsed,.pro-editor-rightpanel.collapsed{width:48px!important}.pro-editor-sidebar.collapsed>.panel-content,.pro-editor-rightpanel.collapsed>.panel-content{display:none!important}}@media (hover:hover) and (pointer:fine){[data-shortcut]:hover:after{content:attr(data-shortcut);color:#c8d0e8;white-space:nowrap;pointer-events:none;z-index:99999;background:#000000eb;border-radius:4px;padding:4px 8px;font-family:ui-monospace,monospace;font-size:10px;position:absolute;bottom:-28px;left:50%;transform:translate(-50%)}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sx-page-tab:focus-visible{outline-offset:-1px;outline:2px solid #a855f7cc}@media (forced-colors:active){button,[role=button]{border:1px solid buttontext}:focus-visible{outline-offset:2px;outline:2px solid highlight}}:root{--sx-bg:#020810;--sx-bg-2:#0a0e1a;--sx-bg-3:#0d1428;--sx-ink:#eef2ff;--sx-ink-2:#c8d0e8;--sx-muted:#8a9abf;--sx-dim:#6a7896;--sx-faint:#4a5880;--sx-purple:#a855f7;--sx-cyan:#00d4ff;--sx-green:#0f8;--sx-red:#ff8080;--sx-amber:#f59e0b;--sx-border:#ffffff0f;--sx-border-2:#ffffff1f}.skip-link{z-index:100000;background:var(--sx-purple);color:var(--sx-bg);border-radius:8px;padding:10px 16px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus,.skip-link:focus-visible{outline-offset:2px;outline:2px solid #fff;transform:translateY(0)}.sx-sr-live{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}