*{box-sizing:border-box}body{margin:0;background:#f5f6f4;color:#242827;font:15px/1.5 system-ui,-apple-system,sans-serif}
    header{background:#292b2b;color:#fff;padding:18px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px}
    h1{font-size:21px;margin:0}h2{font-size:18px;margin:0 0 14px}h3{font-size:16px;margin:0}
    a{color:inherit}main{max-width:1120px;margin:auto;padding:22px 16px 80px}.toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:20px}
    label{display:block;font-weight:600}label span{display:block;margin-bottom:5px}select,input,textarea{font:inherit;width:100%;padding:10px;border:1px solid #b8c0bc;border-radius:8px;background:#fff;color:#242827}
    .toolbar label{min-width:260px;flex:1}button{font:inherit;border:1px solid #8b9990;border-radius:8px;background:#fff;color:#24392c;padding:9px 13px;cursor:pointer;font-weight:600}
    button.primary{background:#354b3c;border-color:#354b3c;color:#fff}button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #94b8a1;outline-offset:2px}
    section{background:#fff;border:1px solid #dde2de;border-radius:14px;margin:16px 0;padding:18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}
    .card{border:1px solid #d8dfd9;border-radius:10px;padding:14px;display:grid;gap:8px;min-width:0;overflow-wrap:anywhere}.card strong{font-size:16px}.card small,.muted{color:#5e6862}.card .actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:3px}
    .badge{display:inline-block;border-radius:999px;padding:2px 8px;font-size:12px;background:#e6eee7;color:#284331}.badge.warn{background:#fff0d8;color:#6e4b12}
    #notice{min-height:28px;margin:8px 0}#notice.error{color:#a32727}.empty{padding:18px;color:#5e6862}#billing-details{white-space:pre-wrap;overflow-wrap:anywhere}dialog{border:0;border-radius:14px;box-shadow:0 16px 55px #0004;max-width:min(480px,calc(100vw - 24px));width:100%;padding:20px}
    dialog::backdrop{background:#0008}dialog form{display:grid;gap:14px}dialog menu{display:flex;justify-content:end;gap:8px;padding:0;margin:8px 0 0}
    @media(max-width:600px){header{padding:15px 16px}main{padding:16px 12px 70px}section{padding:14px}}

.demo-notice{padding:12px 24px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;background:#edf5ff;color:#20292e;font-size:12px;border-bottom:1px solid #dce2e6}.demo-notice a{font-weight:700}.demo-notice span:last-child{margin-left:auto}@media(max-width:700px){.demo-notice{padding:12px 16px}.demo-notice span:last-child{margin-left:0}}
.gc-demo-player{width:880px;max-width:calc(100vw - 24px);border:1px solid #dce2e6;border-radius:12px;padding:24px;color:#20292e;max-height:90dvh;overflow:auto}.gc-demo-player>p{color:#596872}.gc-demo-player>label{display:grid;gap:8px;margin:20px 0}.gc-demo-player .gc-demo-food-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.gc-demo-food-grid article{border:1px solid #dce2e6;border-radius:8px;padding:16px;display:grid;gap:12px;min-width:0}.gc-demo-food-grid img{width:100%;height:140px;object-fit:contain}.gc-demo-food-grid .actions{display:flex;align-items:center;justify-content:space-between}.gc-demo-player>.actions{display:flex;gap:12px;justify-content:flex-end}.gc-demo-player button{min-height:44px}.gc-demo-player .error{color:#bc3343}@media(max-width:600px){.gc-demo-player .gc-demo-food-grid{grid-template-columns:1fr}.gc-demo-food-grid img{height:180px}.gc-demo-player>.actions{flex-wrap:wrap}}
.gc-demo-player-head{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.gc-demo-player-head h2{margin:0;font-size:22px;line-height:1.35}.gc-demo-player-head>button{flex:0 0 44px;width:44px;height:44px;margin:-8px -8px 0 0;padding:0;font-size:28px;line-height:1;display:grid;place-items:center}