.menu-preview{--mp-accent:#e63946;--mp-accent-rgb:230, 57, 70;position:relative;background:radial-gradient(circle at 20% 10%,rgb(124 58 237 / .12),transparent 28%),radial-gradient(circle at 80% 85%,rgb(16 185 129 / .08),transparent 24%),var(--color-bg-secondary);isolation:isolate}.menu-preview::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgb(255 255 255 / .015),transparent 24%);pointer-events:none;z-index:var(--z-behind)}.menu-preview__header{max-width:760px;margin-bottom:var(--space-10)}.menu-preview__preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.menu-preview__preset-card{display:flex;align-items:center;gap:14px;width:100%;min-height:98px;padding:18px;text-align:right;border-radius:24px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,rgb(255 255 255 / .06),rgb(255 255 255 / .02)),rgb(12 12 24 / .88);color:var(--color-text-primary);box-shadow:0 18px 40px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .06);transition:transform 0.35s cubic-bezier(.22,1,.36,1),border-color 0.3s ease,box-shadow 0.3s ease,background 0.3s ease}.menu-preview__preset-card:hover,.menu-preview__preset-card.is-active{transform:translateY(-4px);border-color:rgb(124 58 237 / .36);box-shadow:0 22px 48px rgb(0 0 0 / .22),0 12px 30px rgb(124 58 237 / .12),inset 0 1px 0 rgb(255 255 255 / .08)}.menu-preview__preset-icon{width:54px;height:54px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;color:#a78bfa;background:linear-gradient(135deg,rgb(124 58 237 / .18),rgb(59 130 246 / .1));border:1px solid rgb(124 58 237 / .18)}.menu-preview__preset-icon svg{width:28px;height:28px}.menu-preview__preset-text{display:grid;gap:4px;min-width:0}.menu-preview__preset-text strong{font-size:1rem;font-weight:var(--fw-bold)}.menu-preview__preset-text small{font-size:.83rem;line-height:1.7;color:var(--color-text-secondary)}.menu-preview__workspace{direction:ltr;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(320px,0.86fr);gap:clamp(18px, 3vw, 28px);align-items:start}.menu-preview__preview-column,.menu-preview__controls{direction:rtl;min-width:0}.menu-preview__browser{--mp-accent-rgb:230, 57, 70;position:relative;overflow:hidden;border-radius:34px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,rgb(255 255 255 / .06),rgb(255 255 255 / .018)),rgb(8 8 18 / .94);box-shadow:0 30px 80px rgb(0 0 0 / .24),0 12px 30px rgb(124 58 237 / .08),inset 0 1px 0 rgb(255 255 255 / .08)}.menu-preview__browser::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 100% 0%,rgba(var(--mp-accent-rgb),.2),transparent 32%),linear-gradient(180deg,rgb(255 255 255 / .03),transparent 28%);pointer-events:none}.menu-preview__browser-bar,.menu-preview__browser-body{position:relative;z-index:1}.menu-preview__browser-bar{display:flex;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid rgb(255 255 255 / .07)}.menu-preview__browser-dots{display:inline-flex;align-items:center;gap:6px}.menu-preview__browser-dots span{width:10px;height:10px;border-radius:50%;background:rgb(255 255 255 / .22)}.menu-preview__browser-dots span:first-child{background:rgb(248 113 113 / .8)}.menu-preview__browser-dots span:nth-child(2){background:rgb(251 191 36 / .8)}.menu-preview__browser-dots span:last-child{background:rgb(52 211 153 / .8)}.menu-preview__browser-address{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:999px;background:rgb(255 255 255 / .05);color:var(--color-text-secondary);font-size:.85rem}.menu-preview__browser-body{padding:18px}.menu-preview__brand-card{margin-bottom:18px;padding:16px;border-radius:26px;border:1px solid rgb(255 255 255 / .07);background:linear-gradient(180deg,rgb(255 255 255 / .04),rgb(255 255 255 / .01)),rgb(255 255 255 / .02);box-shadow:inset 0 -3px 0 rgba(var(--mp-accent-rgb),.85)}.menu-preview__brand-meta{display:flex;align-items:center;gap:14px}.menu-preview__brand-logo{width:56px;height:56px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,rgba(var(--mp-accent-rgb),.2),rgba(var(--mp-accent-rgb),.08));border:1px solid rgba(var(--mp-accent-rgb),.34);overflow:hidden;color:#fff}.menu-preview__brand-logo-image{width:100%;height:100%;object-fit:cover}.menu-preview__brand-logo-fallback{font-size:1.2rem;font-weight:var(--fw-bold)}.menu-preview__brand-copy{min-width:0}.menu-preview__preview-eyebrow{display:inline-block;margin-bottom:4px;font-size:.74rem;color:rgba(var(--mp-accent-rgb),.95)}.menu-preview__brand-copy h3{margin:0;font-size:1.15rem;font-weight:var(--fw-bold)}.menu-preview__tabs{display:flex;gap:8px;margin-bottom:18px;overflow-x:auto;padding-bottom:4px}.menu-preview__tab{position:relative;min-height:36px;padding:0 12px;border-radius:14px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,rgb(255 255 255 / .04),rgb(255 255 255 / .015)),rgb(255 255 255 / .02);color:var(--color-text-secondary);font-size:.8rem;font-weight:var(--fw-medium);white-space:nowrap;box-shadow:inset 0 1px 0 rgb(255 255 255 / .03);transition:all var(--transition-base)}.menu-preview__tab::after{content:'';position:absolute;inset-inline:10px;bottom:5px;height:2px;border-radius:999px;background:rgba(var(--mp-accent-rgb),.95);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-base)}.menu-preview__tab.is-active,.menu-preview__tab:hover{color:#fff;border-color:rgba(var(--mp-accent-rgb),.44);background:linear-gradient(180deg,rgba(var(--mp-accent-rgb),.26),rgba(var(--mp-accent-rgb),.12)),rgba(var(--mp-accent-rgb),.16)}.menu-preview__tab.is-active{box-shadow:0 10px 18px rgb(0 0 0 / .16),0 0 0 1px rgba(var(--mp-accent-rgb),.2) inset}.menu-preview__tab.is-active::after,.menu-preview__tab:hover::after{transform:scaleX(1)}.menu-preview__items-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.menu-preview__item-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border-radius:18px;border:1px solid rgb(255 255 255 / .07);background:linear-gradient(180deg,rgb(255 255 255 / .05),rgb(255 255 255 / .015)),rgb(255 255 255 / .02);box-shadow:0 14px 26px rgb(0 0 0 / .14)}.menu-preview__item-visual{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 35% 30%,rgba(var(--mp-accent-rgb),.18),transparent 34%),linear-gradient(145deg,rgba(var(--mp-accent-rgb),.1),rgba(var(--mp-accent-rgb),.05));border:1px solid rgba(var(--mp-accent-rgb),.25);color:rgb(255 255 255 / .96)}.menu-preview__item-visual img{width:100%;height:100%;object-fit:cover}.menu-preview__item-visual svg{width:22px;height:22px}.menu-preview__item-copy{display:grid;gap:6px;min-width:0}.menu-preview__item-copy h4{margin:0;font-size:.86rem;font-weight:var(--fw-bold)}.menu-preview__item-price{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:27px;padding:0 9px;border-radius:999px;color:#fff;font-size:.74rem;background:rgba(var(--mp-accent-rgb),.88)}.menu-preview__footer-badge{display:flex;justify-content:center;margin-top:18px}.menu-preview__footer-badge span{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;font-size:.8rem;color:var(--color-text-secondary);background:rgb(255 255 255 / .04)}.menu-preview__trust-chip{display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:18px;border:1px solid rgb(255 255 255 / .08);background:rgb(255 255 255 / .03);color:var(--color-text-secondary);font-size:.88rem}.menu-preview__trust-chip svg{width:18px;height:18px;color:#fbbf24;flex-shrink:0}.menu-preview__controls-shell{display:grid;gap:16px;padding:18px;border-radius:30px;border:1px solid rgb(255 255 255 / .08);background:linear-gradient(180deg,rgb(255 255 255 / .05),rgb(255 255 255 / .018)),rgb(8 8 18 / .88);box-shadow:0 24px 52px rgb(0 0 0 / .18),inset 0 1px 0 rgb(255 255 255 / .06)}.menu-preview__control{display:grid;gap:10px}.menu-preview__control-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.menu-preview__control-head small{font-size:.74rem;color:var(--color-text-tertiary)}.menu-preview__control-label{font-size:.92rem;font-weight:var(--fw-semibold);color:var(--color-text-primary)}.menu-preview__text-input,.menu-preview__upload-box{min-height:60px;border-radius:20px}.menu-preview__text-input{width:100%;padding:0 18px;border:1px solid rgb(255 255 255 / .08);background:rgb(255 255 255 / .03);color:var(--color-text-primary);transition:border-color 0.3s ease,box-shadow 0.3s ease,background 0.3s ease}.menu-preview__text-input:focus{outline:none;border-color:rgb(124 58 237 / .34);background:rgb(255 255 255 / .04);box-shadow:0 0 0 4px rgb(124 58 237 / .1)}.menu-preview__text-input::placeholder{color:var(--color-text-tertiary)}.menu-preview__file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.menu-preview__upload-box{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:1px dashed rgb(255 255 255 / .16);background:rgb(255 255 255 / .02);color:var(--color-text-primary);transition:all var(--transition-base)}.menu-preview__upload-box:hover{border-color:rgb(124 58 237 / .32);transform:translateY(-2px)}.menu-preview__upload-thumb{width:52px;height:52px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:18px;background:linear-gradient(135deg,rgb(124 58 237 / .18),rgb(59 130 246 / .12));color:#fff;font-weight:var(--fw-bold);overflow:hidden}.menu-preview__upload-thumb img{width:100%;height:100%;object-fit:cover}.menu-preview__upload-copy{display:grid;gap:4px;text-align:right}.menu-preview__upload-copy strong{font-size:.94rem}.menu-preview__upload-copy small{font-size:.78rem;color:var(--color-text-secondary);line-height:1.65}.menu-preview__swatches{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.menu-preview__swatch,.menu-preview__color-picker{width:42px;height:42px;border-radius:50%;flex-shrink:0}.menu-preview__swatch{border:2px solid rgb(255 255 255 / .08);background:var(--menu-preview-swatch);box-shadow:inset 0 0 0 1px rgb(255 255 255 / .18);transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.menu-preview__swatch:hover,.menu-preview__swatch.is-active{transform:scale(1.06);border-color:rgb(255 255 255 / .92);box-shadow:0 10px 20px rgb(0 0 0 / .14),inset 0 0 0 1px rgb(255 255 255 / .28)}.menu-preview__color-picker{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgb(255 255 255 / .12);background:rgb(255 255 255 / .04);overflow:hidden}.menu-preview__color-picker input{width:100%;height:100%;border:0;background:#fff0;padding:0;cursor:pointer}.menu-preview__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.menu-preview__actions .btn{flex:1 1 220px}[data-theme="light"] .menu-preview{background:radial-gradient(circle at 20% 10%,rgb(124 58 237 / .08),transparent 28%),radial-gradient(circle at 80% 85%,rgb(16 185 129 / .05),transparent 24%),var(--color-bg-secondary)}[data-theme="light"] .menu-preview__preset-card,[data-theme="light"] .menu-preview__browser,[data-theme="light"] .menu-preview__controls-shell{background:linear-gradient(180deg,rgb(255 255 255 / .98),rgb(248 247 252 / .94)),rgb(255 255 255 / .96);border-color:rgb(124 58 237 / .1);box-shadow:0 20px 46px rgb(15 23 42 / .08),inset 0 1px 0 rgb(255 255 255 / .92)}[data-theme="light"] .menu-preview__preset-card:hover,[data-theme="light"] .menu-preview__preset-card.is-active{border-color:rgba(var(--mp-accent-rgb),.3);background:linear-gradient(180deg,rgb(255 255 255),rgb(250 246 255 / .98)),rgb(255 255 255 / .98);box-shadow:0 22px 48px rgb(15 23 42 / .12),0 14px 28px rgba(var(--mp-accent-rgb),.12),0 0 0 1px rgba(var(--mp-accent-rgb),.16) inset}[data-theme="light"] .menu-preview__preset-card.is-active .menu-preview__preset-icon{color:rgb(var(--mp-accent-rgb));background:linear-gradient(135deg,rgba(var(--mp-accent-rgb),.18),rgba(var(--mp-accent-rgb),.08));border-color:rgba(var(--mp-accent-rgb),.24)}[data-theme="light"] .menu-preview__preset-card.is-active .menu-preview__preset-text strong{color:rgb(var(--mp-accent-rgb))}[data-theme="light"] .menu-preview__browser-address,[data-theme="light"] .menu-preview__tab,[data-theme="light"] .menu-preview__footer-badge span,[data-theme="light"] .menu-preview__trust-chip,[data-theme="light"] .menu-preview__item-card,[data-theme="light"] .menu-preview__brand-card,[data-theme="light"] .menu-preview__text-input,[data-theme="light"] .menu-preview__upload-box,[data-theme="light"] .menu-preview__color-picker{background:rgb(255 255 255 / .84);border-color:rgb(124 58 237 / .08)}[data-theme="light"] .menu-preview__tab.is-active,[data-theme="light"] .menu-preview__tab:hover{color:var(--color-brand-700)}[data-theme="light"] .menu-preview__tab.is-active{box-shadow:0 10px 18px rgb(15 23 42 / .08),0 0 0 1px rgba(var(--mp-accent-rgb),.14) inset}@media (max-width:1024px){.menu-preview__preset-grid,.menu-preview__workspace{grid-template-columns:1fr}.menu-preview__preview-column{order:-1}}@media (max-width:767px){.menu-preview__preset-grid{gap:12px}.menu-preview__preset-card{min-height:86px;padding:16px;border-radius:20px}.menu-preview__browser{border-radius:26px}.menu-preview__browser-body,.menu-preview__controls-shell{padding:16px}.menu-preview__items-grid{grid-template-columns:1fr}.menu-preview__actions .btn{width:100%;flex-basis:100%}}@media (max-width:520px){.menu-preview__preset-card{align-items:flex-start}.menu-preview__control-head{flex-direction:column;align-items:flex-start}.menu-preview__brand-meta{align-items:flex-start}}