.dark-ui{--dui-bg:#0d1117;--dui-card:#151c2e;--dui-card-inner:#0f1524;--dui-border:#ffffff0f;--dui-border-hover:#ffffff1a;--dui-divider:#ffffff0a;--dui-text-primary:#e8ecf2;--dui-text-secondary:#c4cfdf;--dui-text-muted:#6b7a9e;--dui-text-faint:#3d4a6b;--dui-blue:#60a5fa;--dui-blue-bg:#2563eb26;--dui-blue-border:#2563eb40;--dui-green:#34d399;--dui-green-bg:#10b98114;--dui-green-border:#10b98126;--dui-amber:#fbbf24;--dui-amber-bg:#fbbf240f;--dui-amber-border:#fbbf241f;--dui-red:#f87171;--dui-red-bg:#ef444414;--dui-red-border:#ef444426;--dui-purple:#818cf8;--dui-radius-sm:6px;--dui-radius-md:8px;--dui-radius-lg:10px;--dui-radius-xl:14px;--dui-radius-full:999px}.product-frame{background:#0d1117;border:1px solid #ffffff0f;border-radius:16px;max-height:520px;position:relative;overflow:hidden}.product-frame:before{content:"";-webkit-mask-composite:xor;pointer-events:none;z-index:2;background:linear-gradient(160deg,#ffffff14,#ffffff05 40%,#0000 60%);border-radius:16px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.product-frame-glow-top{pointer-events:none;z-index:1;background:radial-gradient(at 50% 0,#2563eb12 0%,#0000 60%);width:140%;height:100%;position:absolute;top:-40%;left:-20%}.product-frame-glow-bottom{pointer-events:none;z-index:1;background:radial-gradient(#2563eb0a 0%,#0000 70%);width:80%;height:60%;position:absolute;bottom:-30%;left:10%}.product-frame-content{z-index:2;padding:18px;position:relative}@media (max-width:639px){.product-frame-content{zoom:.78}}.mask-fade-bottom{-webkit-mask-image:linear-gradient(#000 65%,#0000 100%);mask-image:linear-gradient(#000 65%,#0000 100%)}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.typewriter-cursor{animation:.8s ease-in-out infinite cursor-blink}.step3-editor .dark-card-inner-reply{visibility:hidden}.mockup-float{background:#0d1117;border:1px solid #ffffff0f;border-radius:16px;position:relative;overflow:hidden}.mockup-float-content{z-index:2;padding:18px;position:relative}@media (max-width:639px){.mockup-float-content{zoom:.78}}