:root{font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#10213e;background:#e9eef5;font-synthesis:none}*{box-sizing:border-box}button,input,select{font:inherit}button{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease,border-color .16s ease,color .16s ease}button:active{transform:scale(.985)}button:focus-visible,input:focus-visible,select:focus-visible{outline:4px solid rgba(11,181,206,.42);outline-offset:3px}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}.kiosk{--primary:#126ee8;--primary-deep:#0c3f8f;--primary-soft:#eaf3ff;--accent:#0bb5ce;--green:#20b882;--orange:#f59b23;--red:#e34b55;--ink:#10213e;--muted:#6d7c91;--line:#dce5ef;--surface:#fff;--bg:#f5f8fc;--radius:22px;position:relative;width:1080px;height:1920px;overflow:hidden;color:var(--ink);background:var(--bg)}.theme-2{--primary:#0a5cdb;--primary-deep:#073987;--primary-soft:#edf5ff;--accent:#1d9de8;--green:#36b86d;--orange:#ff991c;--bg:#f8fbff;--radius:30px}.theme-3{--primary:#0869d7;--primary-deep:#06366f;--primary-soft:#eff7ff;--accent:#15a99a;--green:#18ae83;--orange:#f39a2f;--bg:#f4f8fc;--radius:18px}.kiosk-header{height:118px;padding:0 38px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;background:linear-gradient(120deg,var(--primary-deep),var(--primary))}.theme-3 .kiosk-header{height:126px;background:#0867d3}.header-left{min-width:0}.brand{display:flex;align-items:center;gap:20px;font-weight:800}.brand img{width:132px;height:64px;object-fit:contain;filter:brightness(0) invert(1)}.brand span{padding-left:20px;border-left:1px solid rgba(255,255,255,.5);font-size:27px;white-space:nowrap}.kiosk-header h1{margin:0;font-size:31px}.device-status{display:flex;align-items:center;justify-content:flex-end;gap:10px;font-size:20px}.device-status svg{color:#4ee48b;font-size:31px}.device-status b{margin-left:16px;padding-left:20px;border-left:1px solid rgba(255,255,255,.4);font-size:31px}.back{height:64px;padding:0 20px;display:flex;align-items:center;gap:10px;color:#fff;border:1px solid rgba(255,255,255,.45);border-radius:14px;background:#ffffff1f;font-size:23px;font-weight:700}.content{height:1802px;overflow:auto;padding:30px 32px 54px}.theme-2 .content{padding-bottom:158px}.primary,.secondary{min-height:64px;padding:0 28px;display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:16px;border:1px solid transparent;font-weight:800}.primary{color:#fff;background:var(--primary);box-shadow:0 10px 24px #1062dc2e}.secondary{color:var(--primary);border-color:#a9c9ef;background:#fff}.wide{width:100%}.huge{min-height:104px;padding:0 40px;border-radius:22px;font-size:34px}.eyebrow{margin:0;color:var(--primary);font-size:23px;font-weight:800}.home{height:1802px;overflow:hidden}.home-hub{padding:48px 52px 40px}.hub-intro{height:270px;display:flex;align-items:center;justify-content:space-between}.hub-intro h2{margin:15px 0 0;font-size:56px;line-height:1.18;letter-spacing:-2px}.hub-intro>svg{width:240px;height:240px;color:#91bff8}.recognition-cta{width:100%;height:170px;display:grid;grid-template-columns:100px 1fr 50px;text-align:left;border:0;border-radius:24px}.recognition-cta>svg:first-child{font-size:68px}.recognition-cta>svg:last-child{font-size:38px}.recognition-cta span{display:flex;flex-direction:column;gap:11px}.recognition-cta b{font-size:41px}.recognition-cta small{display:flex;align-items:center;gap:8px;color:#dcecff;font-size:19px}.task-grid{margin-top:42px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.task-card{position:relative;height:420px;overflow:hidden;padding:0;border:0;border-radius:26px;background:var(--primary-soft);text-align:left}.task-card>img{width:100%;height:275px;object-fit:cover}.task-card>div{height:145px;padding:0 30px;display:grid;grid-template-columns:56px 1fr 28px;align-items:center;gap:14px;color:var(--primary-deep)}.task-card:not(:has(img))>div{height:100%;background:linear-gradient(145deg,#eef5ff,#dcecff)}.task-card.green>div{color:#118657;background:linear-gradient(145deg,#effbf6,#daf4e9)}.task-card svg{font-size:48px}.task-card span{font-size:35px;font-weight:800}.settings-link{height:95px;margin:34px auto 0;padding:0 34px;display:flex;align-items:center;gap:16px;border:0;color:var(--primary);background:transparent;font-size:28px;font-weight:800}.settings-link svg{font-size:38px}.home-companion{padding:48px 52px 150px;overflow:auto}.recognition-stage{min-height:930px;padding:34px 46px;text-align:center;border-radius:38px;background:#fff}.recognition-stage h2{margin:18px 0 30px;font-size:36px}.face-visual{height:520px;display:grid;place-items:center;border-radius:30px;background:#eef6ff}.face-visual svg{width:360px;height:360px;color:#6ba9f5}.recognition-stage .primary{width:85%;margin-top:-20px}.privacy{display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);font-size:20px}.privacy svg{color:var(--primary)}.nutrition-preview{margin-top:34px;padding:36px;border-radius:32px;background:#fff}.section-title{display:flex;align-items:baseline;justify-content:space-between}.section-title h3{margin:0;font-size:35px}.section-title span{color:var(--muted);font-size:19px}.preview-metrics{margin:30px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.metric{min-height:132px;padding:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border-radius:20px;background:#f3f7fb}.metric span{color:var(--muted);font-size:19px}.metric b{font-size:27px}.metric.green{background:#eaf8f1;color:#159760}.metric.blue{background:#edf4ff;color:#126ee8}.metric.orange{background:#fff5e5;color:#e68700}.home-guide{overflow:auto;padding-bottom:110px}.guide-hero{min-height:770px;padding:78px 58px;display:grid;grid-template-columns:60% 40%;background:#fff}.guide-hero h2{margin:20px 0 50px;font-size:55px;line-height:1.15}.steps{display:flex;align-items:center;gap:16px;margin-bottom:50px}.steps span{display:flex;flex-direction:column;align-items:center;gap:12px;font-size:18px;font-weight:700}.steps span svg{padding:14px;border-radius:50%;color:var(--primary);background:var(--primary-soft);font-size:76px}.steps>svg{color:#88a5c1;font-size:24px}.guide-face{display:grid;place-items:center}.guide-face svg{width:340px;height:340px;color:#82b7f5}.direct-list{padding:36px 42px;background:#f8fbff}.direct-list h3{margin:0 0 26px;text-align:center;font-size:31px}.service-row{width:100%;min-height:190px;margin-bottom:18px;padding:18px;display:grid;grid-template-columns:190px 1fr 42px;align-items:center;gap:30px;border:1px solid #d8e3ee;border-radius:20px;background:#fff;text-align:left}.service-row img{width:190px;height:150px;border-radius:14px;object-fit:cover}.service-icon{width:120px;height:120px;display:grid;place-items:center;justify-self:center;border-radius:50%;color:var(--primary);background:var(--primary-soft)}.service-icon svg{font-size:68px}.service-row>span:not(.service-icon){display:flex;flex-direction:column;gap:12px}.service-row b{font-size:35px}.service-row small{color:var(--muted);font-size:21px}.service-row>svg{color:var(--primary);font-size:36px}.admin-strip{height:110px;display:flex;justify-content:center;gap:110px;border-top:1px solid var(--line);background:#fff}.admin-strip button{display:flex;align-items:center;gap:14px;border:0;background:transparent;color:var(--ink);font-size:24px;font-weight:700}.admin-strip svg{color:var(--primary);font-size:36px}.dock{position:absolute;z-index:10;bottom:0;left:0;right:0;height:126px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--primary)}.dock button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:0;color:#dbeaff;background:transparent;font-weight:700}.dock button.active{color:var(--primary);background:#fff;border-radius:30px 30px 0 0}.dock svg{font-size:38px}.dock span{font-size:19px}.filter-panel{padding:26px;border-radius:var(--radius);background:#fff}.select-row{width:100%;height:72px;padding:0 20px;display:grid;grid-template-columns:130px 1fr 28px;align-items:center;border:0;border-radius:14px;background:#f3f6fa;text-align:left}.select-row span{color:var(--muted)}.select-row b{font-size:21px}.select-row svg{color:var(--muted)}.filter-line{margin-top:20px;display:flex;justify-content:space-between;gap:24px}.date-button{height:64px;padding:0 22px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:#fff;font-weight:700}.date-button svg{color:var(--primary);font-size:26px}.segmented{display:flex;padding:5px;border-radius:16px;background:#edf2f7}.segmented button{min-width:110px;height:64px;padding:0 18px;border:0;border-radius:12px;color:var(--muted);background:transparent;font-weight:700}.segmented button.active{color:#fff;background:var(--primary)}.chips{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}.chips button{min-width:112px;height:64px;padding:0 20px;border:1px solid #d8e3ee;border-radius:14px;background:#fff;color:#506176}.chips button.active{color:#fff;border-color:var(--primary);background:var(--primary)}.dish-grid{margin-top:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dish-card{position:relative;overflow:hidden;padding:0;border:0;border-radius:var(--radius);background:#fff;box-shadow:0 4px 16px #203c5b14;text-align:left}.dish-card img{width:100%;height:220px;object-fit:cover}.dish-card>span{padding:18px;display:flex;flex-direction:column;gap:8px}.dish-card b{font-size:23px}.dish-card small{color:var(--muted);font-size:16px}.dish-card em{position:absolute;left:12px;top:12px;padding:7px 12px;border-radius:99px;color:#fff;background:#084896e6;font-size:14px;font-style:normal}.nutrition-toolbar{margin-bottom:22px;display:flex;align-items:center;justify-content:space-between}.nutrition-toolbar h2{margin:7px 0 0;font-size:38px}.report-section{margin-bottom:22px;padding:28px;border-radius:var(--radius);background:#fff}.report-section>h3{margin:0 0 24px;padding-left:15px;border-left:5px solid var(--accent);font-size:25px}.empty{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#97a5b6}.empty svg{font-size:68px}.empty span{font-size:20px}.energy-layout{display:grid;grid-template-columns:260px 1fr;gap:45px;align-items:center}.energy-ring,.ratio-ring{width:210px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-self:center;border:24px solid #e7edf4;border-radius:50%}.energy-ring strong{font-size:50px}.energy-ring span{color:var(--muted)}.nutrient-list,.weekly-bars{display:grid;gap:25px}.progress-row{display:grid;grid-template-columns:150px 1fr 90px;align-items:center;gap:16px}.progress-row>span{font-size:20px}.progress-row>div{height:15px;overflow:hidden;border-radius:99px;background:#e8edf3}.progress-row i{display:block;height:100%;background:var(--green)}.progress-row.blue i{background:var(--primary)}.progress-row.orange i{background:var(--orange)}.progress-row.red i{background:#ef6570}.progress-row b{text-align:right}.meal-analysis{display:grid;grid-template-columns:280px 1fr;align-items:center}.ratio-ring{font-size:34px;font-weight:800}.meal-analysis table{width:100%;border-collapse:collapse}.meal-analysis th,.meal-analysis td{padding:16px;border-bottom:1px solid var(--line);text-align:left}.meal-analysis th{color:var(--muted);background:#f5f7fa}.food-balance{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.food-balance span{min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:16px;background:#f3f7fb}.food-balance svg{color:var(--green);font-size:36px}.food-balance b{font-size:16px}.food-balance small{color:var(--muted)}.score-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.pyramid{display:flex;flex-direction:column;align-items:center;gap:8px}.pyramid div{height:64px;display:grid;place-items:center;color:#fff;background:var(--orange);font-weight:700}.pyramid div:nth-child(1){width:30%}.pyramid div:nth-child(2){width:43%;background:#f6ad3d}.pyramid div:nth-child(3){width:58%;background:#ef7b46}.pyramid div:nth-child(4){width:75%;background:#3db887}.pyramid div:nth-child(5){width:92%;background:#2b9a6d}.advice-list{margin:0;padding:0;display:grid;gap:18px;list-style:none}.advice-list li{display:flex;align-items:center;gap:12px;font-size:20px}.advice-list svg{color:var(--green);font-size:27px}.line-chart{height:330px;padding:30px 30px 0;display:flex;align-items:end;justify-content:space-between;border-bottom:2px solid #d9e3ed;background:linear-gradient(#f8fbff,#fff)}.line-chart span{height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:10px}.line-chart i{width:48px;border-radius:12px 12px 0 0;background:var(--primary)}.line-chart b{padding-bottom:12px;color:var(--muted)}.weekly-highlight{padding:28px;display:flex;align-items:center;gap:18px;border-radius:var(--radius);color:#0e7b54;background:#e9f8f1}.weekly-highlight>svg{font-size:48px}.weekly-highlight span{display:flex;flex-direction:column;gap:5px}.weekly-highlight b{font-size:24px}.weekly-highlight small{font-size:18px}.people-toolbar{display:flex;justify-content:space-between;gap:20px}.people-toolbar label{width:650px;height:66px;padding:0 20px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.people-toolbar label svg{color:var(--muted);font-size:26px}.people-toolbar input{width:100%;border:0;outline:0;font-size:20px}.people-grid{margin-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.people-grid article{min-height:332px;padding:24px;display:flex;flex-direction:column;align-items:center;border-radius:var(--radius);background:#fff}.avatar{width:150px;height:150px;display:grid;place-items:center;border-radius:50%;color:var(--primary);background:var(--primary-soft)}.avatar svg{font-size:130px}.people-grid article>span{margin:18px 0;display:flex;flex-direction:column;align-items:center;gap:6px}.people-grid article b{font-size:22px}.people-grid article small{color:var(--muted)}.people-grid article>div:last-child{display:flex;gap:12px}.people-grid article button{width:64px;height:64px;display:grid;place-items:center;border:0;border-radius:12px;color:var(--primary);background:var(--primary-soft)}.people-grid article button svg{font-size:25px}.people-grid article button.danger{color:var(--red);background:#fff0f1}.settings-tabs,.education-tabs{margin-bottom:24px;display:flex;gap:10px}.settings-tabs button,.education-tabs button{height:64px;padding:0 28px;border:0;border-radius:14px;color:var(--muted);background:#e9eef4;font-weight:700}.settings-tabs button.active,.education-tabs button.active{color:#fff;background:var(--primary)}.setting-list{overflow:hidden;border-radius:var(--radius);background:#fff}.setting-row{width:100%;min-height:96px;padding:0 28px;display:grid;grid-template-columns:1fr auto 28px;align-items:center;border:0;border-bottom:1px solid var(--line);background:#fff;text-align:left}.setting-row>span{display:flex;align-items:center;gap:16px}.setting-row svg{color:var(--primary);font-size:30px}.setting-row b{font-size:21px}.setting-row em{display:flex;align-items:center;gap:8px;color:var(--muted);font-style:normal}.setting-row em.good{color:var(--green)}.setting-row em svg{color:var(--green);font-size:21px}.settings-actions,.form-actions{margin-top:32px;display:flex;justify-content:flex-end;gap:18px}.camera-preview{margin-top:25px;padding:30px;border-radius:var(--radius);background:#fff}.camera-preview>div{height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#7faee7;border-radius:18px;background:#eaf3fc}.camera-preview>div svg{font-size:170px}.camera-preview>div span{color:var(--muted);font-size:20px}.camera-preview p{color:var(--muted);font-size:19px}.camera-preview .primary{width:100%}.article-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.article-grid button{min-height:360px;overflow:hidden;padding:0;display:grid;grid-template-rows:220px 1fr;border:0;border-radius:var(--radius);background:#fff;text-align:left}.article-grid img{width:100%;height:220px;object-fit:cover}.article-grid span{padding:20px;display:flex;flex-direction:column;gap:9px}.article-grid em{color:var(--primary);font-style:normal;font-weight:700}.article-grid b{font-size:23px}.article-grid small{color:var(--muted)}.article-detail{padding-left:86px;padding-right:86px;background:#fff}.article-detail h2{margin:16px 0;font-size:44px;line-height:1.25}.article-detail .lead{color:#52657b;font-size:23px;line-height:1.7}.article-detail>img{width:100%;height:520px;margin:25px 0;object-fit:cover;border-radius:24px}.article-detail h3{font-size:29px}.article-detail>p:not(.eyebrow):not(.lead){font-size:22px;line-height:1.9}.knowledge-card{margin-top:32px;padding:28px;display:flex;align-items:center;gap:20px;border-radius:20px;background:var(--primary-soft)}.knowledge-card>svg{color:var(--primary);font-size:58px}.knowledge-card span{display:flex;flex-direction:column;gap:8px}.knowledge-card b{font-size:23px}.knowledge-card small{color:#49647f;font-size:18px;line-height:1.6}.form-grid{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:24px;border-radius:var(--radius);background:#fff}.form-grid label{display:flex;flex-direction:column;gap:10px}.form-grid label span{font-weight:700}.form-grid input,.form-grid select{height:66px;padding:0 18px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:20px}.face-capture{margin-top:24px;padding:32px;border-radius:var(--radius);background:#fff}.face-capture h3{margin-top:0}.face-capture>div{height:490px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;border:2px dashed #b9cadb;border-radius:20px;background:#f7fafc}.face-capture svg{color:#8fb5df;font-size:190px}.face-capture span{color:var(--muted)}.modal-backdrop{position:absolute;z-index:50;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#02162eb8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:760px;overflow:hidden;border-radius:26px;background:#fff;box-shadow:0 30px 90px #00000047}.modal.wide{width:880px}.modal>header{min-height:100px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;color:#fff;background:var(--primary)}.modal>header h2{margin:0;font-size:29px}.modal>header button{width:64px;height:64px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:#ffffff26}.modal>header button:hover{background:#ffffff3d}.modal-body{padding:34px}.modal>footer{min-height:100px;padding:20px 34px;display:flex;justify-content:flex-end;gap:18px;border-top:1px solid var(--line)}.modal>footer .primary,.modal>footer .secondary{min-width:180px}.pin-display{height:100px;display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--line);border-radius:16px;color:#96a1ae;font-size:24px}.pin-display svg{color:var(--primary);font-size:40px}.keypad{margin-top:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.keypad button{height:78px;border:1px solid var(--line);border-radius:14px;background:#fff;font-size:28px}.keypad button:active{color:#fff;background:var(--primary)}.recognition-modal{text-align:center}.recognition-modal h3{margin:0;font-size:31px}.recognition-modal>p{color:var(--muted);font-size:20px}.recognition-preview{width:420px;height:440px;margin:28px auto;display:grid;place-items:center;border:4px solid var(--accent);border-radius:28px;background:#edf5fb}.recognition-preview svg{color:#78a8d7;font-size:310px}.recognition-rules{display:grid;grid-template-columns:1fr 1fr;gap:12px}.recognition-rules span{height:58px;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;background:#f3f7fb}.recognition-rules svg{color:var(--green)}.recognition-rules span:nth-child(n+3) svg{color:var(--red)}.dish-detail{display:grid;grid-template-columns:44% 56%;gap:28px}.dish-detail>img{width:100%;height:470px;object-fit:cover;border-radius:20px}.dish-detail h2{margin:8px 0 18px;font-size:40px}.tag-row{display:flex;flex-wrap:wrap;gap:8px}.tag-row span{padding:8px 12px;border-radius:99px;color:#bb7000;background:#fff2d8;font-size:15px}.detail-metrics{margin-top:22px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-metrics .metric{min-height:105px}.calendar>div:first-child{display:flex;justify-content:space-between;align-items:center}.calendar>div:first-child button{width:64px;height:64px;border:0;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:30px}.calendar>div:first-child b{font-size:25px}.calendar-grid{margin-top:24px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.calendar-grid span{height:54px;display:grid;place-items:center;border-radius:10px}.calendar-grid span.active{color:#fff;background:var(--primary)}.confirm-copy{text-align:center}.confirm-copy>svg{color:var(--orange);font-size:75px}.confirm-copy h3{font-size:28px}.confirm-copy p{color:var(--muted);font-size:18px}.danger-bg{background:var(--red)}.capture-modal{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center}.camera-box{height:460px;display:grid;place-items:center;border:4px solid var(--accent);border-radius:20px;background:#edf5fb}.camera-box svg{color:#76a7d9;font-size:280px}.capture-modal h3{font-size:25px}.capture-modal p{display:flex;align-items:center;gap:10px;color:var(--muted)}.capture-modal p svg{color:#98a5b3}.capture-modal p.done{color:var(--green)}.capture-modal p.done svg{color:var(--green)}.theme-1 .report-section,.theme-1 .filter-panel,.theme-1 .people-grid article{border:1px solid #d7e4f2}.theme-2 .report-section,.theme-2 .filter-panel,.theme-2 .people-grid article,.theme-2 .dish-card{box-shadow:0 12px 32px #194b8214}.theme-3 .report-section,.theme-3 .filter-panel{border-radius:14px;box-shadow:none;border:1px solid #d9e3ec}.theme-3 .dish-card,.theme-3 .people-grid article{border-radius:14px;box-shadow:none;border:1px solid #d9e3ec}.prototype-shell{height:100vh;display:grid;grid-template-columns:340px 1fr;overflow:hidden;background:#e8edf4}.prototype-controls{overflow:auto;padding:24px;color:#fff;background:#10213e}.prototype-controls .brand img{width:105px}.prototype-controls .brand span{font-size:18px}.prototype-controls>div{margin-top:30px}.prototype-controls>div>span{display:block;margin-bottom:12px;color:#98acc5;font-size:14px}.prototype-controls>div:not(.page-list) button{width:31%;height:44px;margin-right:2%;border:1px solid #314866;border-radius:10px;color:#cdd9e7;background:#1a2f4d}.prototype-controls>div:not(.page-list) button.active{color:#fff;border-color:#1682f5;background:#126ee8}.page-list{display:grid;gap:6px}.page-list button{min-height:46px;padding:0 10px;display:grid;grid-template-columns:34px 1fr;align-items:center;border:0;border-radius:9px;color:#cbd6e3;background:transparent;text-align:left;font-size:13px}.page-list button:hover,.page-list button.active{color:#fff;background:#223a5a}.page-list button b{color:#6eaef2}.stage{min-width:0;display:grid;place-items:center;overflow:hidden;padding:24px}.scale-frame{width:486px;height:864px;overflow:hidden;border-radius:18px;box-shadow:0 25px 70px #13263e40}.scale-frame .kiosk{transform:scale(.45);transform-origin:top left}@media(max-height:920px){.scale-frame{width:432px;height:768px}.scale-frame .kiosk{transform:scale(.4)}}@media(max-width:850px){.prototype-shell{grid-template-columns:1fr}.prototype-controls{display:none}.stage{padding:0}.scale-frame{width:min(100vw,486px);height:min(100vh,864px);border-radius:0}}@media(prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}}