@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;500;700&display=swap');
:root{--ink:#063754;--cyan:#008fca;--navy:#003b5c;--gold:#f6a800;--red:#f1181d;--panel:#0d1720;--muted:#62727c;--border:#d9e0e3;--bg:#edf1f2}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;background:var(--bg);color:#17242b}button,input,label{font:inherit}
.app{min-height:100vh;display:grid;grid-template-rows:auto 1fr}.toolbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:10px 14px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);box-shadow:0 4px 18px #001b2a13;backdrop-filter:blur(12px)}
.brand{font-weight:800;color:var(--navy);margin-right:6px;letter-spacing:.01em}.group{display:flex;align-items:center;gap:6px;padding-right:9px;margin-right:1px;border-right:1px solid #e2e7e9}.group:last-child{border-right:0}.btn{border:1px solid #cfd8dc;background:white;border-radius:9px;padding:7px 10px;cursor:pointer;color:#26373f;font-weight:650;box-shadow:0 1px 2px #001b2a0b}.btn:hover{border-color:#9db2bc;background:#fbfdfe}.btn.active,.btn.primary{background:var(--navy);border-color:var(--navy);color:white}.btn.primary{background:#006aa0}.btn.danger{color:#a41c23}.btn:disabled{opacity:.35;cursor:not-allowed}.page-tab.active{background:#e5f4fa;color:#006c9d;border-color:#8bcce5}.zoom{width:105px}.zoom-label{font-size:12px;min-width:38px;color:#50636c}.field-small{width:64px;border:1px solid #cfd8dc;border-radius:8px;padding:6px 7px}.color{width:32px;height:32px;border:1px solid #cfd8dc;border-radius:8px;padding:2px;background:white}.file-label{position:relative;overflow:hidden}.file-label input{position:absolute;inset:0;opacity:0;cursor:pointer}.save-state{margin-left:auto;font-size:12px;color:#7a8990;white-space:nowrap}.save-state.saved{color:#147247;font-weight:700}
.main{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:0}.sidebar{padding:18px;background:#f8fafb;border-right:1px solid var(--border)}.sidebar h2{font-size:14px;color:var(--navy);margin:0 0 8px}.sidebar p{font-size:12.5px;line-height:1.5;color:#5e7079;margin:0 0 18px}.tip{padding:11px;border:1px solid #d8e7ed;border-radius:10px;background:#eef8fb;margin-bottom:12px}.tip strong{display:block;color:#05688f;margin-bottom:4px}.selected-card{padding:12px;border:1px solid #dfe6e9;background:white;border-radius:11px;box-shadow:0 4px 15px #001b2a0a}.selected-card .label{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#89969c;font-weight:800}.selected-info{font-size:13px;font-weight:700;color:#2c3c44;margin-top:5px;word-break:break-word}.keyboard{font-size:11.5px;color:#6d7d84;line-height:1.55;margin-top:14px}.workspace{min-width:0;overflow:auto;padding:18px 16px 44px;display:flex;justify-content:center;align-items:flex-start}.pages-host{display:block}.page-frame{display:none;position:relative;margin:0 auto;filter:drop-shadow(0 10px 28px #00243a28)}.page-frame.active{display:block}.menu-page{position:absolute;left:0;top:0;width:1191px;height:850px;transform-origin:top left;background:white;overflow:hidden}.page-bg{position:absolute;inset:0;width:1191px;height:850px;object-fit:fill;user-select:none;pointer-events:none}
.editable-text{position:absolute;z-index:2;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;line-height:1;white-space:nowrap;outline:none;min-height:9px;padding:0;margin:0;cursor:text;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}.editable-text:hover{box-shadow:0 0 0 1px #0b9ad34d;background:#a8e6ff12}.editable-text.selected{box-shadow:0 0 0 1px #00a0df,0 0 0 3px #00a0df1d;background:#fff7}.move-mode .editable-text{cursor:move}.price-text{overflow:visible}.editable-text:focus{white-space:nowrap}
.print-note{font-size:11px;color:#76868d;margin-top:15px;padding-top:12px;border-top:1px solid #e2e7e9}.print-note b{color:#42565f}
@media(max-width:880px){.main{grid-template-columns:1fr}.sidebar{display:none}.save-state{display:none}.toolbar{padding:8px}.brand{width:100%}.workspace{padding:10px}}
@media print{
  @page{size:1191pt 850pt;margin:0}
  html,body{background:white!important;width:1191pt;margin:0!important;padding:0!important}
  .toolbar,.sidebar{display:none!important}.app,.main,.workspace,.pages-host{display:block!important;margin:0!important;padding:0!important;width:auto!important;height:auto!important;overflow:visible!important;background:white!important}
  .page-frame,.page-frame.active{display:block!important;position:relative!important;width:1191pt!important;height:850pt!important;margin:0!important;filter:none!important;break-after:page;page-break-after:always;overflow:hidden!important}
  .page-frame:last-child{break-after:auto;page-break-after:auto}
  .menu-page{position:absolute!important;left:0!important;top:0!important;width:1191px!important;height:850px!important;transform:scale(1.3333333333)!important;transform-origin:top left!important;overflow:hidden!important}
  .editable-text{box-shadow:none!important;background:transparent!important;caret-color:transparent!important}
}