.native-phone{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#1d2420;background:#fffbef;border:7px solid #172820;border-radius:42px;width:100%;max-width:370px;aspect-ratio:440/956;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #0004;position:relative;margin:auto;font-size:12px;line-height:1.4;color-scheme:light}.native-phone *{box-sizing:border-box}.native-device-status{display:flex;justify-content:space-between;padding:14px 24px 10px;font-size:11px}.native-chrome{display:flex;align-items:center;gap:7px;padding:8px 12px 14px;min-height:50px}.native-chrome>b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.native-phone button{font:inherit;color:inherit;background:none;border:0;border-radius:8px;padding:8px;box-shadow:none;letter-spacing:0;text-transform:none;min-height:30px;cursor:pointer;white-space:normal}.native-chrome>button{border-radius:50%;font-size:22px;padding:0 8px;background:#fff8}.native-chrome-tools{display:flex;gap:9px;align-items:center;border-radius:30px;background:#fff8;padding:3px 6px;box-shadow:0 2px 8px #80998715;font-size:14px}.native-chrome-tools i{font-style:normal}.native-chrome-tools i:first-child{color:#d07e82}.native-chrome-tools i:nth-child(2){color:#9b79b2}.native-chrome-tools button{padding:0;font-size:17px}.native-scroll{padding:0 12px 25px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#a9ceba transparent;overscroll-behavior:contain}.native-section-block{margin:0 0 15px}.native-section-block h4{font-size:11px;font-weight:500;color:#72786d;margin:10px 4px 8px}.native-glass{border-radius:13px;background:linear-gradient(160deg,#fff 3%,#f2fbf4 35%,#d8edde 100%);box-shadow:0 4px 12px #31584016,0 1px 3px #3559401f;overflow:hidden;padding:4px}.native-row{display:flex;align-items:center;gap:8px;padding:10px!important;width:100%;text-align:left;min-width:0;position:relative;transition:box-shadow .2s,background .2s;border-bottom:1px solid #779a7e10!important}.native-row>span:not(.native-icon){flex:1;min-width:0}.native-row>i:last-child:not(.native-switch){font-style:normal;color:#728474}.native-row small{display:block;color:#7b8277;font-size:9px;font-weight:400;margin-top:3px;line-height:1.35}.native-icon{font-size:16px;color:#66ab82;min-width:21px}.native-phone .native-button{background:linear-gradient(#f9fff9,#c9e7d4);box-shadow:0 1px 4px #295c4218;margin:4px 0;justify-content:center;text-align:center;border:1px solid #91c5a736!important}.native-phone .native-button .native-icon{display:none}.native-phone input{font:inherit;color:#253c2e;background:#fff9;border:1px solid #9fbaab30;border-radius:7px;width:100%;padding:8px;min-width:0;box-shadow:none}.native-phone input:focus{outline:2px solid #70b792;outline-offset:1px}.native-field,.native-slider,.native-choice,.native-hud,.native-canvas,.native-tuner,.native-graph{flex-direction:column;align-items:stretch}.native-field>span,.native-slider>span,.native-choice>span{font-size:10px}.native-slider output{float:right}.native-phone input[type=range]{accent-color:#74be94;padding:0;background:transparent}.native-switch{flex:none;width:31px;height:18px;border-radius:20px;background:#bfc4bf;position:relative;margin-left:auto}.native-switch:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;left:2px;top:2px;box-shadow:0 1px 2px #0002;transition:transform .18s}.native-row.native-toggle input[type=checkbox]{position:absolute;opacity:0;width:100%;height:100%;inset:0;cursor:pointer;z-index:1}.native-row.native-toggle input:checked+.native-switch{background:#6ab486}.native-row.native-toggle input:checked+.native-switch:before{transform:translateX(13px)}.native-row.native-toggle input:focus-visible+.native-switch{outline:2px solid #315e47;outline-offset:3px}.native-segments{display:flex;gap:2px;background:#e2e6df;border-radius:9px;padding:3px;flex-wrap:wrap}.native-segments button{flex:1;font-size:10px;min-width:48px;min-height:25px;padding:5px!important}.native-segments button[aria-pressed=true]{background:#fff;box-shadow:0 1px 4px #395f4320}.native-choice:has(.native-segments button:nth-child(5)) .native-segments{flex-direction:column;background:#fff8}.native-choice:has(.native-segments button:nth-child(5)) button{text-align:left;font-size:11px;padding:10px!important}.native-choice:has(.native-segments button:nth-child(5)) button:before{content:'○';margin-right:8px;color:#aac2b2}.native-choice:has(.native-segments button:nth-child(5)) button[aria-pressed=true]{background:#d9efe2}.native-choice:has(.native-segments button:nth-child(5)) button[aria-pressed=true]:before{content:'◉';color:#68b080}.native-hud>div{background:#010a05;color:#80d37e;border-radius:6px;min-height:115px;font:11px/1.8 ui-monospace,monospace;padding:12px;margin-top:8px}.native-empty,.native-device{flex-direction:column;text-align:center;padding:36px 14px!important}.native-empty-icon{font-size:35px;color:#78ae8d}.native-metrics{font-size:11px;justify-content:space-around;min-height:52px}.native-workspaces{display:flex;margin:0 12px 8px;padding:4px;background:#ffffffe0;border:1px solid #d7dfd2;border-radius:30px;box-shadow:0 0 10px #9eafa72b}.native-workspaces button{flex:1;padding:4px;font-size:8px;border-radius:22px}.native-workspaces b{display:block;font-size:21px;line-height:1.1}.native-workspaces .selected{background:#e5ecdf;color:#62ab7c}.native-home-indicator{width:32%;height:3px;border-radius:5px;background:#1b231c;margin:0 auto 8px;flex:none}.native-builder-rail{display:flex;gap:5px;margin:22px 16px 12px}.native-builder-rail i{height:3px;background:#d5d9ce;flex:1}.native-builder-rail i.active{background:#61b28b}.native-overline{font-size:9px;color:#7b8576;padding:0 16px 8px;letter-spacing:.12em}.native-scroll>h3{font-size:20px;color:#1d2420;line-height:1.2;margin:0 0 14px}.native-layout-canvas{aspect-ratio:2;background:#032c19;color:#72bb77;display:flex;flex-direction:column;border-radius:8px;font:9px/1.5 monospace;border:1px solid #38694a}.native-layout-canvas>div{border:1px solid #73c08566;padding:4px}.native-layout-canvas>div:nth-child(2){flex:1}.native-layout-canvas>div:last-child{height:32%}.native-phone a{font-size:11px;color:#4d936a}.native-radar{border-radius:50%;border:1px solid #a9cbb8;aspect-ratio:1;width:180px;max-width:100%;position:relative;background:conic-gradient(from -60deg,#d2eadb 0deg 120deg,#fff 120deg);margin:auto}.native-radar b{position:absolute;left:48%;top:48%}.native-note{font-size:38px;color:#5b9c73}.native-tuner{font-size:17px;color:#70b78c}.native-glasses-art{display:flex;gap:8px;align-items:center;height:85px}.native-glasses-art i{width:55px;height:55px;border:3px solid #7eb592;border-radius:50%;position:relative}.native-glasses-art i:first-child:after{content:"";position:absolute;width:14px;height:3px;background:#7eb592;left:100%;top:23px}.native-target{outline:3px solid #5eb787;outline-offset:-3px;background:#b6e5c960!important}.native-target:after{content:'←';position:absolute;right:7px;top:4px;color:#22764c;font-size:22px;pointer-events:none}.native-target input[type=text]{padding-right:26px}.native-row.native-activated{box-shadow:inset 0 0 0 2px #6bab86}.native-model-caption{font-size:12px;color:var(--muted);margin:15px auto;max-width:370px}.screen-explorer{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(300px,1fr) minmax(280px,1.1fr);gap:28px;align-items:start}.screen-directory{max-height:770px;overflow:auto;position:sticky;top:110px;padding-right:10px}.screen-directory input{width:100%}.screen-directory details{padding:8px 0}.screen-directory summary{font-size:14px}.screen-directory button{display:block;text-align:left;width:100%;background:transparent;border:0;border-radius:8px;font-size:13px;padding:9px 12px;color:#b8c9bf}.screen-directory button[aria-current=page]{background:#244936;color:#c8f1db}.screen-tour-controls{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.screen-tour-controls button{font-size:13px}.screen-tour-step-list{max-height:300px;overflow:auto}.screen-tour-step-list button{display:block;text-align:left;width:100%;background:none;border:0;border-left:2px solid #42664e;border-radius:0;font-size:13px;margin:3px 0}.screen-tour-step-list button[aria-current=step]{color:#8bdeb4;border-color:#8bdeb4}.screen-comparison{max-width:370px;margin:20px auto}.screen-comparison img{width:100%;border-radius:15px}.reference-native{padding:15px 0}.reference-native .native-phone{max-width:340px}.screen-panel>.reference-native~img{max-width:340px}.simulator-link-banner{padding:24px;margin-bottom:24px;background:#15251c;border:1px solid #34513d;border-radius:20px}.native-phone button:focus-visible{outline:2px solid #336f4c;outline-offset:1px}@media(max-width:1050px){.screen-explorer{grid-template-columns:1fr 1fr}.screen-directory{position:static;grid-column:1/-1;max-height:230px}.screen-directory details{display:inline-block;vertical-align:top;margin-right:15px;width:180px}.screen-directory input{max-width:500px}}@media(max-width:650px){.screen-explorer{grid-template-columns:minmax(0,1fr)}.screen-directory{max-height:200px}.screen-directory details{width:100%;display:block}.native-phone{max-width:340px}.screen-tour-details{order:2}}@media(prefers-reduced-motion:reduce){.native-row,.native-switch:before{transition:none}}

.native-ring-art{width:65px;height:65px;border:13px solid #65776b;border-radius:50%;box-shadow:inset 0 0 0 3px #a7b9ad,3px 5px 6px #23372b30;transform:rotate(-22deg);margin:20px auto}.native-ring-art+strong{display:block}.native-row.native-ring-art{flex-direction:column;text-align:center;padding:22px!important}.native-phone .native-row input[type=checkbox]{border:0}.native-phone .native-switch:after{content:none}
.native-sheet{position:absolute;inset:12% 0 0;background:#fffbef;z-index:10;border-radius:22px 22px 0 0;box-shadow:0 -20px 60px #14341f33;padding:16px;overflow:auto;animation:native-sheet-appear .25s ease-out}.native-sheet-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b8cdbb;padding-bottom:10px}.native-sheet label{display:block;font-size:11px;margin:14px 0}.native-sheet input,.native-sheet textarea{display:block;width:100%;background:#fff;border:1px solid #c4d5c6;padding:9px;border-radius:7px;color:#253c2e;font:inherit;margin-top:5px}.native-sheet textarea{min-height:120px;resize:vertical}.native-sheet p{font-size:10px;color:#7b8277}.native-local-result{padding:18px;margin:8px 0 20px;color:#29583b}.native-local-result small{display:block;font-size:10px;margin-top:8px;color:#678370}@keyframes native-sheet-appear{from{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.native-sheet{animation:none}}

.native-radio-list{flex-direction:column;background:#fff8}.native-radio-list button{text-align:left;font-size:11px;padding:10px!important}.native-radio-list button:before{content:"○";margin-right:8px;color:#aac2b2}.native-radio-list button[aria-pressed=true]{background:#d9efe2}.native-radio-list button[aria-pressed=true]:before{content:"◉";color:#68b080}

.native-phone-fullscreen{background:#000;color:#baf2c3}.native-phone-fullscreen .native-glass{background:#000;box-shadow:none}.native-phone-fullscreen .native-hud>div{min-height:430px;background:#000}.native-phone-fullscreen .native-chrome,.native-phone-fullscreen .native-device-status{color:#baf2c3}.native-phone-fullscreen .native-chrome button,.native-phone-fullscreen .native-chrome-tools{background:#17351b;color:#baf2c3}.native-phone-fullscreen .native-workspaces{background:#18351b;border-color:#355b3d}.native-phone-fullscreen .native-workspaces .selected{background:#366c42;color:#baf2c3}.native-phone-fullscreen .native-choice .native-segments{background:#172c1b}.native-phone-fullscreen .native-segments button[aria-pressed=true]{background:#375840;color:#d8f7de}