:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#fcf4ee;--cream-2:#f7e9df;--blush:#edd6c8;--rose:#c3a498;--cocoa:#7b4b3a;--cocoa-dark:#5f3a2d;--ink:#1d1714;--muted:#76635a;--line:#e6d3c7;--card:#fff;--ok:#2f7a4d;--ok-bg:#e8f4ec;--warn:#8a5a12;--warn-bg:#fdf1d9;--err:#a32d2d;--err-bg:#fbe9e7;--radius:16px;--radius-sm:10px;--shadow:0 1px 2px #3c23190f, 0 8px 24px #3c23190f;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--cream);color:var(--ink);font:400 1rem/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}[hidden]{display:none!important}img{max-width:100%}h1,h2,h3{letter-spacing:-.01em;margin:0;font-weight:650;line-height:1.2}h1{font-size:clamp(1.5rem,4.5vw,2rem)}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}a{color:var(--cocoa)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{background:var(--ink);color:#fff;z-index:10;border-radius:8px;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.muted{color:var(--muted);font-size:.93rem}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}:focus-visible{outline:3px solid var(--cocoa);outline-offset:2px;border-radius:6px}.topbar{z-index:5;-webkit-backdrop-filter:saturate(1.2)blur(8px);backdrop-filter:saturate(1.2)blur(8px);border-bottom:1px solid var(--line);background:#fcf4eeeb;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(14px,4vw,28px);display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.brand img{border-radius:50%;width:42px;height:42px}.brand strong{font-size:1rem;line-height:1.1;display:block}.brand small{color:var(--muted);font-size:.78rem}.topbar nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.topbar .muted{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.page{grid-template-columns:minmax(0,1fr);gap:18px;max-width:760px;margin:0 auto;padding:20px clamp(14px,4vw,24px) 64px;display:grid}.page.wide{max-width:1120px}.card>*{min-width:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);grid-template-columns:minmax(0,1fr);gap:14px;padding:clamp(16px,3.5vw,24px);display:grid}.card>header{gap:4px;display:grid}.lead{color:var(--muted)}button,.btn{font:inherit;border:1.5px solid var(--rose);min-height:44px;color:var(--cocoa);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}button:hover,.btn:hover{background:var(--cream-2)}button:active,.btn:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--cocoa);border-color:var(--cocoa);color:#fff}.primary:hover{background:var(--cocoa-dark);border-color:var(--cocoa-dark)}.ghost{border-color:#0000}.linklike{background:0 0;border:0;justify-content:flex-start;min-height:0;padding:0;font-weight:500;text-decoration:underline}.linklike:hover{background:0 0}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}label{gap:6px;font-size:.95rem;font-weight:550;display:grid}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],textarea,select{font:inherit;color:var(--ink);border:1.5px solid var(--line);border-radius:var(--radius-sm);background:#fff;width:100%;min-height:46px;padding:10px 12px;font-weight:400}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--cocoa);outline-offset:0;outline:3px solid #7b4b3a2e}.form{gap:14px;max-width:460px;display:grid}.field-hint{color:var(--muted);font-size:.85rem;font-weight:400}.qty{border:1.5px solid var(--line);background:#fff;border-radius:999px;align-items:center;display:inline-flex;overflow:hidden}.qty button{border:0;border-radius:0;min-width:42px;min-height:42px;padding:0;font-size:1.2rem}.qty input{text-align:center;border:0;border-radius:0;width:56px;min-height:42px;padding:0}.qty input:focus{outline-offset:-3px}.seg{background:var(--cream-2);border-radius:999px;gap:4px;padding:4px;display:inline-flex}.seg button{min-height:40px;color:var(--muted);border:0;padding:8px 18px}.seg button:hover{background:#fff9}.seg .active{color:var(--cocoa);background:#fff;box-shadow:0 1px 3px #3c231924}.steps{counter-reset:s;grid-template-columns:repeat(3,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.steps li{text-align:center;color:var(--muted);justify-items:center;gap:6px;font-size:.85rem;font-weight:550;display:grid}.steps li:before{counter-increment:s;content:counter(s);background:var(--cream-2);width:32px;height:32px;color:var(--muted);border:1.5px solid var(--line);border-radius:50%;place-items:center;font-weight:700;display:grid}.steps li.current{color:var(--cocoa)}.steps li.current:before{background:var(--cocoa);border-color:var(--cocoa);color:#fff}.steps li.done:before{content:"✓";background:var(--blush);border-color:var(--rose);color:var(--cocoa)}.tips{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.tips li{border-radius:var(--radius-sm);background:#fff;grid-template-columns:32px 1fr;align-items:start;gap:10px;padding:10px 12px;font-size:.92rem;display:grid}.tips .ico{text-align:center;font-size:1.4rem;line-height:1.2}.tips b{font-weight:650}.tip-close{justify-self:start}.legend{color:var(--muted);flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;font-size:.88rem;list-style:none;display:flex}.legend li{align-items:center;gap:8px;display:inline-flex}.chip{border-top:3px solid;width:26px;height:0;display:inline-block}.chip.edge{border-color:#f5b301}.chip.safe{border-color:#16a34a;border-top-style:dashed}.chip.dim{background:#0006;border:0;border-radius:3px;width:26px;height:14px}.stage-wrap{aspect-ratio:1;border-radius:var(--radius);border:1px solid var(--line);background:repeating-conic-gradient(#f3e5db 0 25%, #fbf3ed 0 50%) 0 0 / 22px 22px;place-items:center;width:100%;max-width:640px;margin:0 auto;display:grid;position:relative;overflow:hidden}.stage-wrap.mockup{aspect-ratio:auto;max-width:100%}#stage{line-height:0}#mockup-canvas{width:100%;height:auto;display:block}.empty{text-align:center;border:2px dashed var(--rose);border-radius:var(--radius);background:#fcf4eed1;place-content:center;justify-items:center;gap:14px;margin:12px;padding:24px;display:grid;position:absolute;inset:0}.empty p{max-width:28ch;color:var(--muted)}.empty .icon-big{font-size:2.4rem;line-height:1}.stage-wrap.drag .empty{background:var(--blush)}.controls{gap:12px;display:grid}.zoom-row{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;display:grid}.zoom-row button{min-width:44px;padding:0;font-size:1.3rem}input[type=range]{width:100%;accent-color:var(--cocoa);height:28px}details.more{border-top:1px dashed var(--line);padding-top:10px}details.more summary{cursor:pointer;color:var(--cocoa);align-items:center;min-height:36px;font-weight:600;display:flex}details.more>div{gap:12px;max-width:420px;padding-top:10px;display:grid}.w{font-size:.95rem}.w:empty{display:none}.w.ok,.w.warn,.w.error{border-radius:var(--radius-sm);padding:10px 12px}.w.ok{color:var(--ok);background:var(--ok-bg)}.w.warn{color:var(--warn);background:var(--warn-bg)}.w.error{color:var(--err);background:var(--err-bg)}.warnings{gap:8px;display:grid}.warnings .w{border-radius:var(--radius-sm);padding:10px 12px}.warnings .w.ok{color:var(--ok);background:var(--ok-bg)}.result{grid-template-columns:minmax(0,220px) 1fr;align-items:center;gap:20px;display:grid}.result figure{margin:0}.result img{aspect-ratio:1;object-fit:cover;border:6px solid var(--blush);width:100%;box-shadow:var(--shadow);background:var(--cream-2);border-radius:50%}.result .side{gap:14px;display:grid}@media (width<=560px){.result{text-align:center;grid-template-columns:1fr;justify-items:center}.result .side{justify-items:center;width:100%}}.cart-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cart-list li{background:var(--cream);border-radius:var(--radius-sm);grid-template-columns:64px 1fr auto;align-items:center;gap:12px;padding:10px;display:grid}.cart-list img{object-fit:cover;border:3px solid var(--blush);background:#fff;border-radius:50%;width:64px;height:64px}.cart-list .item-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.cart-list .remove{min-height:36px;color:var(--err);border-color:#0000;padding:4px 12px;font-size:.88rem}@media (width<=520px){.cart-list li{grid-template-columns:56px 1fr}.cart-list .item-actions{grid-column:1/-1;justify-content:space-between}}.success{text-align:center;justify-items:center}.success>*{justify-self:center}.success .check{background:var(--ok-bg);width:64px;height:64px;color:var(--ok);border-radius:50%;place-items:center;font-size:2rem;display:grid}.auth-card{max-width:440px;margin:0 auto}.auth-logo{width:112px;height:112px;box-shadow:var(--shadow);border-radius:50%;margin:0 auto;display:block}.center{text-align:center}.center .form{text-align:left;justify-self:center;width:100%}.center .seg,.auth-card .seg{justify-self:center}.pedidos{gap:14px;display:grid}.pedido-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:12px;padding:16px;display:grid}.pedido-card header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.thumbs{flex-wrap:wrap;gap:12px;display:flex}.thumbs figure{color:var(--muted);justify-items:center;gap:4px;margin:0;font-size:.85rem;display:grid}.thumbs img{object-fit:cover;border:3px solid var(--blush);border-radius:50%;width:84px;height:84px}.badge{border:1px solid var(--line);border-radius:999px;padding:3px 12px;font-size:.85rem;font-weight:600}.badge.s-novo{color:#28407a;background:#e8eefc;border-color:#cbd8f5}.badge.s-em-producao{background:var(--warn-bg);color:var(--warn);border-color:#f1dca8}.badge.s-pronto{background:var(--ok-bg);color:var(--ok);border-color:#bfe0cb}.badge.s-entregue{color:#4a403b;background:#eee9e5}.badge.s-cancelado{background:var(--err-bg);color:var(--err);border-color:#f1c4be}.track{grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:0;list-style:none;display:grid}.track li{text-align:center;color:var(--muted);justify-items:center;gap:6px;font-size:.8rem;display:grid}.track li:before{content:"";background:var(--cream-2);border-radius:3px;width:100%;height:6px}.track li.on{color:var(--cocoa);font-weight:650}.track li.on:before{background:var(--cocoa)}.sheet-box{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);flex-wrap:wrap;align-items:end;gap:12px;padding:14px 16px;display:flex}.sheet-box legend{padding:0 6px;font-weight:650}.sheet-box label{min-width:150px}.sheet-box label.inline{align-items:center;gap:8px;min-width:0;display:flex}.sheet-box input[type=checkbox],td input[type=checkbox]{width:20px;height:20px;min-height:0;accent-color:var(--cocoa)}.sheet-box p{flex-basis:100%}.table-wrap{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px 12px}th{background:var(--cream-2);white-space:nowrap;font-weight:650}td button{min-height:34px;margin:0 6px 6px 0;padding:4px 12px;font-size:.85rem}td select{min-height:38px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.hero{padding-block:28px}.hero .lead{max-width:52ch}.guide{gap:14px;margin:0;padding:0;list-style:none;display:grid}.guide li{grid-template-columns:40px 1fr;align-items:start;gap:14px;display:grid}.guide .num{background:var(--blush);width:40px;height:40px;color:var(--cocoa);border-radius:50%;place-items:center;font-weight:700;display:grid}.guide h3{margin-bottom:2px}.guide p{color:var(--muted)}.guide p b{color:var(--ink);font-weight:650}.diagram{grid-template-columns:minmax(0,220px) 1fr;align-items:center;gap:20px;display:grid}.diagram svg{width:100%;height:auto}.diagram .legend{gap:12px;font-size:.95rem;display:grid}.diagram .legend li{align-items:flex-start}.diagram .chip{flex:none;margin-top:10px}@media (width<=560px){.diagram{grid-template-columns:1fr;justify-items:center}}