.boe-studio{--vio:#5d2bb8;--dark:#251044;max-width:1240px;margin:0 auto;font-family:inherit}.boe-studio .hero{margin:0 calc(50% - 50vw);padding:72px max(24px,calc((100vw - 1180px)/2));background:linear-gradient(135deg,#21103e,#6d35ca);color:#fff}.boe-studio .hero span{font-weight:900;letter-spacing:.1em;color:#d8c3ff;font-size:12px}.boe-studio .hero h1{font-size:clamp(34px,5vw,58px);max-width:900px;margin:10px 0}.boe-studio .hero p{font-size:19px;max-width:850px}.boe-studio .tabs{display:flex;gap:10px;margin:35px 0 20px;flex-wrap:wrap}.boe-studio .tabs button,.boe-studio button[data-optimize],.boe-studio button[data-generate],.boe-studio .use{border:0;border-radius:13px;padding:13px 20px;font-weight:800;cursor:pointer}.boe-studio .tabs button.active,.boe-studio button[data-optimize],.boe-studio button[data-generate]{background:linear-gradient(135deg,#351463,#7a3de0);color:#fff}.boe-studio .panel{display:none}.boe-studio .panel.active{display:grid;grid-template-columns:1.3fr .7fr;gap:24px}.boe-studio .box,.boe-studio aside,.boe-studio .login,.boe-studio .seo{background:#fff;border:1px solid #ece5f7;border-radius:22px;padding:28px;box-shadow:0 12px 35px rgba(38,18,78,.08)}.boe-studio label{display:grid;gap:7px;font-weight:750;margin:15px 0}.boe-studio input,.boe-studio select,.boe-studio textarea{width:100%;padding:13px;border:1px solid #dcd3ec;border-radius:12px}.boe-studio .result img{display:block;max-width:520px;width:100%;margin:20px 0;border-radius:18px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 50%/24px 24px}.boe-studio .use{display:inline-block;background:#f0e8ff;color:#4c208e!important;text-decoration:none!important}.boe-ai-library{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.boe-ai-library article{border:1px solid #e7def4;border-radius:18px;overflow:hidden;background:#fff}.boe-ai-library img{width:100%;aspect-ratio:1;object-fit:contain;background:#f8f7fa}.boe-ai-library article div{padding:15px}.boe-ai-library small{display:block;color:#777}.boe-studio .seo{margin:32px 0}.boe-studio .login{margin:35px 0}.boe-studio .login a{display:inline-block;background:#5d2bb8;color:#fff!important;padding:12px 18px;border-radius:12px}@media(max-width:800px){.boe-studio .panel.active{grid-template-columns:1fr}.boe-ai-library{grid-template-columns:1fr 1fr}}@media(max-width:520px){.boe-ai-library{grid-template-columns:1fr}}