html,body,#root{width:100%;height:100%;margin:0;font-family:DM Sans,system-ui,sans-serif;overflow:hidden}body{background:#1f2128}*{box-sizing:border-box}button{font:inherit}.canvas-shell{background:linear-gradient(#ffffff05,#ffffff05),linear-gradient(#2f323a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#2f323a 1px,#0000 1px) 0 0/24px 24px,#23252b;flex-direction:column;width:100vw;height:100%;display:flex;position:fixed;inset:0}.canvas-toolbar{backdrop-filter:blur(12px);background:#191a1fe6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.toolbar-meta{flex-direction:column;gap:2px;display:flex}.toolbar-title{color:#fff;font-size:14px;font-weight:700}.toolbar-subtitle{color:#ffffff8c;font-size:12px}.toolbar-mode{color:#b8b3ffe6;font-size:12px}.toolbar-controls{align-items:center;gap:8px;display:flex}.toolbar-controls button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;place-items:center;min-width:34px;height:34px;display:grid}.toolbar-controls .reset-button{width:auto;padding:0 12px;font-size:13px;font-weight:600}.zoom-readout{text-align:center;color:#ffffffd1;min-width:58px;font-size:13px;font-weight:700}.canvas-viewport{cursor:grab;flex:1;width:100%;position:relative;overflow:hidden}.canvas-viewport:active{cursor:grabbing}.canvas-viewport.page-interaction{cursor:default}.board-scene{transform-origin:0 0;align-items:flex-start;gap:96px;padding:40px 24px 64px;display:flex;position:absolute;top:0;left:0}.artboard-wrap{flex-direction:column;gap:16px;display:flex}.artboard-meta{color:#ffffffad;letter-spacing:0;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px;font-weight:600}.artboard-frame{background:#00000047;border-radius:18px;padding:14px;transition:box-shadow .12s,outline-color .12s;box-shadow:0 24px 60px #00000057}.artboard-frame.active{box-shadow:0 24px 60px #00000057,0 0 0 2px #6357ffbf}.artboard-host{border-radius:36px;width:393px;height:852px;transition:box-shadow .12s,outline-color .12s;overflow:hidden}.artboard-host>*{width:100%;height:100%}.artboard-host.selected-page{box-shadow:inset 0 0 0 2px #b8b3fff2,inset 0 0 0 8px #6357ff1f}@media (width<=900px){.canvas-toolbar{padding:12px}.toolbar-subtitle{display:none}.board-scene{gap:64px;padding-left:18px}}.diner-auth-handoff,.diner-landing,.diner-dashboard{color:#17191f;background:#fff;position:fixed;inset:0;overflow:auto}.diner-landing{flex-direction:column;min-height:100%;display:flex}.diner-auth-handoff{place-items:center;padding:24px;display:grid}.diner-auth-panel{background:#ffffffe6;border:1px solid #1f212814;border-radius:8px;width:min(520px,100%);padding:36px;box-shadow:0 24px 70px #1f21281f}.diner-logo-mark,.diner-app-icon,.diner-empty-icon,.diner-dropzone-icon{color:#fff;background:#17191f;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.diner-landing-nav{z-index:3;justify-content:space-between;align-items:center;gap:24px;width:min(1360px,100% - 56px);margin:0 auto;padding:42px 0 18px;display:flex;position:relative}.diner-brand{color:#050505;align-items:center;gap:11px;font-size:25px;font-weight:900;display:flex}.diner-fast-mark{align-content:center;gap:3px;width:42px;height:22px;display:grid;position:relative;transform:skew(-19deg)}.diner-fast-mark span{background:#050505;border-radius:999px;height:5px;display:block}.diner-fast-mark span:first-child{width:38px}.diner-fast-mark span:nth-child(2){width:28px;margin-left:7px}.diner-fast-mark span:nth-child(3){width:18px;margin-left:14px}.diner-landing-nav .diner-logo-mark{border-radius:8px;width:34px;height:34px}.diner-landing-nav nav{align-items:center;gap:30px;margin-left:auto;display:flex}.diner-landing-nav a{color:#fff;text-shadow:0 2px 12px #00000040;font-size:21px;font-weight:700;text-decoration:none}.diner-landing-nav a:hover{color:#050505;text-shadow:none}.diner-landing-cta{color:#fff;cursor:pointer;background:#19191f;border:0;border-radius:13px;align-items:center;gap:18px;min-height:60px;padding:0 13px 0 27px;font-size:20px;font-weight:800;display:flex;box-shadow:inset 0 1px #ffffff3d,0 8px 24px #0000002e}.diner-landing-cta span{color:#fff;background:#37373f;border-radius:999px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.diner-hero{text-align:center;flex-direction:column;flex:1;align-items:center;width:min(1360px,100% - 56px);margin:0 auto;padding:120px 0 0;display:flex;position:relative}.diner-hero-blur{filter:blur(10px);opacity:.86;pointer-events:none;border-radius:0 0 50% 50%;width:min(1160px,96vw);height:310px;position:absolute;top:-128px;left:50%;overflow:hidden;transform:translate(-50%)}.diner-hero-blur:after{content:"";background:linear-gradient(#0000 18%,#ffffff2e,#fff 86%);position:absolute;inset:0}.blur-card{background-size:cover;border-radius:34px;width:390px;height:240px;position:absolute;top:0;box-shadow:0 16px 70px #0000003d}.card-one{background:linear-gradient(135deg,#ffffff14,#fff0),linear-gradient(145deg,#151515 0%,#c13d36 48%,#ffe1c6 100%);left:80px;transform:rotate(-8deg)}.card-two{background:linear-gradient(135deg,#ffffff2e,#fff0),linear-gradient(145deg,#f2d3bc 0%,#e54e45 42%,#2d3035 100%);left:385px;transform:rotate(3deg)}.card-three{background:linear-gradient(135deg,#fff3,#fff0),linear-gradient(145deg,#19191f 0%,#ff7266 52%,#fff1dd 100%);right:96px;transform:rotate(8deg)}.diner-announcement{z-index:2;color:#26262b;background:#ffffffd6;border:2px solid #ffffffeb;border-radius:999px;align-items:center;gap:15px;max-width:min(720px,100%);min-height:50px;padding:6px 20px 6px 8px;font-size:19px;font-weight:800;text-decoration:none;display:inline-flex;position:relative;box-shadow:0 12px 42px #0000001f}.diner-announcement span{color:#fff;background:#f0443e;border-radius:999px;place-items:center;min-width:64px;height:38px;font-size:18px;font-weight:900;display:grid}.diner-hero-copy h1{color:#050505;letter-spacing:0;max-width:1040px;margin:54px auto 0;font-size:112px;font-weight:900;line-height:.95}.diner-hero-copy h1 em{font-style:italic}.diner-hero-copy>p{color:#66666f;max-width:720px;margin:36px auto 0;font-size:26px;line-height:1.42}.diner-proof-row{justify-content:center;gap:20px;margin-top:42px;display:flex}.diner-proof-row div{text-align:left;background:#fff;border:2px solid #ff786f;border-radius:14px;flex-wrap:wrap;justify-content:flex-start;align-items:center;column-gap:14px;width:350px;min-width:0;min-height:76px;padding:14px 18px;display:flex}.diner-proof-row strong{color:#f96f65;width:calc(100% - 62px);font-size:13px;line-height:1}.diner-proof-row span{color:#f96f65;font-size:22px;font-weight:900;line-height:1.1}.diner-proof-row .proof-medal,.diner-proof-row .proof-product{color:#fff;border-radius:999px;flex:none;place-items:center;width:46px;height:46px;font-size:21px;font-weight:900;display:grid}.proof-medal{background:#c98745;box-shadow:0 9px 0 -4px #9e612c}.proof-product{background:#f96f65}.diner-phone-showcase{width:min(420px,78vw);height:500px;margin-top:54px;position:relative}.showcase-glow{filter:blur(10px);background:radial-gradient(circle at 50% 18%,#ff786f9e,#ff786f29 42%,#0000 72%);border-radius:42px 42px 0 0;position:absolute;inset:36px 2px 0}.showcase-phone{background:#fbefea;border:12px solid #202127;border-bottom:0;border-radius:42px 42px 0 0;width:330px;height:500px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 24px 62px #00000038}.phone-speaker{background:#15161b;border-radius:999px;width:86px;height:24px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.mini-toolbar{color:#5c5555;justify-content:space-between;margin:64px 22px 18px;font-size:13px;font-weight:900;display:flex}.mini-board{gap:14px;padding:0 22px;display:flex}.mini-screen{background:#fff;border-radius:22px;width:132px;min-height:220px;padding:14px;box-shadow:0 16px 34px #89524c29}.mini-screen.variant{background:#fff7f5;outline:2px solid #ff786f}.mini-screen strong{color:#1f2026;margin-bottom:16px;font-size:16px;display:block}.mini-screen span{background:#f1dfdb;border-radius:12px;height:34px;margin-top:10px;display:block}.mini-screen span:nth-child(3){background:linear-gradient(145deg,#ff786f,#f6c5b6);height:68px}.prompt-bar{color:#fff;background:#19191f;border-radius:18px;margin:24px 22px 0;padding:14px 16px;font-size:14px;font-weight:800}.diner-hero-preview{background-color:#fdfdfe;background-image:linear-gradient(#e3e6ee 1px,#0000 1px),linear-gradient(90deg,#e3e6ee 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:24px 24px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #1f212814;border-radius:8px;min-height:560px;position:relative;overflow:hidden;box-shadow:0 28px 80px #1f212824}.diner-preview-toolbar{z-index:2;background:#ffffffe0;border:1px solid #1f212814;border-radius:8px;align-items:center;gap:8px;padding:8px;display:flex;position:absolute;top:18px;left:18px;box-shadow:0 12px 28px #1f21281a}.tool,.zoom-chip{color:#5d626e;border-radius:8px;place-items:center;min-width:30px;height:30px;font-size:12px;font-weight:900;display:grid}.tool.active{color:#fff;background:#17191f}.zoom-chip{background:#f0f2f6;padding:0 9px}.diner-preview-canvas{position:absolute;inset:0}.preview-screen{flex-direction:column;gap:10px;display:flex;position:absolute}.screen-home{top:94px;left:58px}.screen-detail{top:62px;right:74px}.screen-variant{bottom:54px;right:186px}.screen-label,.variant-label{color:#5d626e;font-size:12px;font-weight:900}.variant-label{color:#f0443e}.phone-frame{background:#fff;border:8px solid #17191f;border-radius:28px;width:174px;height:344px;padding:18px 14px;overflow:hidden;box-shadow:0 18px 48px #1f21282e}.phone-frame.variant{background:#fff7f5;border-color:#ff786f}.phone-top{background:#d7dbe4;border-radius:999px;width:54px;height:6px;margin:0 auto 20px}.phone-frame strong{color:#181b22;font-size:16px;line-height:1.1;display:block}.phone-frame p{color:#727987;margin:8px 0 0;font-size:11px}.search-bar{background:#eef1f5;border-radius:999px;width:100%;height:28px;margin-top:18px}.category-row{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px;display:grid}.category-row span{background:#ebeef4;border-radius:10px;height:30px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px;display:grid}.product-grid span{background:linear-gradient(135deg,#ff786f38,#0000),#eff2f6;border-radius:12px;height:70px}.product-hero{background:radial-gradient(circle at 35% 30%,#ffffffb8,#0000 26%),linear-gradient(135deg,#f0443e,#1f2026);border-radius:18px;height:126px;margin-bottom:18px}.phone-cta{background:#17191f;border-radius:999px;height:36px;margin-top:28px}.diner-auth-panel h1,.diner-dashboard h1,.diner-empty-state h2,.diner-modal h2{color:#17191f;letter-spacing:0;margin:0}.diner-auth-panel h1{margin-top:22px;font-size:34px;line-height:1.04}.diner-auth-panel p,.diner-dashboard-header p,.diner-empty-state p,.diner-modal-copy,.diner-dropzone span,.diner-app-card span,.diner-app-card small{color:#5d626e;line-height:1.5}.diner-auth-note,.diner-error{border-radius:8px;margin-top:20px;padding:14px;font-size:14px;line-height:1.45}.diner-auth-note{color:#6d211e;background:#f0443e12;border:1px solid #f0443e33}.diner-error{color:#8b1e31;background:#be314414;border:1px solid #be31443d}.diner-dashboard{padding:40px}.diner-dashboard-header{justify-content:space-between;align-items:flex-start;gap:32px;max-width:1180px;margin:0 auto 32px;display:flex}.diner-dashboard-header h1{margin-top:8px;font-size:42px;line-height:1}.diner-dashboard-header p{max-width:620px;margin:12px 0 0;font-size:16px}.diner-section-label{color:#f0443e;letter-spacing:0;font-size:13px;font-weight:800}.diner-header-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:320px;display:flex}.diner-user-email{color:#5d626e;text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:14px;font-weight:700;overflow:hidden}.diner-primary-button,.diner-secondary-button,.diner-icon-button{cursor:pointer;letter-spacing:0;border:0;border-radius:8px;font-weight:800}.diner-primary-button,.diner-secondary-button{min-height:40px;padding:0 16px;font-size:14px}.diner-primary-button{color:#fff;background:#17191f}.diner-primary-button:disabled{cursor:not-allowed;color:#747986;background:#c8ccd5}.diner-secondary-button{color:#252832;background:#fff;border:1px solid #1f21281f}.diner-app-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;max-width:1180px;margin:0 auto;display:grid}.diner-app-card{color:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #1f212814;border-radius:8px;flex-direction:column;align-items:flex-start;gap:10px;min-height:210px;padding:20px;display:flex;box-shadow:0 16px 42px #1f212814}.diner-app-card:hover{border-color:#f0443e5c;box-shadow:0 20px 54px #1f21281f}.diner-app-card-top{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.diner-app-card strong{margin-top:8px;font-size:21px;line-height:1.15}.diner-app-card small{margin-top:auto;font-size:13px}.diner-status{text-align:center;border-radius:999px;max-width:150px;padding:6px 9px;font-size:12px;font-weight:800;line-height:1}.status-ready{color:#1d6b49;background:#26845b1f}.status-import_pending{color:#855319;background:#d1892b24}.status-import_unavailable{color:#4f5562;background:#5d626e24}.diner-empty-state{background:#ffffffeb;border:1px solid #1f212814;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;width:min(640px,100%);min-height:360px;margin:70px auto 0;padding:36px;display:flex;box-shadow:0 18px 54px #1f212817}.diner-empty-icon,.diner-dropzone-icon{color:#f0443e;background:#f0443e1c;font-size:28px}.diner-empty-state h2{font-size:28px}.diner-empty-state p{margin:0;font-size:15px}.diner-loader{border:3px solid #f0443e29;border-top-color:#f0443e;border-radius:999px;width:34px;height:34px;animation:.8s linear infinite diner-spin}.diner-modal-backdrop{backdrop-filter:blur(10px);z-index:20;background:#17191f75;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.diner-modal{background:#fff;border:1px solid #ffffff6b;border-radius:8px;width:min(620px,100%);padding:26px;box-shadow:0 30px 90px #17191f3d}.diner-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.diner-modal h2{margin-top:6px;font-size:30px;line-height:1.05}.diner-icon-button{color:#252832;background:#f0f2f5;flex:none;place-items:center;width:34px;height:34px;font-size:18px;line-height:1;display:grid}.diner-modal-copy{margin:16px 0 0}.diner-dropzone{text-align:center;background:#f7f7fb;border:1px dashed #f0443e61;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:190px;margin-top:22px;padding:28px;display:flex}.diner-dropzone.disabled{cursor:not-allowed}.diner-dropzone strong{color:#17191f;font-size:18px}.diner-dropzone span:last-child{max-width:420px;font-size:14px}.diner-modal-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.diner-hero-actions{justify-content:center;margin-top:36px;display:flex}.diner-hero-cta{min-height:64px;padding-left:32px;font-size:22px}.diner-announcement{cursor:pointer;border-width:2px}.diner-announcement:hover{border-color:#050505}.diner-signin-modal{width:min(440px,100%)}.diner-signin-form{flex-direction:column;gap:18px;display:flex}.diner-field{flex-direction:column;gap:8px;margin-top:6px;display:flex}.diner-field span{color:#17191f;letter-spacing:.02em;text-transform:uppercase;font-size:13px;font-weight:800}.diner-field input{color:#17191f;background:#fff;border:1px solid #1f21282e;border-radius:8px;width:100%;min-height:44px;padding:0 14px;font-family:inherit;font-size:16px}.diner-field input:focus{outline-offset:1px;border-color:#17191f;outline:2px solid #f0443e3d}.diner-field input:disabled{color:#8a8f9c;background:#f4f5f8}.diner-google-button{color:#17191f;cursor:pointer;background:#fff;border:1px solid #1f21282e;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 16px;font-family:inherit;font-size:15px;font-weight:800;display:flex}.diner-google-button:hover{background:#f8f8fb;border-color:#17191f}.diner-google-button:disabled{cursor:not-allowed;color:#8a8f9c;background:#f4f5f8}.diner-or-divider{color:#8a8f9c;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.diner-or-divider:before,.diner-or-divider:after{content:"";background:#1f21281f;flex:1;height:1px}@keyframes diner-spin{to{transform:rotate(360deg)}}@media (width<=760px){.diner-landing-nav{flex-wrap:wrap;width:min(100% - 32px,620px);padding-top:24px}.diner-brand{font-size:21px}.diner-landing-nav nav{order:3;justify-content:center;width:100%}.diner-landing-nav a{color:#5d626e;text-shadow:none;font-size:15px}.diner-landing-cta{min-height:48px;padding-left:18px;font-size:15px}.diner-landing-cta span{width:32px;height:32px;font-size:18px}.diner-hero{width:min(100% - 32px,620px);padding-top:74px}.diner-hero-blur{width:760px;height:220px;top:-80px}.diner-announcement{text-align:left;border-width:1px;align-items:flex-start;font-size:14px;line-height:1.3}.diner-announcement span{min-width:52px;height:30px;font-size:14px}.diner-hero-copy h1{margin-top:34px;font-size:54px}.diner-hero-copy>p{margin-top:22px;font-size:18px}.diner-proof-row{flex-direction:column;align-items:center}.diner-proof-row div{width:min(100%,350px)}.diner-phone-showcase{width:min(100%,360px);height:430px;margin-top:52px}.showcase-phone{width:288px;height:430px}.mini-board{gap:10px;padding:0 16px}.mini-screen{width:118px;min-height:190px}.diner-dashboard{padding:22px}.diner-dashboard-header{flex-direction:column}.diner-dashboard-header h1{font-size:34px}.diner-header-actions{flex-wrap:wrap;justify-content:flex-start;width:100%;min-width:0}.diner-user-email{width:100%;max-width:100%}.diner-auth-panel,.diner-empty-state,.diner-modal{padding:24px}.diner-modal-actions{flex-direction:column-reverse}.diner-modal-actions .diner-primary-button,.diner-modal-actions .diner-secondary-button{width:100%}}