.studio-module__OK5Yhq__panel.studio-module__OK5Yhq__panel{--background:#101014;--surface:#18181e;--surface-rgb:24, 24, 30;--surface-subtle:#23232c;--foreground:#f4f4f5;--muted:#b3b3c0;--muted-foreground:#b3b3c0;--accent:#f6a5bc;--accent-rgb:246, 165, 188;--accent-foreground:#24141b;--border:#363640;font-family:var(--font-vazirmatn);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#18181eeb!important}.studio-module__OK5Yhq__panel [class*=font-mono]{font-family:var(--font-vazirmatn)}.studio-module__OK5Yhq__panel :is(input,textarea,select){font-size:16px;line-height:1.7}.studio-module__OK5Yhq__panel select,.studio-module__OK5Yhq__panel select option,.studio-module__OK5Yhq__panel select optgroup{color:#f4f4f5;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#23232c}.studio-module__OK5Yhq__panel select{min-height:44px}.studio-module__OK5Yhq__panel [role=tab][data-state=active],.studio-module__OK5Yhq__panel button[aria-pressed=true]{color:#24141b!important;background-color:#f6a5bc!important;border-color:#f6a5bc!important}.studio-module__OK5Yhq__panel button[aria-pressed=true] :is(span,p,strong,svg,div){color:inherit!important}.studio-module__OK5Yhq__panel [role=switch]{direction:ltr}.studio-module__OK5Yhq__panel [role=switch][data-state=checked]{background:#f6a5bc}.studio-module__OK5Yhq__panel [role=switch]>span{background:#101014}.studio-module__OK5Yhq__panel [class~=bg-accent][class~=text-background]{color:#24141b}.studio-module__OK5Yhq__filterRow{flex-wrap:wrap;gap:8px;display:flex}.studio-module__OK5Yhq__filterRow button{color:#dedee6;background:#23232c;border:1px solid #454550;border-radius:10px;padding:8px 14px;font-size:13px}.studio-module__OK5Yhq__recipeGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.studio-module__OK5Yhq__recipeGrid button{text-align:right;color:#f4f4f5;background:#23232c;border:1px solid #454550;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.studio-module__OK5Yhq__recipeGrid button:hover{border-color:#f6a5bc}.studio-module__OK5Yhq__recipeGrid strong{font-size:14px}.studio-module__OK5Yhq__recipeGrid span{color:#b3b3c0;font-size:12px;line-height:1.8}.studio-module__OK5Yhq__panel input::-moz-placeholder{color:#99a;opacity:1}.studio-module__OK5Yhq__panel textarea::-moz-placeholder{color:#99a;opacity:1}.studio-module__OK5Yhq__panel input::placeholder,.studio-module__OK5Yhq__panel textarea::placeholder{color:#99a;opacity:1}.studio-module__OK5Yhq__panel :is(button,input,select,textarea):focus-visible{outline-offset:3px;outline:2px solid #f6a5bc}.studio-module__OK5Yhq__panel :is(button,[role=switch]){touch-action:manipulation}.studio-module__OK5Yhq__panel [role=tab]{border-radius:10px;min-height:48px;padding-inline:16px;font-size:13px}.studio-module__OK5Yhq__panel [role=tab][data-state=active]{color:#24141b;background:#f6a5bc}.studio-module__OK5Yhq__panel [role=tab][data-state=active] svg{color:inherit}.studio-module__OK5Yhq__panel [role=tabpanel]{margin-top:24px;padding-bottom:16px}.studio-module__OK5Yhq__panel [role=tabpanel]>div+div{margin-top:22px}.studio-module__OK5Yhq__panel [role=tabpanel] p{font-size:12px;line-height:1.9}.studio-module__OK5Yhq__panel [role=tabpanel] label{font-size:13px;line-height:1.8}.studio-module__OK5Yhq__panel [role=tabpanel] button{min-height:40px}.studio-module__OK5Yhq__body{scrollbar-width:thin;scrollbar-color:#555561 transparent}.studio-module__OK5Yhq__navigation{z-index:20;overscroll-behavior-x:contain;touch-action:pan-x;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);scrollbar-width:thin;scrollbar-color:#676775 transparent;background:#18181ef5;border-bottom:1px solid #363640;margin-inline:-24px;padding:12px 24px;position:sticky;top:-20px;overflow-x:auto}.studio-module__OK5Yhq__navigation [role=tablist]{background:0 0}.studio-module__OK5Yhq__layoutPreview{background:#151319;border:1px solid #5a4a55;border-radius:8px;flex-direction:column;flex-shrink:0;align-items:center;gap:5px;width:76px;height:68px;padding:8px;display:flex}.studio-module__OK5Yhq__layoutPreview i{background:#f6a5bc;border-radius:50%;width:18px;height:18px}.studio-module__OK5Yhq__layoutPreview b{background:#c9c1ca;border-radius:2px;width:32px;height:4px}.studio-module__OK5Yhq__layoutPreview em{background:#48404c;border-radius:2px;width:46px;height:6px}.studio-module__OK5Yhq__layoutPreview[data-layout=split_banner]{background:linear-gradient(#66505e 32%,#151319 32%)}.studio-module__OK5Yhq__layoutPreview[data-layout=bento]{grid-template-columns:1fr 1fr;display:grid}.studio-module__OK5Yhq__layoutPreview[data-layout=bento] em{width:100%;height:18px}.studio-module__OK5Yhq__layoutPreview[data-layout=bento] b{width:100%}.studio-module__OK5Yhq__layoutPreview[data-layout=cyber_hud]{border-style:dashed;border-radius:0}.studio-module__OK5Yhq__layoutPreview[data-layout=compact_pill]{justify-content:center}.studio-module__OK5Yhq__layoutPreview[data-layout=compact_pill] em{border-radius:12px}.studio-module__OK5Yhq__presetSwatch{border:1px solid;border-radius:12px;flex-shrink:0;place-items:center;width:76px;height:76px;display:grid}.studio-module__OK5Yhq__presetSwatch>span{border:1px solid;border-radius:8px;justify-content:center;width:46px;height:54px;padding-top:8px;display:flex}.studio-module__OK5Yhq__presetSwatch i{border-radius:50%;width:17px;height:17px}@media (min-width:768px){.studio-module__OK5Yhq__panel{width:min(640px,55vw)}}@media (max-width:767px){.studio-module__OK5Yhq__navigation{margin-inline:-16px;padding:8px 16px;top:-16px}.studio-module__OK5Yhq__panel [role=tab]{padding-inline:13px}.studio-module__OK5Yhq__panel [role=tabpanel] [class*="text-[9px]"]{font-size:11px}}@media (prefers-reduced-motion:reduce){.studio-module__OK5Yhq__panel *,.studio-module__OK5Yhq__panel :before,.studio-module__OK5Yhq__panel :after{scroll-behavior:auto!important;transition:none!important}}