@font-face{font-family:Archivo;src:url(/workspace/archivo.woff2);font-weight:100 900;font-display:swap}@font-face{font-family:"Archivo Black";src:url(/workspace/archivo-black.woff2);font-display:swap}@font-face{font-family:"JetBrains Mono";src:url(/workspace/mono.woff2);font-weight:100 900;font-display:swap}
:root{--paper:#fbf4e4;--ink:#14161a;--yellow:#ffc91e;--muted:#68665e;--line:#d9d0bd;--panel:#f3e9d4;--font:Archivo,'Arial Narrow',sans-serif;--display:'Archivo Black',Impact,sans-serif;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 var(--font)}[hidden]{display:none!important}button,input,textarea,select{font:inherit}button,a,input,textarea,select{outline-offset:4px}a{color:inherit}button,a.primary{cursor:pointer}button{border:0;color:inherit}button:disabled{opacity:.5;cursor:wait}button:hover{filter:brightness(.94)}header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:20px 4vw;background:var(--paper)}.wordmark{font-family:var(--display);font-size:30px;letter-spacing:-2px;text-decoration:none}.brand-dot{color:var(--yellow);font-size:18px;margin-left:6px}nav{display:flex;gap:8px}nav button{background:none;font:11px var(--mono);padding:13px;border-bottom:2px solid transparent}nav button.selected{border-color:var(--ink)}#identity{font:11px var(--mono);color:var(--muted)}#preview-notice{padding:7px 4vw;background:var(--ink);color:var(--yellow);font:10px/1.5 var(--mono);letter-spacing:1px}#preview-notice span{color:var(--paper);margin-left:22px;letter-spacing:0}#notice{position:sticky;top:0;z-index:20;background:var(--yellow);border-bottom:1px solid var(--ink);padding:12px 4vw;white-space:pre-wrap}#notice.error{background:#ffe1cb}main{max-width:1360px;margin:0 auto;padding:0 48px 80px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:1.08}h1{font-size:clamp(42px,5.2vw,72px);margin-bottom:24px}h1 em{font-style:normal;background:linear-gradient(transparent 64%,var(--yellow) 64%)}h2{font-size:27px;margin-bottom:20px}h3{font-size:21px}p{color:var(--muted)}.eyebrow{font:10px/1.5 var(--mono);text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);margin:0 0 20px}.lead{font-size:18px;max-width:490px;line-height:1.7}.fine{font-size:12px;line-height:1.65;color:var(--muted);font-weight:400}.primary,.outline{display:inline-flex;justify-content:space-between;align-items:center;gap:22px;padding:13px 20px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);font-size:13px;font-weight:700;text-decoration:none}.primary span{font-size:21px}.outline{background:transparent;color:var(--ink);border-color:var(--line)}.primary:hover,.outline:hover{border-color:var(--ink)}label{display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:7px;margin:0 0 20px}input,textarea,select{width:100%;padding:12px;border:1px solid var(--line);border-radius:0;background:#fffaf0;color:var(--ink)}textarea{resize:vertical;min-height:74px}input:focus,textarea:focus,select:focus{outline:2px solid var(--ink);border-color:var(--ink)}form p.fine{margin-top:16px}#welcome{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding:85px 0 35px;align-items:center}.intro-steps{display:flex;gap:24px;margin-top:50px;font:11px/1.7 var(--mono)}.intro-steps b{display:block;font:27px var(--display);color:var(--ink);margin-bottom:8px}.brief-card{background:var(--panel);padding:34px;border-top:4px solid var(--ink)}.brief-card .primary{width:100%}.project-bar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.project-bar .eyebrow{margin-bottom:6px}.project-bar select{padding:0 30px 0 0;border:0;background:none;font-weight:700;font-size:19px;max-width:600px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;padding:46px 0 36px}.section-head h1{font-size:clamp(35px,4vw,56px);margin:0}.section-head>p{font-size:14px;margin:0 0 8px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px}.brief-summary{border-left:3px solid var(--yellow);padding:10px 20px;margin-bottom:24px}.brief-summary p{white-space:pre-wrap;margin:8px 0 0}.request-box{background:var(--panel);padding:24px}.request-box button{width:100%}.editor-head{display:flex;align-items:center;gap:20px;justify-content:space-between;margin-top:36px;border-top:1px solid var(--line);padding-top:25px}.editor-head h2{margin:0}.editor-head select{max-width:240px}.empty{border:1px dashed var(--line);padding:22px;margin:20px 0;color:var(--muted)}#kit-form{margin-top:22px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.actions{display:flex;gap:12px;flex-wrap:wrap}.preview-frame{border:1px solid var(--line);background:var(--panel)}.preview-label{display:flex;justify-content:space-between;padding:15px;font:9px var(--mono);border-bottom:1px solid var(--line)}#card{width:100%;display:block}#card-empty{min-height:265px;padding:38px;background:var(--ink);color:var(--paper)}#card-empty h3{font-size:32px;margin:24px 0 15px}#card-empty p{color:#c0bcae}.orb{background:var(--yellow);border-radius:50%;width:45px;height:45px;display:grid;place-items:center;color:var(--ink);font-size:25px}.export-links{display:flex;gap:16px;flex-wrap:wrap;padding:16px;font:11px var(--mono)}.export-links a{text-decoration:none;border-bottom:1px solid var(--muted)}.studio-preview>.fine{margin:14px 0 32px}.chat-box{border-top:1px solid var(--line);padding-top:26px}.chat-box h2{font-size:30px}#dialogue{max-height:450px;overflow:auto;margin-bottom:18px}.bubble{padding:15px;background:var(--panel);margin-bottom:10px;white-space:pre-wrap;font-size:14px}.bubble.user{background:#e8dfca;margin-left:22px}.bubble small{font:9px var(--mono);display:block;text-transform:uppercase;color:var(--muted);margin-bottom:7px}#jobs{font-size:13px;margin-top:16px}.job{padding:11px 15px;border-left:3px solid var(--ink);background:var(--panel);margin-bottom:8px}.job.failed{border-color:#a34728}.job.queued,.job.running{border-color:var(--yellow)}.community-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px}.memory-panel{background:var(--panel);padding:28px;height:fit-content}.memory-panel>p{font-size:13px}.decision{border-bottom:1px solid var(--line);padding:16px 0}.decision strong{display:block}.decision p{white-space:pre-wrap;margin:8px 0;font-size:13px}.small-button{font:11px var(--mono);padding:6px 10px;background:none;border:1px solid var(--line)}#memory-form{margin-top:26px}.activities-panel>form{border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:20px}.activity-card{display:flex;gap:20px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 0}.activity-card h3{margin:0 0 6px}.activity-card small{font:10px var(--mono);color:var(--muted)}#activity-detail{margin-top:44px;border-top:4px solid var(--ink);padding:28px;background:var(--panel)}.activity-tools{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.rules{white-space:pre-wrap}.entry{border:1px solid var(--line);background:var(--paper);padding:20px;margin-top:16px}.entry p{white-space:pre-wrap;overflow-wrap:anywhere}.entry small{font:10px var(--mono)}.entry a{display:block;overflow-wrap:anywhere}.entry .actions{margin-top:16px}.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.callout{background:var(--yellow);padding:28px;margin-bottom:25px}.callout p{color:var(--ink);font-size:14px;margin-bottom:0}.check{display:flex;flex-direction:row;align-items:center;font-weight:400;gap:10px}.check input{width:17px;height:17px}.check:has(input[value=memory]){color:#8b3f25}fieldset{border:1px solid var(--line);padding:20px;margin:0 0 20px}legend{font-size:12px}.integration-docs{padding:27px;background:var(--ink);color:var(--paper);height:fit-content}.integration-docs p,.integration-docs .eyebrow{color:#c0bcae}.integration-docs pre{font:12px/1.9 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#24262b;padding:20px}.integration-docs li{font-size:14px;line-height:1.8}.integration-docs .export-links{padding:20px 0}#secret-box{border:2px solid var(--ink);padding:20px;margin:20px 0;background:var(--yellow)}#secret-box input{margin:10px 0;font:12px var(--mono)}.key-row{border-top:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.key-row .fine{display:block;margin:8px 0}.usage{padding-top:20px;border-top:1px solid #46463f;font:12px var(--mono)}#join{max-width:850px;margin:70px auto}#join h1{font-size:50px}.join-form{margin:30px 0;padding:28px;background:var(--panel)}.public-tag{background:var(--yellow);padding:5px 10px;display:inline-block;margin-bottom:18px;font:10px var(--mono)}#login{padding:90px 0}footer{border-top:1px solid var(--line);padding:22px 4vw;font:10px var(--mono);color:var(--muted);display:flex;justify-content:space-between}.skip{position:absolute;top:-100px;background:var(--yellow);padding:10px;z-index:100}.skip:focus{top:5px}.loading{opacity:.65;pointer-events:none}@media(max-width:950px){main{padding:0 25px 55px}#welcome{gap:35px;padding-top:50px}.studio-grid,.community-grid,.connect-grid{gap:28px}.section-head>p{max-width:220px}header{gap:8px;padding:16px 22px}nav{gap:0}nav button{padding:10px 8px;font-size:10px}#identity{display:none}}@media(max-width:680px){header{flex-wrap:wrap;justify-content:center;padding:15px}.wordmark{width:100%;text-align:center}nav{width:100%;justify-content:space-between}nav button{font-size:9px}#preview-notice{font-size:9px;padding:8px 20px}#preview-notice span{display:block;margin:2px 0 0}main{padding:0 20px 40px}#welcome{grid-template-columns:1fr;gap:25px;padding:38px 0}.lead{font-size:16px}.intro-steps{margin:30px 0;gap:20px}.brief-card{padding:23px}h1{font-size:46px}.section-head{padding:35px 0 25px;display:block}.section-head>p{margin-top:20px;max-width:none}.section-head h1{font-size:39px}.studio-grid,.community-grid,.connect-grid{grid-template-columns:1fr}.studio-preview{order:-1}.studio-preview .chat-box{display:none}.studio-preview.has-chat .chat-box{display:block}.preview-frame{max-width:500px}#card-empty{min-height:190px;padding:25px}#card-empty h3{font-size:26px}.studio-grid{gap:20px}.two-col{grid-template-columns:1fr}.project-bar select{font-size:16px;max-width:200px}.project-bar .outline{font-size:11px;padding:10px}.editor-head select{max-width:175px}.memory-panel{padding:22px}.activity-card{align-items:start;gap:10px}.activity-card h3{font-size:19px}.activity-tools .primary,.activity-tools .outline{font-size:12px;padding:10px}#activity-detail{padding:20px}.integration-docs{padding:20px}footer{display:block;line-height:2}footer span{display:block}#join h1{font-size:38px}}
@media(prefers-reduced-motion:no-preference){.tab-panel{animation:enter .25s ease-out}@keyframes enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}

@media(max-width:680px){.studio-preview .chat-box{display:block}}

input,textarea{font-weight:400}#notice{position:fixed;top:auto;bottom:24px;right:24px;max-width:min(600px,calc(100% - 48px));padding:14px 20px;border:1px solid var(--ink);box-shadow:4px 4px 0 #14161a22;font-size:13px}.publication-box{border-top:1px solid var(--line);padding:24px 0;margin-top:25px}#showcase{max-width:880px;margin:65px auto}#showcase img{width:100%;display:block;margin:28px 0}#showcase>.rules{font-size:18px;margin:30px 0 50px}
/* Secoes que so abrem quando alguem precisa delas. A primeira tela do painel
   mostrava 11 campos obrigatorios vazios antes de existir qualquer projeto;
   o conteudo continua no DOM (o app.js referencia os mesmos ids), so deixa de
   competir por atencao. O summary e o unico elemento visivel por padrao. */
details{border-top:1px solid var(--line);margin:22px 0}
details>summary{cursor:pointer;list-style:none;padding:15px 0;font:11px var(--mono);text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);display:flex;align-items:center;gap:10px}
details>summary::-webkit-details-marker{display:none}
details>summary::before{content:"+";font-size:15px;line-height:1;color:var(--ink)}
details[open]>summary::before{content:"\2212"}
details>summary:hover{color:var(--ink)}
details[open]>summary{color:var(--ink)}
.integration-docs details{border-color:#46463f}
.integration-docs details>summary{color:#c0bcae}
.integration-docs details>summary::before,.integration-docs details[open]>summary,.integration-docs details>summary:hover{color:var(--paper)}
.kit-actions{margin:22px 0}
.chat-box details{border-top:0}

/* Wordmark com a marca oficial: inline-flex alinha a imagem ao texto, e o
   justify-content assume o papel do text-align no cabecalho empilhado. */
.wordmark{display:inline-flex;align-items:center;gap:10px}
.wordmark .mark{width:30px;height:30px;display:block;flex-shrink:0}
@media(max-width:680px){.wordmark{justify-content:center}}
@media(max-width:950px){.wordmark{font-size:26px}.wordmark .mark{width:26px;height:26px}}
.manual-label{margin-top:30px}.activity-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:26px 0}.activity-counts>div{background:var(--paper);padding:20px}.activity-counts strong{display:block;font:32px var(--display)}.activity-counts span{display:block;font:10px/1.6 var(--mono);margin-top:7px;color:var(--muted)}.activity-edit{max-width:780px;margin:30px 0}.results-pack{border-left:4px solid var(--yellow);background:var(--paper);padding:25px;margin-top:25px}.results-pack h3{margin-bottom:12px}.results-pack .export-links{padding-left:0}.results-pack>p:last-child{margin-bottom:0}.job.completed{display:flex;justify-content:space-between;align-items:center;gap:15px}.job.completed button{flex-shrink:0}#activity-jobs{margin-top:15px;font-size:13px}#activity-message{font-weight:400}@media(max-width:680px){.activity-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-counts>div{padding:16px}.results-pack{padding:18px}.job.completed{display:block}.job.completed button{margin-top:12px}.activity-edit h3{font-size:22px}}
