:root{--paper: #f4f1e8;--paper-2: #ece7da;--ink: #14140f;--ink-soft: #45453c;--ink-muted: #6f6f63;--white: #ffffff;--yellow: #ffc600;--yellow-deep: #e0ad00;--rule: rgba(20, 20, 15, .82);--rule-soft: rgba(20, 20, 15, .16);--rule-invert: rgba(244, 241, 232, .22);--font-sans: "Bricolage Grotesque", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--gutter: clamp(1rem, 4vw, 2.5rem);--section-y: clamp(3.5rem, 8vw, 7rem);--max: 1320px;--ease: cubic-bezier(.2, .8, .2, 1);--bg-primary: #ffc600;--color-black: #14140f;--color-white: #ffffff;--color-gray: #e0e0e0;--border-thick: 4px solid var(--color-black);--shadow-hard: 6px 6px 0px var(--color-black);--shadow-hard-hover: 2px 2px 0px var(--color-black);--radius-md: 8px;--radius-lg: 16px;--spacing-xs: .25rem;--spacing-sm: .75rem;--spacing-md: 1.25rem;--spacing-lg: 2.5rem;--spacing-xl: 4rem;color-scheme:light;font-family:var(--font-sans);font-weight:500;line-height:1.5;color:var(--ink);background-color:var(--paper);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--paper);color:var(--ink);overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.62' numOctaves='2'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}@media (max-width: 640px){body:before{display:none}}h1,h2,h3,h4,h5,h6{font-weight:800;line-height:1.05;text-transform:uppercase;letter-spacing:-.03em}p{margin:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img,svg{max-width:100%}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}::selection{background:var(--yellow);color:var(--ink)}.app-root-main{position:relative;z-index:2}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.mono{font-family:var(--font-mono);font-size:.6875rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;line-height:1.4}.rule{border-top:1px solid var(--rule)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-sans);font-weight:700;font-size:.9375rem;letter-spacing:-.01em;padding:.95rem 1.5rem;cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease)}.btn:hover{background:var(--yellow);color:var(--ink);transform:translateY(-2px)}.btn--yellow{background:var(--yellow);color:var(--ink)}.btn--yellow:hover{background:var(--ink);color:var(--paper)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.btn--ghost:hover{background:var(--ink);color:var(--paper)}.btn--onDark{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}.btn--onDark:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease)}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-reveal],.btn{transition:none}[data-reveal]{opacity:1;transform:none}}.btn-neo{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-white);color:var(--color-black);border:var(--border-thick);border-radius:var(--radius-md);padding:1rem 2rem;font-family:var(--font-sans);font-weight:800;font-size:1.125rem;text-transform:uppercase;text-align:center;cursor:pointer;box-shadow:var(--shadow-hard);transition:transform .1s ease-in-out,box-shadow .1s ease-in-out;text-decoration:none}.btn-neo:hover{transform:translate(2px,2px);box-shadow:4px 4px 0 var(--color-black)}.btn-neo--primary{background-color:var(--color-black);color:var(--bg-primary);box-shadow:6px 6px 0 var(--color-white)}.App{min-height:100vh;display:flex;flex-direction:column}.App>main{flex:1}.site-footer{background:var(--ink);color:var(--paper);padding:clamp(2.5rem,5vw,4rem) 0 1.75rem}.site-footer__inner{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(1.75rem,4vw,4rem);align-items:start}.site-footer__logo{font-size:1.5rem;font-weight:800;letter-spacing:-.04em}.site-footer__logo span{color:var(--yellow)}.site-footer__statements{margin-top:1.5rem;display:grid;gap:.6rem;border-top:1px solid var(--rule-invert);padding-top:1.5rem}.site-footer__statements p{font-size:.9375rem;color:#f4f1e8e0}.site-footer__nav{display:grid;gap:.7rem;justify-items:start}.site-footer__nav a{color:#f4f1e8b3;border-bottom:1.5px solid transparent;padding-bottom:2px;transition:color .2s var(--ease),border-color .2s var(--ease)}.site-footer__nav a:hover{color:var(--paper);border-color:var(--yellow)}.site-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:clamp(2rem,4vw,3rem);padding-top:1.25rem;border-top:1px solid var(--rule-invert);color:#f4f1e880}.site-footer__promise{color:var(--yellow)}@media (max-width: 800px){.site-footer__inner{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.site-footer{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}.site-footer__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;width:100%}.site-footer__nav a{display:flex;align-items:center;min-height:44px;padding:0}.site-footer__bottom{margin-top:1.75rem}}.site-header{position:sticky;top:0;z-index:50;background:#f4f1e8ed;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border-bottom:1px solid var(--rule)}.site-header__inner{display:flex;align-items:center;gap:1.25rem;min-height:58px;padding-top:.55rem;padding-bottom:.55rem}.site-header__brand{font-size:1.375rem;font-weight:800;letter-spacing:-.04em;line-height:1}.site-header__brand span{color:var(--yellow-deep)}.site-header__nav{display:flex;align-items:center;gap:1.4rem;margin-left:auto}.site-header__link{color:var(--ink-soft);padding-bottom:2px;border-bottom:1.5px solid transparent;transition:color .2s var(--ease),border-color .2s var(--ease)}.site-header__link:hover{color:var(--ink);border-color:var(--yellow)}.site-header__cta{padding:.7rem 1.1rem;font-size:.8125rem}.site-header__menu{display:none;align-items:center;justify-content:center;flex:none;min-width:44px;min-height:44px;margin-left:.5rem;padding:0;background:var(--paper);border:1.5px solid var(--ink);color:var(--ink);cursor:pointer;transition:background .2s var(--ease)}.site-header__menu[aria-expanded=true]{background:var(--yellow)}.site-header__menu-barras{display:grid;gap:4px;width:18px}.site-header__menu-barras i{display:block;height:2px;background:var(--ink);transition:transform .2s var(--ease),opacity .2s var(--ease)}.site-header__menu[aria-expanded=true] .site-header__menu-barras i:nth-child(1){transform:translateY(6px) rotate(45deg)}.site-header__menu[aria-expanded=true] .site-header__menu-barras i:nth-child(2){opacity:0}.site-header__menu[aria-expanded=true] .site-header__menu-barras i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 900px){#topo,#servicos,#projetos,#processo,#duvidas,#contato,#diagnostico{scroll-margin-top:76px}.site-header__inner{gap:.6rem;min-height:58px;padding-top:.45rem;padding-bottom:.45rem}.site-header__brand{display:inline-flex;align-items:center;min-height:44px}.site-header__nav{display:none}.site-header__nav--aberto{display:grid;position:absolute;left:0;right:0;top:100%;z-index:60;gap:0;margin-left:0;padding:.35rem var(--gutter) .6rem;background:var(--paper);border-bottom:3px solid var(--ink);box-shadow:0 6px #14140f24}.site-header__nav--aberto .site-header__link{display:flex;align-items:center;min-height:48px;font-size:.75rem;color:var(--ink);border-bottom:1px solid var(--rule-soft)}.site-header__nav--aberto .site-header__link:last-child{border-bottom:0}.site-header__menu{display:inline-flex}.site-header__cta{margin-left:auto;min-height:44px}}@media (max-width: 420px){.site-header__brand{font-size:1.2rem}.site-header__cta{padding:.6rem .85rem;font-size:.75rem}}.pago{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:var(--gutter, 1.5rem);background:var(--paper, #f4f1e8);color:var(--ink, #14140f);font-family:var(--font-sans, system-ui, sans-serif)}.pago__caixa{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;width:min(560px,100%);padding:clamp(1.5rem,4vw,2.5rem);background:var(--white, #fff);border:4px solid var(--ink, #14140f);box-shadow:8px 8px 0 var(--ink, #14140f)}.pago__marca{font-family:var(--font-mono, monospace);font-size:.8rem;letter-spacing:.14em;text-transform:lowercase;background:var(--yellow, #ffc600);border:3px solid var(--ink, #14140f);padding:.2rem .6rem}.pago__titulo{margin:0;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.05;letter-spacing:-.02em}.pago__texto{margin:0;font-size:1.02rem;line-height:1.55;color:var(--ink-soft, #45453c);max-width:46ch}.pago__botao{margin-top:.4rem;display:inline-flex;align-items:center;min-height:48px;padding:0 1.1rem;background:var(--yellow, #ffc600);color:var(--ink, #14140f);border:4px solid var(--ink, #14140f);box-shadow:4px 4px 0 var(--ink, #14140f);font-weight:600;text-decoration:none;transition:transform .12s var(--ease, ease),box-shadow .12s var(--ease, ease)}.pago__botao:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink, #14140f)}.pago__caixa{transform:translate(-4px)}.pago__acoes{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:.4rem}.pago__acoes .pago__botao{margin-top:0}.pago__link{display:inline-flex;align-items:center;min-height:44px;color:var(--ink, #14140f);font-size:.95rem;text-decoration:underline;text-decoration-color:var(--yellow, #ffc600);text-decoration-thickness:2px;text-underline-offset:4px}@media (max-width: 700px){.pago{align-items:start;padding-top:calc(var(--gutter, 1.5rem) + .5rem);padding-bottom:calc(var(--gutter, 1.5rem) + env(safe-area-inset-bottom,0px))}.pago__caixa{padding:1.4rem;gap:.85rem}.pago__acoes{width:100%;flex-direction:column;align-items:stretch;gap:.85rem}.pago__acoes .pago__botao{width:100%;justify-content:center}.pago__link{justify-content:center}}.not-found-page{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:70vh;padding:var(--spacing-xl) var(--spacing-sm)}.not-found-page__card{align-items:center;background:var(--color-white);border:var(--border-thick);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard);display:flex;flex-direction:column;max-width:560px;padding:var(--spacing-lg);text-align:center}.not-found-page__icon{align-items:center;background:var(--bg-primary);border:var(--border-thick);border-radius:999px;box-shadow:4px 4px 0 var(--color-black);display:flex;font-size:2.75rem;height:88px;justify-content:center;margin-bottom:var(--spacing-md);width:88px}.not-found-page h1{margin-bottom:var(--spacing-sm)}.not-found-page p{margin-bottom:var(--spacing-lg)}.not-found-page__button{width:100%}.not-found-page__acoes{align-items:stretch;display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.not-found-page__whatsapp{align-items:center;background-color:var(--color-white);border:var(--border-thick);border-radius:var(--radius-md);box-shadow:var(--shadow-hard);color:var(--color-black);display:inline-flex;font-family:var(--font-mono);font-size:.8125rem;font-weight:700;justify-content:center;letter-spacing:.12em;min-height:48px;padding:1rem;text-decoration:none;text-transform:uppercase;transition:transform .1s ease-in-out,box-shadow .1s ease-in-out}.not-found-page__whatsapp:hover{box-shadow:4px 4px 0 var(--color-black);transform:translate(2px,2px)}@media (max-width: 640px){.not-found-page{padding:var(--spacing-lg) var(--spacing-sm)}.not-found-page__card{padding:var(--spacing-md) var(--spacing-sm) var(--spacing-lg)}.not-found-page__icon{font-size:2.25rem;height:72px;width:72px}}@media (min-width: 640px){.not-found-page__acoes{align-items:center;flex-direction:row;justify-content:center}.not-found-page__button{width:auto}}body:has(.csui){overflow-x:clip}.csui{--gutter: clamp(1rem, 3vw, 2rem);display:flex;flex-direction:column;min-height:100vh;background:var(--paper);color:var(--ink)}.csui-top{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1.25rem;padding:.85rem var(--gutter);border-bottom:1px solid var(--rule);background:var(--paper)}.csui-top__brand{display:flex;align-items:baseline;gap:.5rem;font-weight:800;font-size:1.15rem;letter-spacing:-.03em}.csui-top__tool{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted);border:1px solid var(--rule-soft);padding:.3rem .5rem}.csui-nav{display:flex;gap:1.25rem;margin-left:auto;align-items:center}.csui-nav a,.csui-nav button{font-family:var(--font-mono);font-size:.625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted);background:none;border:0;cursor:pointer;padding:.35rem 0;border-bottom:1px solid transparent}.csui-nav a:hover,.csui-nav button:hover{color:var(--ink);border-bottom-color:var(--ink)}.csui-nav a[data-status=active]{color:var(--ink);border-bottom-color:var(--yellow)}.csui-gen{border-bottom:1px solid var(--rule);background:var(--white)}.csui-gen__row{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:1.5rem;padding:1.25rem var(--gutter);align-items:start}.csui-gen__prompt{display:flex;flex-direction:column;gap:.6rem}.csui-btn__short{display:none}.csui-gen__toggle{display:none;border-style:dashed}.csui-gen__controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.csui-field--wide{grid-column:span 2}.csui-label{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-muted)}.csui-input,.csui-select,.csui-textarea{width:100%;border:1.5px solid var(--ink);background:var(--paper);color:var(--ink);padding:.7rem .75rem;font-family:var(--font-sans);font-size:.9375rem;font-weight:500;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.csui-textarea{min-height:92px;resize:vertical;line-height:1.45}.csui-input:focus,.csui-select:focus,.csui-textarea:focus{outline:none;border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.csui-select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 16px) calc(50% + 1px),calc(100% - 11px) calc(50% + 1px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:2rem}.csui-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.85rem}.csui-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1.5px solid var(--ink);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:.625rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;padding:.75rem 1.1rem;cursor:pointer;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease)}.csui-btn:hover:not(:disabled){background:var(--yellow);color:var(--ink)}.csui-btn:disabled{opacity:.45;cursor:not-allowed}.csui-btn--yellow{background:var(--yellow);color:var(--ink)}.csui-btn--yellow:hover:not(:disabled){background:var(--ink);color:var(--paper)}.csui-btn--ghost{background:transparent;color:var(--ink);border-color:var(--rule)}.csui-btn--ghost:hover:not(:disabled){background:var(--ink);color:var(--paper)}.csui-btn--danger{background:transparent;border-color:#b0002080;color:#b00020}.csui-btn--danger:hover:not(:disabled){background:#b00020;color:var(--paper);border-color:#b00020}.csui-btn--sm{padding:.5rem .7rem;font-size:.5625rem}.csui-var{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:0 0 1.25rem}.csui-var__card{border:1.5px solid var(--rule);background:var(--paper);padding:.75rem .85rem;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:.35rem}.csui-var__card:hover{border-color:var(--ink)}.csui-var__card[data-active=true]{border-color:var(--ink);background:var(--yellow)}.csui-var__name{font-weight:700;font-size:.875rem}.csui-work{display:grid;grid-template-columns:148px minmax(0,1fr) 340px;gap:0;flex:1;min-height:0}.csui-rail{border-right:1px solid var(--rule);padding:1rem;display:flex;flex-direction:column;gap:.75rem;overflow-y:auto;max-height:calc(100vh - 70px)}.csui-thumb{position:relative;width:116px;height:145px;overflow:hidden;border:1.5px solid var(--rule);background:var(--paper);cursor:pointer;padding:0}.csui-thumb[data-active=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--yellow)}.csui-thumb__inner{position:absolute;top:0;left:0;width:1080px;height:1350px;transform-origin:top left;transform:scale(var(--cs-thumb-scale, .1074));pointer-events:none}.csui-thumb__badge{position:absolute;left:4px;bottom:4px;z-index:3;font-family:var(--font-mono);font-size:.5rem;letter-spacing:.1em;background:var(--ink);color:var(--paper);padding:2px 5px}.csui-stage{padding:1.5rem;display:flex;flex-direction:column;gap:1rem;align-items:center;overflow:auto;max-height:calc(100vh - 70px);background:linear-gradient(var(--rule-soft) 1px,transparent 1px) 0 0 / 100% 40px,var(--paper-2)}.csui-stage__frame{position:relative;width:100%;max-width:1080px;aspect-ratio:4 / 5;overflow:hidden;margin:0 auto;box-shadow:0 18px 40px #14140f2e;background:var(--paper)}.csui-stage__inner{position:absolute;top:0;left:0;width:1080px;height:1350px;transform-origin:top left;transform:scale(var(--cs-zoom, .32))}.csui-stage__bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.csui-stage__meta{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-muted)}.csui-inspector{border-left:1px solid var(--rule);padding:1rem;overflow-y:auto;max-height:calc(100vh - 70px);display:flex;flex-direction:column;gap:1.25rem}.csui-field{display:flex;flex-direction:column;gap:.4rem}.csui-group{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--rule-soft)}.csui-group:last-child{border-bottom:0}.csui-group__title{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}.csui-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.csui-swatch{width:54px;height:38px;border:1.5px solid var(--rule);cursor:pointer;position:relative}.csui-swatch[data-active=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--yellow)}.csui-swatch span{position:absolute;left:3px;bottom:2px;font-family:var(--font-mono);font-size:.4375rem;letter-spacing:.08em;text-transform:uppercase}.csui-templates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem}.csui-template{border:1.5px solid var(--rule);background:var(--paper);padding:.45rem .5rem;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:.15rem}.csui-template[data-active=true]{border-color:var(--ink);background:var(--yellow)}.csui-template__code{font-family:var(--font-mono);font-size:.5rem;letter-spacing:.14em;color:var(--ink-muted)}.csui-template__name{font-size:.75rem;font-weight:600;line-height:1.2}.csui-issues{display:flex;flex-direction:column;gap:.5rem}.csui-issue{display:flex;gap:.5rem;align-items:flex-start;font-size:.8125rem;line-height:1.35;padding:.5rem .6rem;border-left:3px solid var(--yellow);background:var(--paper-2)}.csui-issue[data-level=error]{border-left-color:#b00020;background:#b000200f}.csui-issue__slide{font-family:var(--font-mono);font-size:.5625rem;color:var(--ink-muted);flex:none}.csui-hint{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted);line-height:1.6}.csui-empty{padding:2rem 1rem;text-align:center;color:var(--ink-muted)}.csui-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:.625rem;letter-spacing:.12em;text-transform:uppercase;padding:.85rem 1.25rem;z-index:60;max-width:90vw;text-align:center}.csui-toast[data-kind=error]{background:#b00020}.csui-rack{position:fixed;left:-30000px;top:0;width:1080px;height:1350px;pointer-events:none;opacity:0;z-index:-1}.csui-login{min-height:100vh;display:grid;place-items:center;padding:2rem;background:var(--paper)}.csui-login__card{width:min(420px,100%);border:1.5px solid var(--ink);background:var(--white);padding:2rem;display:flex;flex-direction:column;gap:1rem}.csui-login__title{font-size:1.5rem;font-weight:800;text-transform:uppercase;letter-spacing:-.03em}.csui-projects{padding:1.5rem var(--gutter) 4rem;display:flex;flex-direction:column;gap:1.25rem}.csui-projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.csui-project{border:1.5px solid var(--rule);background:var(--white);padding:.85rem;display:flex;flex-direction:column;gap:.6rem}.csui-project__preview{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border:1px solid var(--rule-soft);background:var(--paper)}.csui-project__inner{position:absolute;top:0;left:0;width:1080px;height:1350px;transform-origin:top left;transform:scale(var(--cs-project-scale, .18));pointer-events:none}.csui-project__name{font-weight:700;font-size:.9375rem;line-height:1.25}.csui-project__meta{font-family:var(--font-mono);font-size:.5625rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-muted)}.csui-project__row{display:flex;gap:.4rem;flex-wrap:wrap}@media (max-width: 1080px){.csui-gen__row,.csui-work{grid-template-columns:minmax(0,1fr)}.csui-rail{order:2;flex-direction:row;overflow-x:auto;border-right:0;border-top:1px solid var(--rule);max-height:none;--cs-thumb-scale: .0852}.csui-rail__item{width:92px;flex:none}.csui-stage{order:1;max-height:none}.csui-inspector{order:3;border-left:0;border-top:1px solid var(--rule);max-height:none}}@media (max-width: 900px){.csui{min-height:100dvh}.csui-top{position:static;flex-wrap:wrap;gap:.4rem;padding:.7rem var(--gutter) 0}.csui-top__tool{display:none}.csui-nav{width:100%;margin-left:0;gap:0;border-top:1px solid var(--rule-soft);margin-top:.2rem}.csui-nav a,.csui-nav button{flex:1;min-height:46px;display:inline-flex;align-items:center;justify-content:center;font-size:.6875rem;letter-spacing:.1em;border-bottom:0}.csui-nav a[data-status=active]{box-shadow:inset 0 -3px 0 var(--yellow);border-bottom-color:transparent}.csui-gen__row{padding:.9rem var(--gutter) 1rem;gap:.9rem}.csui-gen__controls{grid-template-columns:minmax(0,1fr);gap:.7rem}.csui-field--wide{grid-column:auto}.csui-gen__controls[data-aberto=false]{display:none}.csui-gen__toggle{display:inline-flex}.csui-actions{flex-direction:column;align-items:stretch}.csui-actions .csui-btn{width:100%;min-height:46px;font-size:.6875rem}.csui-var{min-width:44px;min-height:44px;font-size:.75rem}.csui-work{display:flex;flex-direction:column}.csui-stage{position:sticky;top:0;z-index:20;padding:.6rem;gap:.4rem;border-bottom:1px solid var(--rule);background:var(--paper)}.csui-stage__meta{display:none}.csui-stage__bar{width:100%;flex-wrap:nowrap;overflow-x:auto;gap:.4rem;padding-bottom:.1rem}.csui-stage__bar .csui-btn{flex:1 1 auto;min-width:0;min-height:44px;padding:.6rem .4rem;font-size:.5625rem;letter-spacing:.08em}.csui-btn__long{display:none}.csui-btn__short{display:inline}.csui-btn{min-height:44px}.csui-rail{padding:.7rem var(--gutter);gap:.5rem;scroll-snap-type:x proximity;--cs-thumb-scale: .0963}.csui-rail__item{width:104px;scroll-snap-align:start}.csui-thumb{width:104px;height:130px}.csui-rail__tools button{min-width:44px;min-height:44px;flex:1}.csui-rail__tools{gap:6px!important}.csui-inspector{padding:.9rem var(--gutter) 3.5rem}.csui-input,.csui-select,.csui-textarea{font-size:16px;min-height:46px;padding:.7rem .75rem}.csui-textarea{min-height:96px}.csui-label{font-size:.6875rem;color:var(--ink-soft)}.csui-group__title{font-size:.75rem}#cs-scale{height:44px}.csui-swatch{min-height:44px;padding:.55rem .5rem}.csui-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.csui-template{min-height:62px;padding:.6rem}.csui-toast{left:var(--gutter);right:var(--gutter);bottom:calc(1rem + env(safe-area-inset-bottom,0px));text-align:center}.csui-login{min-height:100dvh;padding:1.25rem}.csui-login__card{padding:1.4rem}.csui-projects{padding:.9rem var(--gutter) 3rem}.csui-projects__grid{grid-template-columns:minmax(0,1fr)}.csui-project__row .csui-btn{flex:1;min-height:44px}}@media (max-width: 420px){.csui-rail{--cs-thumb-scale: .0852}.csui-rail__item{width:92px}.csui-thumb{width:92px;height:115px}.csui-templates{grid-template-columns:minmax(0,1fr)}}.csui-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;padding:18px 14px;border:2px dashed var(--csui-rule, rgba(20, 20, 15, .24));background:transparent;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease}.csui-drop:hover,.csui-drop:focus-within{border-color:var(--csui-ink, #14140f);background:#14140f08}.csui-drop[data-carregando=true]{opacity:.6;pointer-events:none}.csui-drop__input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.csui-drop__titulo{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.csui-drop__dica{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:#14140f8c}.csui-img{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:8px;border:1px solid rgba(20,20,15,.16)}.csui-img__thumb{width:64px;height:64px;object-fit:cover;display:block;background:#14140f0f}.csui-img__meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:#14140f99}.csui-erro{margin:8px 0 0;font-family:var(--font-mono);font-size:11.5px;line-height:1.4;color:#9a2b1c}.csui-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}.csui-split button{min-height:44px;padding:8px 10px;border:1px solid rgba(20,20,15,.24);background:transparent;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.csui-split button[data-active=true]{background:#14140f;color:#f4f1e8;border-color:#14140f}@media (max-width: 900px){.csui-login{padding-bottom:calc(1.25rem + env(safe-area-inset-bottom,0px))}.csui-login__card{gap:.9rem}.csui-login__card .csui-input,.csui-login__card .csui-btn{min-height:48px}.csui-login__card .csui-btn{font-size:.75rem;letter-spacing:.12em}}