:root{--bg:#f5f6fa;--ink:#171827;--muted:#70758a;--line:#e4e6ef;--accent:#5b4df7}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}header{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:5}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:20px}.logo i,.brandmark{display:grid;place-items:center;background:linear-gradient(135deg,#5b4df7,#8b7cff);color:white;font-style:normal;font-weight:800}.logo i{width:36px;height:36px;border-radius:11px}.brandmark{width:58px;height:58px;border-radius:18px;margin:auto;font-size:28px}nav{display:flex;gap:22px}nav a{color:#5f6477;text-decoration:none;font-weight:600}main{max-width:1180px;margin:0 auto;padding:48px 24px}.hero,.editorhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.hero h1,.editorhead h1{font-size:38px;margin:6px 0}.hero p{color:var(--muted);margin:0}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:800;color:var(--accent)}.button,button{display:inline-block;background:var(--accent);color:#fff;border:0;border-radius:12px;padding:13px 18px;font-weight:750;text-decoration:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.appcard{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 30px rgba(25,27,45,.04)}.appcard{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}.appcard span{display:block;color:var(--muted);font-size:13px;margin-top:5px}.appicon{width:52px;height:52px;border-radius:15px;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}.empty{grid-column:1/-1;text-align:center;padding:60px}.formcard{max-width:680px}.auth{max-width:440px;margin:6vh auto;background:#fff;border:1px solid var(--line);padding:36px;border-radius:24px;text-align:center;box-shadow:0 18px 60px rgba(25,27,45,.08)}.auth h1{margin-bottom:5px}.auth p,.auth small{color:var(--muted)}form{text-align:left}label{display:block;font-size:13px;font-weight:700;margin:15px 0 7px}input,select{width:100%;border:1px solid #dfe1ea;border-radius:11px;padding:12px;background:#fff;font:inherit}input[type=color]{padding:4px;height:44px}form button{width:100%;margin-top:18px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.alert,.danger,.success{padding:12px 14px;border-radius:11px;margin:14px 0}.alert,.danger{background:#fff0f1;color:#a12b38}.success{background:#ecfbf1;color:#247342}.editor{display:grid;grid-template-columns:1.1fr .9fr;gap:26px}.controls h3{margin-top:24px}.modules{display:flex;flex-wrap:wrap;gap:8px}.modules span,.badge{padding:8px 10px;background:#f1f2f7;border-radius:9px;font-size:12px;font-weight:700}.previewwrap{text-align:center}.phone{width:330px;height:650px;background:#11131a;border:9px solid #11131a;border-radius:42px;margin:0 auto 10px;padding:8px;box-shadow:0 24px 60px rgba(0,0,0,.2)}.speaker{width:80px;height:20px;border-radius:0 0 14px 14px;background:#11131a;position:absolute;margin:-8px 0 0 108px}.screen{height:100%;border-radius:28px;overflow:hidden;background:#f7f7fa;text-align:left}.mobilebar{padding:25px 18px 16px;background:var(--s);color:#fff;display:flex;justify-content:space-between}.mobilehero{padding:48px 20px 36px;background:linear-gradient(145deg,var(--p),var(--s));color:#fff;text-align:center}.miniicon{width:64px;height:64px;border-radius:18px;background:rgba(255,255,255,.18);display:grid;place-items:center;margin:auto;font-size:26px;font-weight:800}.mobilehero h2{margin:14px 0 4px}.mobilehero p{opacity:.8}.mobilehero button{background:#fff;color:var(--s);font-size:12px}.mobilecards{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:16px}.mobilecards div{background:#fff;padding:18px 10px;border-radius:12px;box-shadow:0 5px 20px rgba(0,0,0,.06);font-size:12px;font-weight:700}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.stats b{display:block;font-size:36px}.stats span{color:var(--muted)}hr{border:0;border-top:1px solid var(--line);margin:24px 0}@media(max-width:800px){.grid,.editor,.stats{grid-template-columns:1fr}.hero,.editorhead{align-items:flex-start;gap:20px;flex-direction:column}.phone{transform:scale(.9);transform-origin:top center}.previewwrap{height:610px}.twocol{grid-template-columns:1fr}nav a:not(:last-child){display:none}}

/* V0.1.1 — criação de app */
.newapp-form{display:grid;gap:22px}.newhero{align-items:flex-end}.button.secondary{background:#fff;color:#39344f;border:1px solid #deddea;box-shadow:none}.setup-card,.templates-box{padding:28px}.section-title{display:flex;gap:14px;align-items:center;margin-bottom:22px}.section-title>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#eeeaff;color:#5b4df7;font-weight:800}.section-title h3{margin:0 0 4px;font-size:20px}.section-title p{margin:0;color:#747086}.color-grid{max-width:520px}.template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.template-card{display:block;cursor:pointer}.template-card>input{position:absolute;opacity:0;pointer-events:none}.template-ui{display:flex;min-height:190px;box-sizing:border-box;flex-direction:column;align-items:flex-start;padding:20px;border:2px solid #eceaf4;border-radius:18px;background:#fff;transition:.18s ease}.template-ui:hover{transform:translateY(-2px);border-color:#c9c3ff;box-shadow:0 10px 28px rgba(41,35,80,.08)}.template-card>input:checked+.template-ui{border-color:#5b4df7;background:#f7f5ff;box-shadow:0 0 0 3px rgba(91,77,247,.08)}.template-icon{font-size:29px;margin-bottom:14px}.template-ui strong{font-size:17px;margin-bottom:6px}.template-ui small{color:#777287;line-height:1.45}.template-ui em{margin-top:auto;padding-top:14px;color:#5b4df7;font-size:12px;font-style:normal;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.createbar{position:sticky;bottom:18px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;border:1px solid #e2e0ed;border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 16px 40px rgba(31,27,57,.13);backdrop-filter:blur(12px)}.createbar div{display:flex;flex-direction:column;gap:3px}.createbar small{color:#777287}.createbar button{margin:0;width:auto}@media(max-width:800px){.template-grid{grid-template-columns:1fr 1fr}.createbar{position:static;align-items:stretch;flex-direction:column}.createbar button{width:100%}}@media(max-width:520px){.template-grid{grid-template-columns:1fr}.setup-card,.templates-box{padding:20px}}

/* V0.1.2 — consolidação, uploads e responsividade */
html,body{max-width:100%;overflow-x:hidden}.editor{min-width:0}.controls,.previewwrap{min-width:0}.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.uploadbox{border:1px dashed #cbc9d8;border-radius:14px;padding:14px;background:#fafafe}.uploadbox small{display:block;color:var(--muted);margin-top:7px}.upload-preview{width:64px;height:64px;object-fit:contain;border-radius:14px;background:#f0eff8;border:1px solid #e2e0ed;margin-top:10px}.module-toggle{display:flex!important;align-items:center;justify-content:space-between;gap:10px;background:#f6f6fa;padding:10px 12px;border-radius:10px;margin:0!important}.module-toggle input{width:auto}.modules.controls-modules{display:grid;grid-template-columns:1fr 1fr;gap:8px}.update-note{padding:14px 16px;border-radius:12px;background:#fff8df;border:1px solid #f0dfa0;color:#6b5610;margin-bottom:18px}.danger-zone{margin-top:24px;border:1px solid #f0c9ce;background:#fff8f8}.danger-zone h3{color:#a12b38}.db-actions{display:flex;gap:10px;flex-wrap:wrap}.db-actions .button{width:auto}.button.dangerbtn{background:#b93444}.logo-preview-mobile{max-width:110px;max-height:54px;object-fit:contain;margin:0 auto 10px;display:block}.miniicon img{width:100%;height:100%;object-fit:cover;border-radius:18px}@media(max-width:950px){.editor{grid-template-columns:1fr}.previewwrap{padding-top:8px}.phone{max-width:330px;width:100%}}@media(max-width:600px){main{padding:30px 16px}.upload-grid,.modules.controls-modules{grid-template-columns:1fr}.phone{height:620px}.hero h1,.editorhead h1{font-size:32px}}
.creation-modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 24px}.mode-card{display:flex;flex-direction:column;gap:8px;padding:22px;background:#fff;border:1px solid #e1e4ef;border-radius:18px;text-decoration:none;color:#171827;box-shadow:0 10px 30px rgba(24,25,39,.04)}.mode-card:hover,.mode-card.active{border-color:#5b4df7;transform:translateY(-2px)}.mode-card b{font-size:30px}.mode-card strong{font-size:17px}.mode-card span{color:#6f7180;line-height:1.45}.info-box{padding:16px 18px;background:#f4f2ff;border:1px solid #ddd8ff;border-radius:14px;margin:12px 0 20px}.info-box p{margin:6px 0 0;color:#626477}textarea{width:100%;box-sizing:border-box;border:1px solid #d9dce8;border-radius:12px;padding:14px;font:inherit;resize:vertical}@media(max-width:850px){.creation-modes{grid-template-columns:1fr}}

/* V0.1.4 — análise automática Site → App */
.site-analysis{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px 22px;margin:-8px 0 24px;box-shadow:0 8px 30px rgba(25,27,45,.04)}.site-analysis h3{margin:5px 0 6px}.site-analysis p{margin:0 0 10px;color:var(--muted);max-width:650px}.site-analysis small{display:block;color:var(--muted);margin-top:9px;word-break:break-all}.site-analysis form{margin:0}.site-analysis form button{width:auto;margin:0;white-space:nowrap}.analysis-logo{width:78px;height:78px;object-fit:contain;border:1px solid var(--line);border-radius:15px;background:#fafafe;padding:8px}.analysis-checks{display:flex;gap:8px;flex-wrap:wrap}.check{font-size:12px;font-weight:800;padding:6px 9px;border-radius:999px}.check.ok{background:#ecfbf1;color:#247342}.check.warn{background:#fff5df;color:#856316}@media(max-width:800px){.site-analysis{grid-template-columns:1fr}.analysis-logo{order:-1}.site-analysis form button{width:100%}}

/* V0.1.5 — confirmação Site → App e shell nativo */
.confirm-site-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.site-found{display:flex;gap:18px;align-items:flex-start}.site-found h3{margin:4px 0 8px}.site-found p{color:var(--muted);line-height:1.55}.site-found small{display:block;color:var(--muted);margin-top:10px;word-break:break-all}.confirm-logo{width:92px;height:92px;flex:0 0 auto}.website-controls{margin-bottom:18px}.webview-sim{background:#fff;min-height:350px}.webview-url{padding:10px 12px;background:#eceef3;color:#646979;font-size:10px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.webview-content{min-height:315px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:linear-gradient(180deg,#fff,#f3f4f8)}.webview-content b{font-size:18px;margin-bottom:8px}.webview-content span{font-size:11px;color:#777c8e;line-height:1.45}.native-toolbar{height:54px;background:#fff;border-top:1px solid #e5e7ee;display:flex;align-items:center;justify-content:space-around;font-size:21px;color:#363a48}.native-toolbar span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.native-toolbar span:nth-child(3){background:var(--p);color:#fff}.screen:has(.webview-sim) .mobilehero{padding:24px 20px 20px}.screen:has(.webview-sim) .mobilehero p,.screen:has(.webview-sim) .mobilehero button{display:none}@media(max-width:850px){.confirm-site-grid{grid-template-columns:1fr}.site-found{flex-direction:column}}
.editor-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.api-box{padding:14px;border:1px solid #dfe2ec;background:#f7f8fc;border-radius:12px;word-break:break-all;font-family:monospace;font-size:12px}.platforms{display:grid;gap:10px;margin-top:14px}.platforms span{padding:10px 12px;background:#f5f6fa;border-radius:10px}@media(max-width:800px){.build-grid{grid-template-columns:1fr}.editor-actions{justify-content:flex-start}}
.build-queue{margin-top:24px}.build-request{display:flex;gap:14px;align-items:end;flex-wrap:wrap}.build-request label{min-width:220px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;margin-top:12px}th,td{text-align:left;padding:12px;border-bottom:1px solid #e7e8ef;white-space:nowrap}.build-status{font-weight:700;padding:5px 9px;border-radius:999px;background:#f0f1f6}.build-status.success{background:#e8f8ee}.build-status.failed{background:#fdeaea}.build-status.building{background:#fff5d8}.token-tools{margin-top:16px}.muted{color:#6d7280;font-size:.9rem}
/* V0.2.5 Publishing Center */
.publishing-center{margin:28px 0;padding:22px;border:1px solid #ddd9ff;border-radius:18px;background:#faf9ff}.publishing-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.publishing-head h3{margin:0 0 6px}.publishing-head p{margin:0;color:#6b6880}.ready-badge{padding:8px 12px;border-radius:999px;font-weight:700;white-space:nowrap}.ready-badge.ok{background:#e8f8ee;color:#137333}.ready-badge.pending{background:#fff4df;color:#8a5a00}.publish-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.publish-check{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;background:#fff;border:1px solid #eceaf6}.publish-check>span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-weight:800}.publish-check.ok>span{background:#e8f8ee;color:#137333}.publish-check.pending>span{background:#fff4df;color:#8a5a00}.publish-check strong,.publish-check small{display:block}.publish-check small{margin-top:3px;color:#77738c}@media(max-width:760px){.publish-checks{grid-template-columns:1fr}.publishing-head{flex-direction:column}}