:root{color-scheme:dark;--ink:#f8f4f3;--muted:#aaa2a5;--line:#3c2b31;--red:#f24437}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#0b090c;font-family:Arial,Tahoma,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #453039;background:#251c23;border-radius:12px;touch-action:manipulation}button:hover:not(:disabled){border-color:#f16a52;background:#34232a}button:focus-visible,a:focus-visible{outline:2px solid #ff9d77;outline-offset:3px}button:disabled{opacity:.28;cursor:default}.demo-shell{max-width:1100px;margin:auto;padding:24px}.demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:12px}.brand{color:#fff;text-decoration:none;font-weight:900;font-size:21px;letter-spacing:-.7px}.brand span{color:var(--red)}.demo-badge{color:#d6adb0;font-size:11px;border:1px solid #533237;border-radius:30px;padding:8px 11px}.fast-custom-dialog{background:#131015;border:1px solid #57313b;border-radius:22px;box-shadow:0 20px 90px #0008;overflow:hidden;padding:26px}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:#ef8977;margin:0 0 10px}h1{font-size:28px;letter-spacing:-.8px;margin:0}.reset{font-size:12px;padding:12px 15px}.fast-builder{display:grid;grid-template-columns:1.1fr 1fr;gap:28px}.fast-builder-visual{min-width:0}.fast-burger-stage{height:440px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 43%,#70332538,transparent 62%),linear-gradient(155deg,#231118,#120d12 80%);border:1px solid #472a31;border-radius:17px;isolation:isolate}.stage-glow{position:absolute;inset:10% 0 14%;background:radial-gradient(ellipse,#bc663c0c,transparent 65%)}.stage-floor{position:absolute;bottom:18px;left:11%;width:78%;height:44px;border-radius:50%;border:1px solid #9d554222;background:radial-gradient(ellipse,#9b58320b,transparent 70%)}.stage-shadow{position:absolute;bottom:31px;left:23%;width:54%;height:21px;background:#000;border-radius:50%;filter:blur(10px);opacity:.7}.stage-caption{position:absolute;left:20px;top:20px;color:#ad7972;font-size:9px;letter-spacing:2px}.fast-burger-stack{position:absolute;bottom:40px;left:50%;width:320px;transform-origin:50% 100%;transform:translateX(-50%) scale(var(--burger-scale,1));will-change:transform}.fast-burger-layer{position:absolute;left:0;width:320px;height:auto!important;max-width:none;object-fit:contain;display:block;transform-origin:50% 78%;filter:drop-shadow(0 5px 3px #12060138);will-change:transform,opacity;pointer-events:none;user-select:none}.layer-top{filter:drop-shadow(0 7px 4px #19090260)}.layer-cheese{filter:drop-shadow(0 3px 1px #35180540)}.layer-sauce{filter:drop-shadow(0 2px 2px #31100720)}.visual-description{margin:18px 0 12px;display:flex;align-items:center;gap:8px;color:#e5c7ba;font-size:13px}.live-dot{height:5px;width:5px;border-radius:50%;background:#ef8c67}.fast-selected{min-height:31px;display:flex;flex-wrap:wrap;gap:5px}.fast-ingredient-chip{padding:5px 8px;border:1px solid #49313a;border-radius:7px;font-size:11px;color:#cdbac0}.visual-note{font-size:11px;line-height:1.5;color:#81777d;max-width:340px}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:2px 0 13px}.panel-heading h2{font-size:18px;margin:0}.panel-heading>span{color:#8d7c83;font-size:11px}.fast-modifier{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:14px 0;border-top:1px solid #34262f}.fast-modifier b{display:block;font-size:14px}.fast-modifier small{display:block;font-size:11px;color:#9b8d94;margin-top:5px}.fast-stepper{display:flex;align-items:center;gap:7px;direction:ltr}.fast-stepper button{width:35px;height:35px;font-size:21px}.fast-stepper output{font-size:14px;font-weight:bold;width:20px;text-align:center}.unavailable{color:#74676f;border-top:1px solid #34262f;display:flex;justify-content:space-between;padding:13px 0;font-size:10px}.unavailable>span+span{color:#a87f75}.fast-builder-footer{border-top:1px solid #513039;margin-top:6px;padding-top:14px}.fast-builder-footer p{font-size:13px;color:#ffc3a7;margin:0 0 7px}.fast-builder-footer>span{font-size:11px;color:#9e8c95}.demo-footer{font-size:11px;color:#80727b;text-align:center;margin:20px 0}.fast-burger-stage[data-motion='lifting'] .stage-shadow{opacity:.58}
@media(max-width:700px){.demo-shell{padding:12px}.demo-header{margin-bottom:14px}.brand{font-size:17px}.demo-badge{font-size:9px;padding:6px 8px}.fast-custom-dialog{padding:15px;border-radius:16px}.dialog-heading{margin-bottom:14px;align-items:flex-start}h1{font-size:20px}.eyebrow{font-size:8px;letter-spacing:1.1px;margin-bottom:7px}.reset{font-size:0;width:32px;height:32px;padding:0}.reset:after{content:'↺';font-size:21px}.fast-builder{grid-template-columns:1fr;gap:10px}.fast-builder-visual{position:sticky;top:8px;z-index:3;background:#131015;padding-bottom:4px}.fast-burger-stage{height:245px;border-radius:12px}.stage-caption{top:12px;left:13px;font-size:8px}.fast-burger-stack{bottom:23px}.stage-shadow{bottom:17px}.stage-floor{bottom:6px;height:31px}.visual-description{font-size:11px;margin:9px 0 0}.fast-selected,.visual-note{display:none}.panel-heading{padding:5px 0 9px}.panel-heading h2{font-size:15px}.fast-modifier{padding:8px 0;min-height:45px}.fast-modifier b{font-size:12px}.fast-modifier small{font-size:10px;margin-top:3px}.fast-stepper button{height:32px;width:32px}.fast-stepper{gap:5px}.unavailable{font-size:9px;padding:10px 0}.fast-builder-footer{padding-top:10px}.demo-footer{font-size:9px}.fast-burger-layer{filter:drop-shadow(0 4px 2px #12060138)}}
@media(max-width:380px){.demo-shell{padding:8px}.fast-custom-dialog{padding:12px}.fast-burger-stage{height:210px}.fast-modifier{padding:6px 0;min-height:41px}.fast-modifier small{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}