:root{--bg:#f5f7fb;--ink:#111526;--muted:#7f8498;--line:#e5e7f0;--purple:#6552e7;--purple2:#4934c8;--dark:#101426;--white:#fff;--danger:#d63d54}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:flex;background:radial-gradient(circle at 72% -15%,#e8e5ff,transparent 33%),var(--bg)}.sidebar{position:sticky;top:0;width:250px;height:100vh;display:flex;flex-direction:column;padding:20px 14px 14px;background:linear-gradient(180deg,#111527,#0c1020);color:#dfe2f4}.brand{height:48px;display:flex;align-items:center;gap:11px;padding:0 7px;margin-bottom:25px}.brand-icon{position:relative;width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#806fff,#4c35d4);color:#fff;font-size:12px;font-weight:900;box-shadow:0 10px 24px #6754ef55}.brand-icon i{position:absolute;right:-3px;top:-3px;width:10px;height:10px;border-radius:50%;background:#39dcad;border:2px solid #111527}.brand>div:last-child{display:flex;flex-direction:column}.brand strong{color:#fff;font-size:16px}.brand small{margin-top:4px;color:#8289a8;font-size:9px;font-weight:800;letter-spacing:.18em}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{width:100%;min-height:42px;display:flex;align-items:center;gap:11px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:#959cb8;font-size:12px;font-weight:650;text-align:left}.sidebar nav button>span{width:18px;text-align:center;font-size:16px}.sidebar nav button:hover{color:#fff;background:#181d32}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#2a2658,#1d2139);box-shadow:inset 3px 0 #816fff}.sidebar nav button b{min-width:23px;margin-left:auto;padding:3px 6px;border-radius:7px;background:#2b3048;color:#bdc2d9;text-align:center;font-size:9px}.sidebar nav button i{margin-left:auto;padding:3px 6px;border-radius:9px;background:#6a50f1;color:#fff;font-size:8px;font-style:normal}.sidebar nav .ai-nav{color:#c7c0ff}.side-grow{flex:1}.deluxe-card{margin:15px 2px 20px;padding:15px;border:1px solid #302b59;border-radius:14px;background:linear-gradient(145deg,#221d43,#15192d)}.deluxe-card>span{width:29px;height:29px;display:grid;place-items:center;margin-bottom:10px;border-radius:8px;background:#735fff;color:#fff}.deluxe-card strong{display:block;color:#fff;font-size:12px}.deluxe-card p{margin:6px 0 0;color:#8d94b1;font-size:10px;line-height:1.5}.user-card{margin-top:10px;display:flex;align-items:center;gap:9px;padding:9px;border-radius:11px;background:#151a2d}.user-card>div,.avatar{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(135deg,#f0c8a7,#a75c39);color:#fff;font-size:10px;font-weight:800}.user-card>span{display:flex;flex:1;flex-direction:column}.user-card strong{color:#fff;font-size:10px}.user-card small{color:#8188a5;font-size:8px}.user-card a{color:#777e9a;text-decoration:none}.workspace{min-width:0;flex:1}.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid var(--line);background:#ffffffdd;backdrop-filter:blur(15px)}.topbar>div{display:flex;align-items:center;gap:8px;color:#9599aa;font-size:11px}.topbar strong{color:#23273d}.icon-button{border:0;background:transparent;color:#777c8f;font-size:20px}.view{display:none;padding:34px clamp(20px,3.5vw,52px) 60px;max-width:1580px;margin:auto}.view.active{display:block}.view.editor-view.active{max-width:none;padding:0}.loading-state{position:fixed;inset:64px 0 0 250px;z-index:10;display:flex;align-items:center;justify-content:center;gap:12px;background:#f5f7fb}.loading-state.hidden{display:none}.loading-state span{width:20px;height:20px;border:2px solid #d8d5f5;border-top-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite}.loading-state p{color:#777c91;font-size:12px}
.hero-panel{min-height:315px;position:relative;overflow:hidden;display:grid;grid-template-columns:1.5fr .7fr;align-items:center;padding:44px 50px;border-radius:24px;background:linear-gradient(125deg,#13172c,#25204a 62%,#4c36aa);box-shadow:0 25px 60px #29265730;color:#fff}.hero-panel h1{margin:15px 0 12px;font-size:clamp(35px,4vw,57px);line-height:1.03;letter-spacing:-.045em}.hero-panel h1 em{color:#b7adff;font-style:normal}.hero-panel p{max-width:650px;color:#b8bdd2;font-size:13px;line-height:1.7}.hero-panel>div:first-child>div:last-child{display:flex;gap:9px;margin-top:23px}.kicker,.page-head>div>small,.surface-title small,.quick>small{color:#9889ff;font-size:9px;font-weight:850;letter-spacing:.15em}.primary,.outline,.dark-button,.danger,.ai-generate{min-height:39px;padding:0 15px;border:0;border-radius:9px;font-size:11px;font-weight:750}.primary{background:linear-gradient(135deg,#7867ff,#5941dd);color:#fff;box-shadow:0 9px 22px #533cda35}.outline{border:1px solid #dfe2ec;background:#fff;color:#4b5065}.hero-panel .outline{border-color:#ffffff2e;background:#ffffff0d;color:#fff}.hero-art{position:relative;width:245px;height:245px;margin:auto;border:1px solid #ffffff1c;border-radius:50%}.hero-art i{position:absolute;inset:45px;border:1px dashed #ffffff28;border-radius:50%}.hero-art b{position:absolute;inset:85px;display:grid;place-items:center;border-radius:22px;background:linear-gradient(145deg,#8776ff,#5136d0);box-shadow:0 0 45px #9e8dff66;transform:rotate(-7deg)}.hero-art small{position:absolute;padding:6px 9px;border:1px solid #ffffff22;border-radius:8px;background:#ffffff11;color:#ddd9ff;font-size:8px}.hero-art small:nth-of-type(1){left:0;top:72px}.hero-art small:nth-of-type(2){right:0;top:64px}.hero-art small:nth-of-type(3){right:25px;bottom:35px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0}.metrics article{display:flex;align-items:center;gap:13px;padding:18px;border:1px solid var(--line);border-radius:15px;background:#fff}.metrics article>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:#efedff;color:var(--purple);font-size:18px}.metrics article>div{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:end;flex:1}.metrics small{grid-column:1/-1;color:#8a8ea0;font-size:9px}.metrics strong{font-size:24px}.metrics em{color:#7f8497;font-size:8px;font-style:normal}.dashboard-grid{display:grid;grid-template-columns:1.45fr .8fr;gap:18px}.surface{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 12px 35px #22284a0a}.dashboard-grid>.surface{padding:23px}.surface-title,.page-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.surface-title h2,.quick h2{margin:5px 0 0;font-size:16px}.surface-title button{border:0;background:none;color:#6557d3;font-size:10px}.recent-list{margin-top:8px}.recent-row{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:12px;width:100%;padding:12px 3px;border:0;border-bottom:1px solid #eef0f5;background:#fff;text-align:left}.recent-row>span{width:48px;height:39px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#1d213c,#6552e7);color:#fff;font-weight:850}.recent-row div{display:flex;flex-direction:column;gap:3px}.recent-row strong{font-size:10px}.recent-row small{color:#969aaa;font-size:8px}.status{padding:4px 7px;border-radius:8px;background:#eef0f5;color:#6f7489;font-size:8px}.status.published{background:#e7fff6;color:#16805e}.quick{display:flex;flex-direction:column}.quick>button{display:grid;grid-template-columns:36px 1fr 14px;align-items:center;gap:10px;padding:12px 0;border:0;border-bottom:1px solid #edf0f5;background:#fff;text-align:left}.quick>button>span{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#efedff;color:var(--purple)}.quick>button div{display:flex;flex-direction:column;gap:3px}.quick>button strong{font-size:10px}.quick>button small{color:#9296a7;font-size:8px}.quick>button{color:#a4a7b5}
.page-head{margin-bottom:24px}.page-head h1{margin:7px 0 5px;font-size:31px;letter-spacing:-.035em}.page-head p{margin:0;color:#7c8093;font-size:12px}.page-head>div:last-child{display:flex;gap:8px}.cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.content-card{overflow:hidden;border:1px solid var(--line);border-radius:17px;background:#fff}.card-preview{height:145px;padding:16px;background:linear-gradient(135deg,#e9e7ff,#c9c2ff)}.card-preview.green{background:linear-gradient(135deg,#d9f5ef,#a7dfd1)}.card-preview.orange{background:linear-gradient(135deg,#ffeadf,#ffc9aa)}.mini-page{height:100%;padding:12px;border-radius:6px;background:#171b31;box-shadow:0 9px 25px #1b204125}.mini-page i,.mini-page b,.mini-page em{display:block;border-radius:3px;background:#ffffffd5}.mini-page i{width:25%;height:4px;background:#8b78ff}.mini-page b{width:65%;height:8px;margin-top:8px}.mini-page em{width:35%;height:8px;margin-top:10px;background:#725df1}.card-body{padding:15px}.card-body>div{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-body h3{margin:0;font-size:12px}.card-body p{min-height:31px;color:#7e8294;font-size:9px;line-height:1.55}.card-body small{color:#999cac;font-size:8px}.card-actions{display:flex!important;gap:4px!important;margin-top:11px;padding-top:10px;border-top:1px solid #eef0f5}.card-actions button{flex:1;min-height:30px;border:1px solid #e2e4ec;border-radius:7px;background:#fff;color:#616679;font-size:8px}.card-actions button.danger-text{flex:0 0 30px;color:var(--danger)}.new-card{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #b9b3e8;border-radius:17px;background:#f8f7ff;color:#6a58df}.new-card span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#fff;font-size:22px}.new-card strong{color:#31354a;font-size:12px}.new-card small{color:#9295a6;font-size:9px}.filter-row{display:flex;justify-content:space-between;margin-bottom:18px}.filter-row>label{width:min(340px,40vw);display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#999dae}.filter-row input{width:100%;height:36px;border:0;outline:0}.filter-row>div{display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:#fff}.filter-row button{padding:0 11px;border:0;border-radius:7px;background:transparent;color:#83879a;font-size:9px}.filter-row button.active{background:#eeecff;color:#5d4ade}
.safe-badge{padding:7px 10px;border-radius:9px;background:#e8fff6;color:#16815f;font-size:9px;font-weight:750}.ai-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px}.ai-form,.ai-preview{min-height:590px;padding:26px}.step{display:flex;align-items:center;gap:10px;margin-bottom:17px}.step>b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:var(--purple);color:#fff;font-size:11px}.step>span{display:flex;flex-direction:column;gap:3px}.step strong{font-size:12px}.step small{color:#8d91a2;font-size:9px}.ai-form textarea,.modal textarea,.inspector textarea{width:100%;padding:13px;border:1px solid #dfe2ec;border-radius:10px;background:#fafaff;outline:none;resize:vertical;line-height:1.6}.ai-form textarea:focus,.modal textarea:focus,.inspector textarea:focus,input:focus,select:focus{border-color:#8c7cf0;box-shadow:0 0 0 3px #7462ef17}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.field-grid label,.settings-form label,.modal label{display:flex;flex-direction:column;gap:6px;color:#5e6376;font-size:9px;font-weight:750}.field-grid select,.settings-form input,.modal input{height:38px;padding:0 11px;border:1px solid #dfe2ec;border-radius:9px;background:#fff;outline:none}.ai-switches{display:grid;grid-template-columns:1fr auto;gap:11px;padding:14px;border-radius:11px;background:#f6f7fa}.ai-switches span{display:flex;flex-direction:column}.ai-switches strong{font-size:9px}.ai-switches small{color:#9296a7;font-size:8px}.ai-switches i{width:25px;height:18px;display:grid;place-items:center;border-radius:12px;background:#6552e7;color:#fff;font-size:8px;font-style:normal}.ai-generate{width:100%;height:47px;margin-top:20px;background:linear-gradient(120deg,#13172b,#5b43dc);color:#fff}.ai-preview{background:linear-gradient(155deg,#11162a,#29214f);color:#fff}.empty-ai,.ai-loading{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-ai>span,.ai-loading>span{width:70px;height:70px;display:grid;place-items:center;border:1px solid #8775ff66;border-radius:22px;background:#7664ff22;color:#9f92ff;font-size:28px}.empty-ai>strong,.ai-loading>strong{margin-top:18px;font-size:16px}.empty-ai p,.ai-loading p{max-width:280px;color:#989eb8;font-size:10px;line-height:1.6}.empty-ai ul{display:grid;grid-template-columns:1fr 1fr;gap:8px 17px;padding:0;margin:19px 0;list-style:none;color:#b8bdd1;font-size:8px}.ai-result{height:100%;display:flex;flex-direction:column}.ai-result>header{display:flex;align-items:center;justify-content:space-between;color:#b4abff;font-size:10px;font-weight:750}.generated-page{flex:1;margin:16px 0;overflow:hidden;border-radius:12px;background:#fff;color:#171a2b}.generated-hero{padding:36px 27px;background:linear-gradient(140deg,#171b32,#3c2f7e);color:#fff;text-align:center}.generated-hero small{color:#a99cff;font-size:7px}.generated-hero h2{max-width:400px;margin:9px auto;font-size:20px}.generated-hero p{color:#b8bdd0;font-size:8px}.generated-hero button{padding:8px 13px;border:0;border-radius:6px;background:#735fff;color:#fff;font-size:7px}.generated-sections{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px}.generated-sections span{height:55px;display:grid;place-items:center;border-radius:7px;background:#f0f1f5;color:#75798d;font-size:7px}.ai-result>footer{display:flex;gap:7px}.ai-result>footer button{flex:1}
.editor-view{height:calc(100vh - 64px);overflow:hidden}.editor-bar{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 13px;border-bottom:1px solid var(--line);background:#fff}.editor-bar>div{display:flex;align-items:center;gap:8px}.editor-bar>div:last-child{justify-content:flex-end}.editor-bar>div:first-child>button{width:31px;height:31px;border:0;border-radius:8px;background:#f1f2f6}.editor-bar>div:first-child>span{display:flex;flex-direction:column}.editor-bar small{font-size:8px;color:#969aaa}.editor-bar strong{font-size:10px}.devices{padding:4px;border-radius:9px;background:#f1f2f7}.devices button{width:30px;height:26px;border:0;border-radius:6px;background:transparent;color:#757a8d}.devices button.active{background:#fff;color:var(--purple);box-shadow:0 2px 8px #22284a15}.editor-layout{height:calc(100vh - 124px);display:grid;grid-template-columns:230px 1fr 275px}.layers,.inspector{overflow:auto;background:#fff}.layers{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line)}.panel-head{height:61px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid #eceef3}.panel-head>span{display:flex;flex-direction:column;gap:3px}.panel-head strong{font-size:10px}.panel-head small{color:#979aaa;font-size:8px}.panel-head button{border:0;background:none;color:var(--purple)}#layers-list{padding:9px}.layer-section{margin-bottom:6px;border:1px solid transparent;border-radius:9px}.layer-section.selected{border-color:#d9d4ff;background:#faf9ff}.layer-title{display:grid;grid-template-columns:14px 1fr auto;align-items:center;gap:7px;width:100%;padding:9px;border:0;background:transparent;text-align:left}.layer-title>span{display:flex;flex-direction:column}.layer-title strong{font-size:9px}.layer-title small{color:#9a9dac;font-size:7px}.layer-blocks{padding:0 7px 7px 25px}.layer-blocks button{width:100%;display:flex;align-items:center;gap:6px;padding:7px;border:0;border-radius:6px;background:transparent;color:#7b7f92;font-size:8px;text-align:left}.layer-blocks button.active{background:#eae7ff;color:#5746d5;font-weight:750}.canvas-area{overflow:auto;padding:26px;background-color:#e9ebf1;background-image:radial-gradient(#c6c9d5 1px,transparent 1px);background-size:18px 18px}.canvas{width:min(870px,100%);margin:auto;overflow:hidden;border-radius:8px;background:#fff;box-shadow:0 18px 60px #26304e25;transition:width .25s}.canvas.tablet{width:640px}.canvas.mobile{width:360px}.canvas-top{height:26px;display:flex;align-items:center;justify-content:center;background:#f4f5f8;color:#aaaeba;font-size:6px}.canvas-section{position:relative;padding-left:10%;padding-right:10%;text-align:center}.canvas-section.hero{color:#fff;background:radial-gradient(circle at 50% 0,#362d6a,#15192e 62%)!important}.canvas-section.offer{color:#fff;background:linear-gradient(135deg,#5a47d8,#2d245f)!important}.canvas-section.proof{background:#f6f5ff!important}.canvas-section.selected{outline:2px solid var(--purple);outline-offset:-2px}.canvas-section>label{display:none;position:absolute;left:4px;top:4px;padding:3px 5px;border-radius:4px;background:var(--purple);color:#fff;font-size:6px}.canvas-section.selected>label{display:block}.canvas-block{position:relative}.canvas-block.selected{outline:2px solid #3bc7a2;outline-offset:4px;border-radius:3px}.canvas-section .eyebrow{display:block;margin-bottom:10px;color:#aa9eff;font-size:7px;font-weight:800;letter-spacing:.13em}.canvas-section h2{max-width:640px;margin:0 auto 14px;font-size:30px;line-height:1.07;letter-spacing:-.04em}.canvas-section p{max-width:520px;margin:0 auto 17px;color:#8d91a2;font-size:10px;line-height:1.6}.canvas-section.hero p,.canvas-section.offer p{color:#bcc0d2}.canvas-section .cta{display:inline-block;padding:10px 16px;border:0;border-radius:7px;background:#6f5cf3;color:#fff;font-size:8px;font-weight:800}.video-block{max-width:520px;margin:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;aspect-ratio:16/9;border-radius:12px;background:#171a2c;color:#fff}.video-block.ratio-9-16{max-width:230px;aspect-ratio:9/16}.video-block b{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#6b58ef}.canvas.mobile .canvas-section h2{font-size:18px}.canvas.mobile .canvas-section{padding-left:9%;padding-right:9%}.inspector-group{padding:14px;border-bottom:1px solid #eceef3}.inspector-group>label{display:block;margin-bottom:7px;color:#656a7d;font-size:9px;font-weight:750}.inspector textarea{min-height:88px;font-size:9px}.smart-tip{display:flex;gap:8px;margin:12px;padding:11px;border:1px solid #dcd6ff;border-radius:10px;background:#f7f5ff}.smart-tip>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--purple);color:#fff}.smart-tip strong{font-size:8px}.smart-tip p{margin:3px 0;color:#85899a;font-size:7px}.smart-tip button{padding:0;border:0;background:none;color:#5b48d8;font-size:7px;font-weight:750}.object-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.object-actions button{height:30px;border:1px solid #e0e2eb;border-radius:7px;background:#fff;color:#626779;font-size:8px}.object-actions button.danger-text{color:var(--danger)}.helper{display:block;margin-top:7px;color:#999cac;font-size:7px;line-height:1.45}.range-row{margin:11px 0}.range-row span{display:flex;justify-content:space-between;margin-bottom:6px;color:#85899a;font-size:8px}.range-row input{width:100%;accent-color:var(--purple)}.settings-form{max-width:620px;padding:25px}.settings-form h2{margin-top:0}.settings-form p{color:#7e8294;font-size:10px}.settings-form label{margin:13px 0}.settings-form button{margin-top:5px}
dialog{max-width:none;padding:0;border:0;border-radius:17px;box-shadow:0 30px 90px #10152844}dialog::backdrop{background:#0f142a99;backdrop-filter:blur(4px)}.modal{width:min(680px,calc(100vw - 28px));padding:24px}.modal.small{width:min(460px,calc(100vw - 28px))}.modal header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.modal header strong{font-size:16px}.modal header p{margin:5px 0;color:#85899a;font-size:10px}.modal header>button{border:0;background:none;font-size:20px}.modal label{margin:13px 0}.modal textarea{font-family:ui-monospace,monospace;font-size:9px}.modal .notice{padding:10px;border-radius:9px;background:#edfff8;color:#3d7866;font-size:9px}.modal footer{display:flex;justify-content:flex-end;gap:7px;margin-top:18px}.danger{background:var(--danger);color:#fff}#toast{position:fixed;right:23px;bottom:23px;z-index:100;display:none;max-width:360px;padding:12px 15px;border-radius:10px;background:#11162a;color:#fff;box-shadow:0 15px 40px #11162a55;font-size:10px}#toast.show{display:block;animation:toast .22s}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 70% 10%,#5c48d3,#111528 45%)}.login-card{width:min(420px,100%);padding:36px;border:1px solid #ffffff18;border-radius:22px;background:#fffffffa;box-shadow:0 30px 90px #070a1777}.login-brand{display:flex;align-items:center;gap:10px}.login-brand>span{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#7b69ff,#4c35d4);color:#fff;font-size:12px;font-weight:900}.login-brand>div{display:flex;flex-direction:column}.login-brand strong{font-size:15px}.login-brand small{color:#777c91;font-size:8px;letter-spacing:.17em}.login-copy{margin:28px 0 21px}.login-copy>span{color:var(--purple);font-size:9px;font-weight:850;letter-spacing:.15em}.login-copy h1{margin:8px 0 4px;font-size:28px}.login-copy p{margin:0;color:#7c8194;font-size:11px}.login-card form{display:flex;flex-direction:column;gap:13px}.login-card label{display:flex;flex-direction:column;gap:6px;color:#5f6478;font-size:9px;font-weight:750}.login-card input{height:42px;padding:0 12px;border:1px solid var(--line);border-radius:9px;outline:none}.login-card form button{height:44px;margin-top:4px;border:0;border-radius:9px;background:linear-gradient(135deg,#735fff,#523bd1);color:#fff;font-weight:750}.login-error{margin-bottom:13px;padding:10px;border-radius:8px;background:#fff0f2;color:#bd3046;font-size:9px}.login-foot{display:block;margin-top:20px;color:#a0a3b1;text-align:center;font-size:8px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toast{from{opacity:0;transform:translateY(10px)}}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.cards-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:200px 1fr 250px}}@media(max-width:850px){.sidebar{position:fixed;z-index:20;left:-250px}.workspace{width:100%}.loading-state{left:0}.hero-panel{grid-template-columns:1fr;padding:35px}.hero-art{display:none}.dashboard-grid,.ai-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.layers{display:none}.inspector{position:absolute;right:0;width:260px;height:calc(100vh - 124px);box-shadow:-15px 0 35px #252c4b18}.canvas-area{padding-right:280px}}@media(max-width:600px){.view{padding:22px 14px 40px}.topbar{padding:0 14px}.hero-panel{padding:27px 22px}.hero-panel h1{font-size:34px}.hero-panel>div:first-child>div:last-child,.page-head,.page-head>div:last-child{align-items:flex-start;flex-direction:column}.metrics,.cards-grid{grid-template-columns:1fr}.filter-row{flex-direction:column;gap:9px}.filter-row>label{width:100%}.field-grid{grid-template-columns:1fr}.editor-bar{grid-template-columns:1fr auto}.devices{display:none}.editor-bar>div:first-child>span{display:none}.editor-bar>div:last-child small,.editor-bar .outline{display:none}.canvas-area{padding:18px 275px 18px 18px}.canvas{width:350px}}

/* PageForge 3.1.0 • Multi-AI settings */
.ai-settings-stack{display:grid;gap:18px}.ai-strategy-card{padding:25px}.ai-settings-title{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.ai-settings-title h2{margin:7px 0 7px;font-size:20px}.ai-settings-title p{max-width:850px;margin:0;color:#7e8294;font-size:10px;line-height:1.65}.ai-version-badge{display:grid;place-items:center;min-width:55px;height:34px;padding:0 10px;border-radius:10px;background:#efedff;color:#5a47d8;font-size:10px;font-weight:900}.ai-strategy-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.ai-strategy-grid label,.ai-provider-card>label,.provider-model-grid label{display:flex;flex-direction:column;gap:6px;color:#616679;font-size:9px;font-weight:800}.ai-strategy-grid select,.ai-provider-card input{width:100%;height:42px;padding:0 12px;border:1px solid #dfe2ec;border-radius:9px;background:#fff;color:#24283c;outline:none}.ai-strategy-grid select:focus,.ai-provider-card input:focus{border-color:#8f82f0;box-shadow:0 0 0 3px #7867ff12}.ai-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.ai-check{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #e5e7f0;border-radius:11px;background:#fafbfe}.ai-check input{width:17px;height:17px;accent-color:var(--purple)}.ai-check span{display:flex;flex-direction:column;gap:2px}.ai-check strong{font-size:9px}.ai-check small{color:#8b8fa1;font-size:8px;line-height:1.4}.ai-cost-note{margin:12px 0;padding:11px 13px;border:1px solid #eee6c5;border-radius:10px;background:#fffaf0;color:#7b6b34;font-size:9px;line-height:1.55}.ai-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ai-provider-card{padding:22px}.ai-provider-card header{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center;margin-bottom:13px}.ai-provider-card header>div:nth-child(2){display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ai-provider-card h3{margin:0;font-size:14px}.ai-provider-card p{min-height:42px;margin:0 0 14px;color:#7d8294;font-size:9px;line-height:1.6}.ai-provider-card code{padding:2px 5px;border-radius:5px;background:#f1f0f8;color:#5145a8;font-size:8px}.ai-provider-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#171c34,#6a56e7);color:#fff;font-size:10px;font-weight:900}.ai-tag{display:inline-flex;padding:4px 7px;border-radius:99px;font-size:7px;font-weight:900;letter-spacing:.05em}.ai-tag.paid{background:#fff0f1;color:#b84356}.ai-tag.free{background:#e8fff7;color:#18785e}.ai-tag.custom{background:#eef0f5;color:#62677b}.ai-tag.license{background:#efedff;color:#5a47d8}.provider-switch{position:relative;width:37px;height:21px}.provider-switch input{position:absolute;opacity:0;pointer-events:none}.provider-switch i{position:absolute;inset:0;border-radius:99px;background:#d8dbe5;transition:.2s}.provider-switch i:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #2223;transition:.2s}.provider-switch input:checked+i{background:#6955e8}.provider-switch input:checked+i:after{transform:translateX(16px)}.provider-model-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.provider-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.provider-actions button{margin:0!important;min-height:34px}.provider-status{font-size:8px;color:#8a8fa1}.provider-status.ok{color:#16805e;font-weight:800}.provider-status.bad{color:#c23b50;font-weight:800}.license-data{display:grid;gap:10px;margin:14px 0}.license-data>div{padding:10px;border-radius:9px;background:#f7f8fb}.license-data small{display:block;color:#8992ac;font-size:7px}.license-data strong{display:block;margin-top:3px;font-size:9px;word-break:break-word}.license-manage{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.ai-result-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.ai-result-meta span{padding:4px 7px;border-radius:99px;background:#efedff;color:#5d4ddd;font-size:7px;font-weight:800}.ai-result-meta span.fallback{background:#fff4dc;color:#886514}
@media(max-width:1050px){.ai-provider-grid{grid-template-columns:1fr}.ai-strategy-grid,.ai-toggle-row{grid-template-columns:1fr}}@media(max-width:600px){.ai-settings-title{flex-direction:column}.provider-model-grid{grid-template-columns:1fr}.provider-actions{align-items:flex-start;flex-direction:column}}

.ai-engine-run-label{display:block;margin-top:14px}.ai-engine-run-label select{width:100%;margin-top:7px}.ai-engine-run-label small{display:block;margin-top:6px;color:#8c93aa;font-size:10px;line-height:1.45}.ai-engine-run-label option:disabled{color:#9ca3af}

/* PageForge 3.2.1 - prompts extensos */
.ai-prompt-meta{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:-4px 2px 14px;color:#8b93ad;font-size:11px}.ai-prompt-meta b{font-size:11px;color:#646d86}.ai-prompt-meta b.long{color:#6c58ed}.ai-form textarea#ai-prompt{resize:vertical;min-height:210px}