:root{--ink:#1d2a2e;--muted:#647077;--bg:#f3f1ec;--panel:#fff;--line:#d9d4ca;--accent:#8b3d35;--accent2:#d29a48;--green:#147a64;--danger:#b42318;--shadow:0 18px 50px rgba(27,38,41,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Arial,Helvetica,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.skip{position:absolute;left:-9999px}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;padding:10px}.topbar{height:64px;background:#18282c;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:800}.brand-mark{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-size:19px}.topnav{display:flex;gap:16px;align-items:center}.topnav a{color:#edf2f2;text-decoration:none}.hero{max-width:1000px;margin:auto;text-align:center;padding:34px 20px 23px}.hero h1{font-size:clamp(31px,4.5vw,54px);line-height:1.03;margin:0 0 12px}.hero p{font-size:18px;color:var(--muted);max-width:780px;margin:0 auto 15px}.privacy{display:inline-flex;gap:8px;align-items:center;background:#e5f6f1;color:#0b6655;border:1px solid #b8e1d6;border-radius:999px;padding:7px 12px;font-weight:700}.app-shell{max-width:1500px;margin:0 auto 30px;padding:0 15px;display:grid;grid-template-columns:330px minmax(480px,1fr) 320px;gap:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);min-width:0;overflow:hidden}.panel-head{padding:13px 15px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-head h2{font-size:15px;margin:0}.tabs{display:flex;gap:4px;overflow:auto;padding:7px;border-bottom:1px solid var(--line);background:#faf9f6}.tab{border:0;background:transparent;border-radius:8px;padding:7px 9px;color:var(--muted);font-weight:700;white-space:nowrap}.tab.active{background:#fff;color:var(--accent);box-shadow:0 1px 6px #0001}.pane{display:none;padding:12px}.pane.active{display:block}.btn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 11px;font-weight:700;color:var(--ink)}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.gold{background:var(--accent2);border-color:var(--accent2);color:#1c2122}.btn.danger{color:var(--danger)}.btn-row{display:flex;gap:7px;flex-wrap:wrap}.field{display:grid;gap:5px;margin-bottom:10px}.field label{font-size:12px;font-weight:800;color:#4d595d}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:8px;padding:8px;background:#fff}.field textarea{min-height:70px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.items-list{max-height:560px;overflow:auto}.item-card{border:1px solid var(--line);border-radius:11px;padding:10px;margin-bottom:8px;background:#fff}.item-card.active{border-color:var(--accent);box-shadow:0 0 0 2px #8b3d3520}.item-top{display:flex;justify-content:space-between;gap:8px}.item-name{font-weight:800}.item-meta{color:var(--muted);font-size:12px}.price{font-weight:900;color:var(--accent);white-space:nowrap}.category-row{display:flex;align-items:center;gap:8px;padding:8px;border-bottom:1px solid #eee}.category-row input{flex:1;border:0;background:transparent}.preview-area{padding:12px;background:#d7d3cb;min-height:720px;overflow:auto}.paper{background:#fff;max-width:820px;min-height:1080px;margin:auto;box-shadow:0 12px 35px #0003;padding:54px 60px;position:relative}.paper h1{font:700 38px Georgia,serif;text-align:center;color:var(--accent);margin:0 0 8px}.paper .subtitle{text-align:center;color:var(--muted);margin-bottom:32px}.menu-category{margin:26px 0}.menu-category h2{font:700 24px Georgia,serif;border-bottom:2px solid var(--accent2);padding-bottom:6px;margin:0 0 8px}.menu-item{display:grid;grid-template-columns:1fr auto;gap:7px 16px;padding:8px 0;border-bottom:1px dotted #c7c1b7}.menu-item .desc{color:#59656a;font-size:13px;grid-column:1/2}.menu-item .badges{font-size:11px;color:#0b6655}.mobile-frame{width:390px;min-height:760px;margin:auto;background:#fff;border:10px solid #222;border-radius:28px;overflow:hidden;box-shadow:0 16px 50px #0004}.mobile-head{background:var(--accent);color:#fff;padding:18px}.mobile-controls{padding:10px;background:#f5f3ef;display:grid;gap:8px}.mobile-controls input,.mobile-controls select{padding:9px;border:1px solid var(--line);border-radius:8px}.mobile-list{padding:10px;max-height:610px;overflow:auto}.mobile-product{border-bottom:1px solid #eee;padding:12px 2px}.mobile-product h3{margin:0;display:flex;justify-content:space-between;gap:10px}.screen-board{aspect-ratio:16/9;background:#15272c;color:#fff;padding:46px;max-width:1000px;margin:auto;box-shadow:0 16px 50px #0004}.screen-board h1{font-size:47px;margin:0 0 25px;color:#ffd17d}.screen-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}.screen-section h2{font-size:24px;border-bottom:2px solid #d29a48;padding-bottom:6px}.screen-line{display:flex;justify-content:space-between;padding:6px 0;font-size:19px}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.template-card{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px;text-align:left}.template-card:hover{border-color:var(--accent)}.template-card b{display:block}.template-card small{color:var(--muted)}.allergen-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.check{display:flex;gap:6px;align-items:center;font-size:12px}.notice{border-radius:9px;padding:9px 11px;background:#eef6f4;border:1px solid #b9ddd3;color:#115f51;margin:8px 0}.notice.error{background:#fff0ef;border-color:#f0b8b3;color:#98241b}.notice.success{background:#e9f8ee;border-color:#b9dfc3;color:#166534}.check-list{display:grid;gap:7px}.check-line{display:flex;justify-content:space-between;border-bottom:1px solid #eee;padding:6px}.score{font-size:36px;font-weight:900;color:var(--green)}.qr-wrap{display:grid;place-items:center;background:#fff;border:1px solid var(--line);padding:14px;border-radius:12px}.qr-wrap canvas{width:220px;height:220px;image-rendering:pixelated}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.content-section{max-width:1150px;margin:28px auto;padding:0 20px}.content-section h2{font-size:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.info-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.ad-slot{max-width:900px;height:110px;margin:24px auto;border:1px dashed #bbb;display:grid;place-items:center;color:#888;background:#fafafa}.site-footer{background:#172428;color:#dbe2e2;padding:34px 20px;margin-top:40px}.footer-inner{max-width:1200px;margin:auto}.project-links{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.project-links a{color:#dbe2e2;text-decoration:none;font-size:13px}.legal-links{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.legal-links a{color:#fff}.guide-layout{max-width:900px;margin:30px auto;background:#fff;border:1px solid var(--line);border-radius:16px;padding:35px}.guide-layout h1{font-size:39px;line-height:1.1}.guide-layout h2{margin-top:28px}.breadcrumbs{color:var(--muted);font-size:13px;margin-bottom:14px}.guide-layout table{width:100%;border-collapse:collapse}.guide-layout td,.guide-layout th{border:1px solid var(--line);padding:8px}.guide-layout th{background:#f2eee7}.toast{position:fixed;bottom:20px;right:20px;z-index:80;max-width:380px}dialog{border:0;border-radius:16px;padding:0;box-shadow:0 20px 70px #0005;width:min(620px,94vw)}dialog::backdrop{background:#0008}.dialog-body{padding:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line)}@media(max-width:1120px){.app-shell{grid-template-columns:300px 1fr}.right-panel{grid-column:1/-1}.right-panel .tabs{justify-content:center}.right-panel .pane{max-width:850px;margin:auto}}@media(max-width:760px){.topnav a:not(.lang){display:none}.hero{padding-top:24px}.app-shell{display:block;padding:0 8px}.panel{margin-bottom:10px}.left-panel,.right-panel{border-radius:12px}.preview-area{min-height:500px;padding:7px}.paper{padding:28px 22px;min-height:850px}.paper h1{font-size:28px}.mobile-frame{width:100%;border-width:6px}.screen-board{padding:20px}.screen-board h1{font-size:28px}.screen-cols{gap:14px}.screen-line{font-size:13px}.cards,.project-links{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.guide-layout{margin:12px;padding:20px}.guide-layout h1{font-size:31px}}@media print{.topbar,.hero,.left-panel,.right-panel,.tabs,.content-section,.site-footer,.ad-slot{display:none!important}.app-shell{display:block;margin:0;padding:0}.center-panel{box-shadow:none;border:0}.preview-area{background:#fff;padding:0}.paper{box-shadow:none;margin:0;max-width:none;min-height:0}.mobile-frame,.screen-board{display:none}body{background:#fff}}