:root{--pro-text: rgba(15, 23, 42, .92);--pro-text-muted: rgba(15, 23, 42, .62);--pro-surface: rgba(255, 255, 255, .9);--pro-surface-strong: rgba(255, 255, 255, .96);--pro-border: rgba(148, 163, 184, .28);--pro-shadow: 0 12px 34px -24px rgba(15, 23, 42, .55);--pro-shadow-soft: 0 8px 20px -18px rgba(15, 23, 42, .48);--pro-focus: rgba(14, 165, 233, .5);--pro-radius: 12px;--bottom-nav-h: 56px}.pro-ui{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;letter-spacing:.01em}.pro-ui :where(header){box-shadow:0 2px 12px #0f172a38}.pro-ui :where(.card){border-radius:16px;box-shadow:var(--pro-shadow-soft)}.pro-ui :where(button,.btn){transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.pro-ui :where(button:hover,.btn:hover){box-shadow:var(--pro-shadow-soft)}.pro-ui :where(button:active,.btn:active){transform:translateY(.5px)}.pro-ui :where(input,select,textarea){border-color:var(--pro-border);box-shadow:none}select.input:not(.bg-white){color-scheme:dark}select.input:not(.bg-white) option,select.input:not(.bg-white) optgroup{background:#0f172a;color:#e5e7eb}.pro-ui :where(input::-moz-placeholder,textarea::-moz-placeholder){opacity:.85}.pro-ui :where(input::placeholder,textarea::placeholder){opacity:.85}.pro-ui :where(input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,.btn:focus-visible){outline:none;box-shadow:0 0 0 3px var(--pro-focus)}.pro-ui :where(table){border-collapse:separate;border-spacing:0}.pro-ui :where(table thead th){letter-spacing:.01em;font-weight:600}.pro-ui :where(table tbody tr:hover){background:#94a3b814}.pro-ui :where(.modal.active){-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.pro-ui :where(.label){font-weight:500}.pro-bg{background-color:transparent}.pro-bg:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-color:#272b33;background-image:url(/assets/background-CmJqeEY0.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.pro-bg:before{background-color:#0b0f13;background-image:radial-gradient(1100px 620px at 50% -12%,rgba(41,167,223,.2),transparent 62%),radial-gradient(900px 520px at 88% 12%,rgba(41,167,223,.07),transparent 60%),linear-gradient(180deg,#16202a,#101922 46%,#0b0f13)}.pro-ui .bg-black\/30,.pro-ui .bg-black\/40,.pro-ui .bg-black\/50,.pro-ui .bg-black\/70,.pro-ui .bg-black\/80,.pro-ui .bg-black\/85{background-color:#94bed612!important;border:1px solid rgba(255,255,255,.085);-webkit-backdrop-filter:blur(14px) saturate(115%);backdrop-filter:blur(14px) saturate(115%)}.pro-ui .inset-0.bg-black\/30,.pro-ui .inset-0.bg-black\/40,.pro-ui .inset-0.bg-black\/50,.pro-ui .inset-0.bg-black\/70,.pro-ui .inset-0.bg-black\/80,.pro-ui .inset-0.bg-black\/85{background-color:#04080c9e!important;border:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pro-ui #previewW,.pro-ui #previewH{background-color:#111820db!important;border:0;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 2px 10px -4px #0009}.pro-ui .bg-white\/10{background-color:#ffffff17!important;border:1px solid rgba(255,255,255,.07)}.pro-ui .bg-white\/20{background-color:#ffffff2e!important;border:1px solid rgba(255,255,255,.12)}.pro-ui .rounded-lg,.pro-ui .rounded-xl{border-radius:14px}.pro-ui .rounded-2xl{border-radius:18px}.pro-ui nav#bottomNav{background-color:#0b0f14!important;border:0;border-top:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:none;backdrop-filter:none}.pro-ui .overflow-x-auto[class*="bg-black/"]{-webkit-backdrop-filter:none;backdrop-filter:none}.pro-ui #menuDropdown{background-color:#0f151c!important;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 14px 34px -14px #000000d9}.pro-ui .bg-black\/30,.pro-ui .bg-black\/40,.pro-ui .bg-black\/50{box-shadow:0 10px 30px -22px #000000e6}@media (max-height: 480px){.pro-ui header .px-4{padding-top:.3rem;padding-bottom:.3rem}.pro-ui header img{height:2rem}.pro-ui header #backBtn{height:2rem;width:2rem}.pro-ui header #backBtn i{font-size:.9rem}.pro-ui header #menuBtn{padding:.3rem .45rem}.pro-ui header #menuBtn i{font-size:1rem}.pro-ui header .pb-3{padding-bottom:.35rem}.pro-ui header #progressLabel,.pro-ui header #stepTitle{font-size:.7rem}.pro-ui header .mt-2{margin-top:.3rem}.pro-ui header .h-2{height:.25rem}.pro-ui nav#bottomNav a,.pro-ui nav#bottomNav button{padding-top:.3rem;padding-bottom:.3rem}.pro-ui nav#bottomNav i{font-size:.95rem}.pro-ui nav#bottomNav span{font-size:.65rem}}@media (min-width: 600px) and (max-height: 520px){#step-add-frame>.mt-4{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}#step-add-frame>.mt-4>*{margin-top:0}.pro-ui header>.mx-auto,.pro-ui main.mx-auto,.pro-ui nav#bottomNav>.mx-auto{max-width:100%}}
