:root{--b12-bg:#0d0907;--b12-panel:#17100d;--b12-card:#fff9ef;--b12-text:#fff5e9;--b12-muted:#bba894;--b12-orange:#ffad33;--b12-orange2:#f28c18;--b12-red:#d55735;--b12-line:rgba(255,193,124,.14);--b12-shadow:0 24px 70px rgba(0,0,0,.34)}
body{background:radial-gradient(circle at 85% -5%,rgba(255,138,26,.18),transparent 26%),radial-gradient(circle at 4% 18%,rgba(167,58,28,.10),transparent 25%),var(--b12-bg);color:var(--b12-text)}
.builder-site-header{background:rgba(13,9,7,.9);border-bottom:1px solid var(--b12-line);backdrop-filter:blur(18px)}.builder-header-inner{max-width:1380px;padding:10px 18px}.builder-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.builder-brand img{width:42px;height:42px;border-radius:13px}.builder-brand>span{display:grid;line-height:1.25}.builder-brand>span>strong{font-size:18px;color:#fff}.builder-brand>span>strong span{color:var(--b12-orange)}.builder-brand small{font-size:9px;color:#bca995}.builder-main-nav a{font-weight:700}.builder-main-nav a.active{color:var(--b12-orange)}.builder-account,.builder-cart-link{border-color:var(--b12-line);background:rgba(255,255,255,.025)}.builder-cart-link{background:linear-gradient(135deg,var(--b12-orange),var(--b12-orange2));color:#2b1609;border:0}
.wrap{max-width:1380px;padding-inline:18px}.hero{padding:30px 0 12px}.hero .eyebrow{color:var(--b12-orange)}.hero h1{color:#fff;font-size:clamp(30px,4vw,58px);letter-spacing:-.03em}.hero h1 em{color:var(--b12-orange)}.hero p{color:#cbb9a8;font-size:14px;max-width:74ch}.site-real-note{background:rgba(255,255,255,.035);border-color:var(--b12-line);color:#e8d8c8;border-radius:14px}.site-real-note b{color:var(--b12-orange)}.site-real-note span{color:#bca994}
.builder-command-center{margin:12px 0 18px;border:1px solid var(--b12-line);border-radius:22px;background:linear-gradient(180deg,rgba(34,23,17,.96),rgba(20,14,11,.96));box-shadow:var(--b12-shadow);overflow:hidden}.builder-command-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid rgba(255,255,255,.055)}.builder-command-head>div:first-child{display:flex;align-items:baseline;gap:12px}.builder-command-head span{font-size:10px;color:#bda991}.builder-command-head strong{font-size:14px;color:#fff}.builder-live-state{display:flex;align-items:center;gap:7px}.builder-live-state i{width:8px;height:8px;border-radius:50%;background:#63c77c;box-shadow:0 0 0 5px rgba(99,199,124,.08)}.builder-command-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px}.journey-nav{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.journey-nav::-webkit-scrollbar{display:none}.journey-step{flex:none;display:flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:rgba(255,255,255,.025);color:#c7b5a4;font:700 11px inherit;cursor:pointer}.journey-step b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#2d2018;color:#e9d4bd;font-size:9px}.journey-step.done{border-color:rgba(91,173,96,.22);color:#c9e8cb}.journey-step.done b{background:#315b34}.journey-step.current{background:rgba(255,173,51,.12);border-color:rgba(255,173,51,.25);color:#ffd99a}.journey-step.current b{background:var(--b12-orange);color:#281508}.command-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.command-actions button{display:flex;align-items:center;gap:5px;height:38px;padding:0 10px;border-radius:11px;border:1px solid rgba(255,255,255,.08);background:#120d0b;color:#ddcdbc;font:700 10px inherit;cursor:pointer}.command-actions button:hover{border-color:rgba(255,173,51,.3);color:#fff;background:#20150f}.command-actions button:disabled{opacity:.35}.command-actions .danger-lite{color:#f3a18d}
.builder{display:grid;grid-template-columns:minmax(400px,500px) minmax(0,1fr);gap:22px;align-items:start}.builder-controls-column{min-width:0}.stage{position:sticky;top:76px;z-index:15;margin:0;background:transparent;padding:0}.plate{background:linear-gradient(180deg,#f9ecd9,#e8d2b4);border:1px solid rgba(255,197,128,.23);border-radius:24px;padding:12px;box-shadow:var(--b12-shadow);overflow:hidden}.plate-top{color:#6e5948;padding:2px 2px 8px}.photo-real-chip{background:#25170f;color:#ffc366}.glwrap{height:min(55vh,570px);min-height:430px;border-radius:17px;border:1px solid rgba(60,31,16,.12)}.plate-bot{color:#25170f;padding:12px 2px 0}.plate-bot .nm{font-size:16px}.plate-bot .pr{color:#b64629;font-size:21px}.add{margin:11px 0 0;width:100%;border-radius:14px;background:linear-gradient(135deg,#2a1b12,#120d0a);color:#fff3e3;box-shadow:0 16px 35px rgba(27,16,10,.18)}.vb{background:rgba(27,17,12,.78);border:1px solid rgba(255,255,255,.08);font-size:9px;padding:8px 9px}.vb.on{background:var(--b12-red)}
.builder-intelligence-panel{border:1px solid var(--b12-line);border-radius:22px;background:linear-gradient(180deg,#1d140f,#140e0b);padding:18px;margin-bottom:14px;box-shadow:var(--b12-shadow)}.builder-intelligence-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.builder-intelligence-head>div{display:grid}.builder-intelligence-head span{color:#af9985;font-size:10px}.builder-intelligence-head strong{font-size:18px;color:#fff}.builder-score{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#ffbd58,#ef8d18);color:#2c1607!important;font-size:18px!important;font-weight:900}.builder-intelligence-panel>p{color:#c0ad9b;font-size:11px;line-height:1.9;margin:10px 0 14px}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:10px 0 16px}.flavor-grid>div{padding:9px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.045)}.flavor-grid span{display:block;color:#d6c6b5;font-size:9px;margin-bottom:7px}.flavor-grid i{display:block;height:5px;background:#30231b;border-radius:99px;overflow:hidden}.flavor-grid b{display:block;height:100%;width:30%;border-radius:99px;background:linear-gradient(90deg,var(--b12-orange2),#ffd176);transition:width .25s}.budget-row{display:flex;justify-content:space-between;gap:10px;color:#c9b7a4;font-size:10px}.budget-row strong{color:#ffd28d}.budget-range{width:100%;accent-color:var(--b12-orange);margin:7px 0 10px}.budget-actions{display:flex;gap:7px}.budget-actions button{flex:1;border:1px solid rgba(255,173,51,.16);background:rgba(255,173,51,.07);color:#ffd69a;border-radius:11px;padding:9px;font:700 10px inherit;cursor:pointer}
.tabs{position:static;background:#17100d;border-color:var(--b12-line);padding:6px;border-radius:15px}.tab{color:#bba996}.tab.on{background:linear-gradient(135deg,#ffb542,#ee8d1a);color:#2d1708}.presets{margin:0;padding:1px 0 10px}.preset{background:#17110d;color:#e7d5c2;border-color:rgba(255,255,255,.07)}.ingredient-discovery{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:10px;align-items:center;margin-bottom:12px}.ingredient-search{display:flex;align-items:center;gap:8px;border:1px solid var(--b12-line);border-radius:14px;background:#140e0b;padding:0 12px;color:#cdb9a5}.ingredient-search input{width:100%;height:44px;border:0;outline:0;background:transparent;color:#fff}.ingredient-filter-chips{display:flex;gap:6px;overflow:auto;scrollbar-width:none}.filter-chip{flex:none;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:#140e0b;color:#ae9b89;padding:0 12px;font:700 9px inherit}.filter-chip.on{border-color:rgba(255,173,51,.25);background:rgba(255,173,51,.1);color:#ffd89c}
.selected-layer-panel{background:linear-gradient(180deg,#1b120e,#140e0b);border-color:var(--b12-line);border-radius:18px}.selected-layer-head strong{color:#fff}.selected-layer-head small{color:#a8937f}.selected-layer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.selected-layer-row{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.05);color:#fff}.selected-layer-row>span{display:grid;min-width:0}.selected-layer-row>span b{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-layer-row>span small{color:#ab9884;font-size:8px}.layer-qty button{background:#100b09;border-color:rgba(255,255,255,.07);color:#fff}.selected-empty{color:#a58f7c}.grp{border:1px solid var(--b12-line);border-radius:20px;background:linear-gradient(180deg,#17100d,#120d0a);padding:14px;margin-bottom:12px}.grp-h h3{color:#fff}.grp-h .bar{background:linear-gradient(90deg,var(--b12-orange),rgba(255,173,51,.1))}.grp-h .meta{color:#998573}.opts{grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:8px}.opt{background:linear-gradient(180deg,#fffaf3,#f5e7d4);border-color:rgba(93,50,23,.1);min-height:115px;border-radius:15px}.opt .ingredient-thumb{width:52px;height:52px;object-fit:contain;background:#fff6ea;border-radius:13px}.opt .n{font-size:11px}.opt .s{font-size:8px}.opt .p{font-size:9px}.opt.on{background:linear-gradient(180deg,#332116,#20150f);border-color:rgba(255,173,51,.32);color:#fff}.opt.on::after{background:var(--b12-orange);color:#241306}.opt.is-hidden-by-filter{display:none}
.builder-order-card{border:1px solid rgba(255,173,51,.18);border-radius:22px;background:linear-gradient(180deg,#24170f,#17100c);padding:18px;margin:16px 0 4px;box-shadow:var(--b12-shadow)}.builder-order-head,.builder-order-total{display:flex;justify-content:space-between;gap:14px;align-items:center}.builder-order-head>div{display:grid}.builder-order-head span{color:#aa9481;font-size:9px}.builder-order-head strong{color:#fff;font-size:17px}.builder-order-head>span{color:#ffce81;font-size:15px;font-weight:800}.builder-order-grid{display:grid;grid-template-columns:200px 1fr;gap:12px;margin-top:14px}.whole-qty{display:grid;gap:7px}.whole-qty>span,.kitchen-note{color:#b9a694;font-size:10px}.whole-qty>div{display:flex;align-items:center;justify-content:space-between;height:46px;border:1px solid rgba(255,255,255,.07);background:#100b09;border-radius:13px;padding:5px}.whole-qty button{width:35px;height:35px;border:0;border-radius:10px;background:#241811;color:#fff;font-size:18px}.kitchen-note{display:grid;gap:7px}.kitchen-note input{height:46px;border-radius:13px;border:1px solid rgba(255,255,255,.07);background:#100b09;color:#fff;padding:0 12px}.builder-order-total{border-top:1px dashed rgba(255,255,255,.08);margin-top:14px;padding-top:13px}.builder-order-total span{color:#bca895;font-size:10px}.builder-order-total strong{color:#ffcb77;font-size:21px}
.builder-dialog{border:0;padding:0;background:transparent;max-width:min(94vw,620px);width:100%}.builder-dialog::backdrop{background:rgba(5,3,2,.76);backdrop-filter:blur(6px)}.dialog-card{background:#17100d;color:#fff;border:1px solid var(--b12-line);border-radius:24px;padding:20px}.dialog-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.dialog-card header span{color:#b9a18b;font-size:10px}.dialog-card h2{font-size:22px}.dialog-card header>button{width:38px;height:38px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#100b09;color:#fff}.dialog-card label{display:grid;gap:7px;color:#c4b09b;font-size:11px}.dialog-card input{height:48px;border-radius:13px;border:1px solid rgba(255,255,255,.08);background:#100b09;color:#fff;padding:0 12px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dialog-actions button{border-radius:12px;padding:10px 16px}.dialog-secondary{border:1px solid rgba(255,255,255,.08);background:#100b09;color:#cbb9a8}.dialog-primary{border:0;background:linear-gradient(135deg,#ffb642,#ef8c18);color:#281407}.saved-recipes-list{display:grid;gap:9px;max-height:60vh;overflow:auto}.saved-recipe-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.06);background:#100b09;border-radius:14px}.saved-recipe-row div{display:grid}.saved-recipe-row small{color:#937e6c;font-size:9px}.saved-recipe-actions{display:flex;gap:6px}.saved-recipe-actions button{border-radius:10px;border:1px solid rgba(255,255,255,.07);background:#1c120d;color:#e8d4be;padding:8px 10px}.saved-recipe-actions .delete{color:#f0a18b}.builder-toast{position:fixed;z-index:200;left:22px;bottom:90px;max-width:320px;padding:12px 15px;border-radius:13px;background:#221710;color:#fff;border:1px solid rgba(255,173,51,.2);opacity:0;transform:translateY(18px);transition:.22s;pointer-events:none}.builder-toast.show{opacity:1;transform:none}.bar{background:rgba(18,12,9,.96);border-top:1px solid var(--b12-line);backdrop-filter:blur(16px)}.bar .i .p{color:var(--b12-orange)}.cta{background:linear-gradient(135deg,#ffb43d,#ed8b18);color:#2a1507}.builder-site-footer{background:#0a0705;border-top:1px solid var(--b12-line)}
@media(max-width:1120px){.builder-command-row{grid-template-columns:1fr}.command-actions{justify-content:flex-start}.builder{grid-template-columns:minmax(340px,430px) minmax(0,1fr)}.flavor-grid{grid-template-columns:repeat(2,1fr)}.ingredient-discovery{grid-template-columns:1fr}.selected-layer-list{grid-template-columns:1fr}}
@media(max-width:900px){.wrap{padding-inline:12px}.hero{padding-top:18px}.hero p{display:block}.builder{display:flex;flex-direction:column}.stage{position:relative;top:auto;order:0;width:100%;z-index:1}.glwrap{height:48vh;min-height:360px}.builder-controls-column{order:1;width:100%}.builder-command-row{padding:10px}.command-actions{display:grid;grid-template-columns:repeat(4,1fr);width:100%}.command-actions button{justify-content:center}.command-actions button span{display:none}.tabs{position:sticky;top:72px;z-index:18;box-shadow:0 12px 25px rgba(0,0,0,.25)}.selected-layer-list{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-order-grid{grid-template-columns:1fr}}
@media(max-width:640px){.builder-header-inner{padding:8px 10px}.builder-brand img{width:36px;height:36px}.builder-brand>span>strong{font-size:15px}.builder-brand small,.builder-account{display:none}.hero h1{font-size:29px}.hero p{font-size:12px}.builder-command-head>div:first-child{display:grid;gap:1px}.builder-live-state span{display:none}.command-actions button{height:40px;font-size:14px}.glwrap{height:42vh;min-height:320px}.flavor-grid{grid-template-columns:repeat(2,1fr)}.selected-layer-list{grid-template-columns:1fr}.opts{grid-template-columns:repeat(2,minmax(0,1fr))}.opt{min-height:108px}.builder-order-card{padding:14px}.saved-recipe-row{grid-template-columns:1fr}.builder-toast{left:12px;right:12px;bottom:84px;max-width:none}}