.tg{display:flex;flex-direction:column;gap:16px}.tg-filters{display:flex;flex-wrap:wrap;gap:6px}.tg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.tg-card{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:var(--md-shape-lg);background:var(--md-surface-container-low);box-shadow:inset 0 0 0 2px var(--md-outline-variant);color:var(--md-on-surface);font:inherit;text-align:left;cursor:pointer;transition:box-shadow var(--md-duration-short) var(--md-easing-standard),transform var(--md-duration-short) var(--md-easing-standard)}.tg-card:hover{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-primary) 55%,transparent);transform:translateY(-2px)}.tg-card.selected{box-shadow:inset 0 0 0 2px var(--md-primary),0 0 0 3px color-mix(in srgb,var(--md-primary) 25%,transparent)}.tg-card:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px}.tg-preview{display:flex;justify-content:center;gap:10px;padding:12px 8px;border-radius:var(--md-shape-md);background:var(--md-surface-dim);pointer-events:none}.tg-preview.panorama{gap:0}.tg-screen .screen-viewport{border-radius:6px;box-shadow:var(--md-elevation-1)}.tg-preview.panorama .tg-screen .screen-viewport{border-radius:0;box-shadow:none}.tg-preview.panorama .tg-screen:first-child .screen-viewport{border-radius:6px 0 0 6px}.tg-preview.panorama .tg-screen:last-child .screen-viewport{border-radius:0 6px 6px 0}.tg-meta{display:flex;flex-direction:column;gap:3px}.tg-desc{font-size:13px;color:var(--md-on-surface-variant)}.tg-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.tg-card.recommended{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-tertiary) 45%,transparent)}.tg-card.recommended.selected{box-shadow:inset 0 0 0 2px var(--md-primary),0 0 0 3px color-mix(in srgb,var(--md-primary) 25%,transparent)}.tg-rec-badge{margin-left:8px;vertical-align:middle}.tg-rec-reason{font-size:12px;color:var(--md-tertiary)}.tg-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:flex-start}.tg-toolbar .tg-filters{flex:1 1 360px}.tg-trends{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-radius:var(--md-shape-md);background:var(--md-secondary-container);color:var(--md-on-secondary-container);font-size:13px}.tg-trends strong{display:flex;gap:6px;align-items:center}.tg-note,.tg-trends-source{font-size:12px;color:var(--md-on-surface-variant)}.tg-trends .tg-trends-source{color:inherit;opacity:.8}.tg-card-wrap{position:relative;display:flex;flex-direction:column}.tg-card-wrap .tg-card{flex:1 1}.tg-remove{position:absolute;top:18px;right:18px;background:var(--md-surface-container-highest)}.si-backdrop{z-index:60}.si{width:min(1100px,100%);display:flex;flex-direction:column;gap:10px}.si-link{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.si-link .m3-input{flex:1 1 320px}.si-error{display:flex;gap:6px;align-items:center;color:var(--md-error);font-size:13px}.si-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:20px;margin-top:6px}@media (max-width:820px){.si-body{grid-template-columns:minmax(0,1fr)}}.si-source,.si-style{display:flex;flex-direction:column;gap:10px;min-width:0}.si-thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.si-thumbs img{height:180px;width:auto;border-radius:8px;box-shadow:var(--md-elevation-1);flex:none}.si-trends{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:var(--md-shape-md);background:var(--md-surface-container);font-size:13px}.si-trends strong{display:flex;gap:6px;align-items:center}.si-traits,.si-trends ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:2px;font-size:13px}.si-style-head{display:flex;gap:10px;align-items:center}.si-ai{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px;border-radius:var(--md-shape-md);background:var(--md-surface-container)}.si-adjust{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.si-adjust label,.si-colors,.si-name{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--md-on-surface-variant)}.si-adjust .m3-select{padding:8px 10px;font-size:14px}.si-swatches{display:inline-flex}.si-swatches i{width:12px;height:12px;border-radius:50%;margin-right:-3px;box-shadow:0 0 0 1px var(--md-outline-variant)}.si-swatches i:last-child{margin-right:4px}.si-preview{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding:14px;border-radius:var(--md-shape-md);background:var(--md-surface-dim)}.si-preview-screen .screen-viewport{border-radius:8px;box-shadow:var(--md-elevation-1)}.si-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.si-name{flex:1 1 220px}.si-name .m3-input{padding:9px 12px}.si-modes{align-self:flex-start;margin-top:4px}.lm{display:flex;flex-direction:column;gap:12px}.lm-engines{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px}.lm-engine{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:0;border-radius:var(--md-shape-md);background:var(--md-surface-container);box-shadow:inset 0 0 0 1px var(--md-outline-variant);color:var(--md-on-surface);font:inherit;text-align:left;cursor:pointer}.lm-engine span{font-size:12px;color:var(--md-on-surface-variant)}.lm-engine.selected{box-shadow:inset 0 0 0 2px var(--md-primary);background:var(--md-secondary-container)}.lm-fallbacks,.lm-run{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lm-pairs{display:flex;gap:12px;overflow-x:auto;padding:4px 2px 8px}.lm-pair{flex:none;display:flex;align-items:center;gap:6px;padding:8px;border:0;border-radius:var(--md-shape-md);background:var(--md-surface-dim);box-shadow:inset 0 0 0 2px transparent;color:var(--md-on-surface-variant);cursor:pointer}.lm-pair.selected{box-shadow:inset 0 0 0 2px var(--md-primary)}.lm-theirs{position:relative;display:block;border-radius:6px;overflow:hidden}.lm-overlay,.lm-theirs img{position:absolute;inset:0;width:100%;height:100%}.lm-yours .screen-viewport{border-radius:6px}.lm-adjust{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px 16px;padding:12px;border:1px solid var(--md-outline-variant);border-radius:var(--md-shape-md)}.lm-adjust legend{padding:0 6px;font-weight:600}.lm-slider{display:flex;flex-direction:column;gap:2px;font-size:12px}.lm-slider span{display:flex;justify-content:space-between}.lm-measured{grid-column:1/-1}.lm-bases{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.lm-bases-label{font-size:13px;font-weight:600;margin-right:4px}.lm-bases .ed-hint{flex-basis:100%}.sp-modal{width:min(980px,100%)}.sp-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:16px}.sp-check{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer}.sp-body{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.sp-phone{--sp-bg:#ffffff;--sp-text:#1f1f1f;--sp-muted:#5f6368;--sp-line:#e3e3e3;--sp-fill:#eef0f2;--sp-accent:#01875f;--sp-on-accent:#ffffff;max-width:100%;flex:none;box-sizing:border-box;padding:10px;border-radius:50px;background:#1b1b1f;box-shadow:0 0 0 1px #3a3a40 inset,var(--md-elevation-3)}.sp-phone[data-appearance=dark]{--sp-bg:#131314;--sp-text:#e3e3e3;--sp-muted:#a8abb0;--sp-line:#3c4043;--sp-fill:#2a2b2e;--sp-accent:#5bb974;--sp-on-accent:#0b2915}.sp-phone[data-store=appstore]{--sp-text:#000000;--sp-muted:#8a8a8e;--sp-line:#e5e5ea;--sp-fill:#eff0f4;--sp-accent:#007aff;--sp-on-accent:#ffffff;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif}.sp-phone[data-store=appstore][data-appearance=dark]{--sp-bg:#000000;--sp-text:#ffffff;--sp-muted:#98989f;--sp-line:#2c2c2e;--sp-fill:#1c1c1e;--sp-accent:#0a84ff}.sp-phone[data-store=play]{font-family:Google Sans,Roboto,system-ui,sans-serif}.sp-screen{position:relative;height:min(780px,72vh);overflow-y:auto;overflow-x:hidden;border-radius:40px;background:var(--sp-bg);color:var(--sp-text);scrollbar-width:none}.sp-screen::-webkit-scrollbar{display:none}.sp-status{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:14px 30px 6px;background:var(--sp-bg);font-size:14px;font-weight:600}.sp-status-icons{display:inline-flex;align-items:center;gap:6px}.sp-signal{width:16px;height:10px;background:linear-gradient(90deg,currentColor 0 3px,transparent 3px 4px,currentColor 4px 7px,transparent 7px 8px,currentColor 8px 11px,transparent 11px 12px,currentColor 12px);clip-path:polygon(0 100%,100% 0,100% 100%)}.sp-battery{width:22px;height:11px;border-radius:3px;border:1.5px solid;box-sizing:border-box;background:linear-gradient(90deg,currentColor 70%,transparent 0) content-box;padding:1px}.sp-empty{padding:40px 24px;text-align:center;color:var(--sp-muted)}.sp-grow{flex:1 1}.sp-grow,.sp-min{min-width:0}.sp-pad{padding-inline:16px}.sp-muted{color:var(--sp-muted)}.sp-small{font-size:12px}.is-placeholder{opacity:.45}.sp-icon{display:block;flex:none;object-fit:cover;box-shadow:0 0 0 1px color-mix(in srgb,var(--sp-text) 8%,transparent)}.sp-icon-letter{display:grid;place-items:center;color:#ffffff;font-weight:700}.sp-row{display:flex;align-items:flex-start;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none;padding-block:12px}.sp-row::-webkit-scrollbar{display:none}.sp-row-still,.sp-shot{overflow:hidden}.sp-shot{position:relative;flex:none;padding:0;border:0;cursor:pointer;scroll-snap-align:start;background:var(--sp-fill);box-shadow:0 0 0 1px color-mix(in srgb,var(--sp-text) 10%,transparent);transition:transform .12s ease,box-shadow .12s ease}.sp-shot:hover{box-shadow:0 0 0 2px var(--md-primary)}.sp-shot:focus-visible{outline:3px solid var(--md-primary);outline-offset:2px}.sp-shot .screen-viewport{border-radius:0;box-shadow:none;pointer-events:none}.sp-play-button{position:absolute;inset:0;margin:auto;width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:rgba(0,0,0,.55);color:#ffffff;font-size:34px}.sp-appbar{gap:22px;padding:8px 18px;font-size:24px}.sp-appbar,.sp-play-hero{display:flex;align-items:center}.sp-play-hero{gap:18px;padding:10px 16px 14px}.sp-play-name{margin:0;font-size:22px;font-weight:500;line-height:1.25;overflow-wrap:anywhere}.sp-play-dev{margin:4px 0 2px;color:var(--sp-accent);font-size:14px;font-weight:500}.sp-play-stats{display:flex;justify-content:space-around;padding:4px 8px 14px}.sp-play-stats>div{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;color:var(--sp-muted)}.sp-play-stats>div+div{border-left:1px solid var(--sp-line)}.sp-play-stats strong{color:var(--sp-text);font-size:14px;font-weight:500}.sp-rated{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 2px;border:1.5px solid var(--sp-text);border-radius:3px;font-size:11px!important}.sp-play-install{display:block;padding:10px;border-radius:999px;background:var(--sp-accent);color:var(--sp-on-accent);text-align:center;font-size:14px;font-weight:500}.sp-section{padding:14px 16px 4px}.sp-section h5{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px;font-size:18px;font-weight:500}.sp-desc{margin:0 0 10px;font-size:14px;line-height:1.45;color:var(--sp-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sp-chip{display:inline-block;padding:5px 12px;border:1px solid var(--sp-line);border-radius:8px;font-size:13px}.sp-filler{display:grid;gap:8px;padding-block:4px 12px}.sp-filler span{display:block;height:10px;border-radius:5px;background:var(--sp-fill)}.sp-play-searchbar{display:flex;align-items:center;gap:14px;margin:8px 12px 14px;padding:12px 16px;border-radius:999px;background:var(--sp-fill);font-size:22px}.sp-play-searchbar .sp-grow{font-size:16px}.sp-play-result{padding-bottom:16px;border-bottom:1px solid var(--sp-line)}.sp-result-head{display:flex;align-items:center;gap:14px}.sp-result-head .sp-min{display:flex;flex-direction:column;gap:2px;flex:1 1}.sp-result-name{font-size:16px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-other{display:flex;align-items:center;gap:14px;padding:14px 16px 0}.sp-other .sp-filler{flex:1 1}.sp-other-icon{width:56px;height:56px;flex:none;border-radius:12px;background:var(--sp-fill)}.sp-ios-nav{display:flex;align-items:center;gap:2px;padding:6px 10px;color:var(--sp-accent);font-size:17px}.sp-ios-nav .md-icon{font-size:28px}.sp-ios-hero{display:flex;gap:16px;padding:8px 20px 16px}.sp-ios-hero-text{display:flex;flex-direction:column;flex:1 1}.sp-ios-name{margin:0;font-size:21px;font-weight:600;line-height:1.2;overflow-wrap:anywhere}.sp-ios-hero-text p{margin:2px 0 0;font-size:14px}.sp-ios-actions{margin-top:auto;display:flex;justify-content:space-between;align-items:center;color:var(--sp-accent);font-size:22px}.sp-ios-get{display:inline-block;padding:5px 20px;border-radius:999px;background:var(--sp-accent);color:#ffffff;font-size:15px;font-weight:700}.sp-ios-get-soft{flex:none;background:var(--sp-fill);color:var(--sp-accent)}.sp-ios-strip{display:flex;margin-inline:20px;padding:10px 0;border-block:1px solid var(--sp-line);overflow:hidden}.sp-ios-strip>div{flex:none;width:104px;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--sp-muted);font-size:10px;font-weight:600;text-align:center}.sp-ios-strip>div+div{border-left:1px solid var(--sp-line)}.sp-ios-strip strong{font-size:20px;line-height:1.1}.sp-ios-strip small{font-size:12px;font-weight:400;max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-stars{display:inline-flex;gap:1px;font-size:11px;letter-spacing:0;color:color-mix(in srgb,var(--sp-muted) 45%,transparent)}.sp-stars .on{color:var(--sp-muted)}.sp-ios-device{display:flex;align-items:center;gap:4px;margin:0 20px;padding-bottom:12px;border-bottom:1px solid var(--sp-line);font-size:13px}.sp-ios-section{padding-inline:20px}.sp-ios-section h5{font-size:20px;font-weight:700}.sp-ios-search{gap:12px;padding:8px 16px 14px}.sp-ios-field,.sp-ios-search{display:flex;align-items:center}.sp-ios-field{flex:1 1;gap:6px;padding:8px 10px;border-radius:10px;background:var(--sp-fill);font-size:16px;overflow:hidden;white-space:nowrap}.sp-ios-field .md-icon{color:var(--sp-muted)}.sp-ios-link{color:var(--sp-accent);font-size:16px}.sp-ios-pad{padding-inline:20px}.sp-ios-result{padding-bottom:14px;border-bottom:1px solid var(--sp-line)}.sp-notes{flex:1 1 280px;min-width:0}.sp-notes h4{margin:4px 0 12px;font-size:16px}.sp-notes ul{display:grid;gap:10px;margin:0;padding:0;list-style:none}.sp-note{display:flex;gap:10px;padding:10px 12px;border-radius:var(--md-shape-md,12px);background:var(--md-surface-container);font-size:13px;line-height:1.45}.sp-note>.md-icon{flex:none;font-size:18px;margin-top:1px;color:var(--md-on-surface-variant)}.sp-note.is-good>.md-icon{color:var(--md-primary)}.sp-note.is-warn{background:color-mix(in srgb,var(--md-error) 10%,var(--md-surface-container))}.sp-note.is-warn>.md-icon{color:var(--md-error)}.sp-note-links{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:6px}@media (max-width:460px){.sp-phone{padding:6px;border-radius:34px}.sp-screen{border-radius:28px}}.sp-modal.is-comparing{width:min(1320px,100%)}.sp-phone-wrap{margin:0;flex:none;max-width:100%}.sp-phone-wrap figcaption{margin:0 0 8px;font-size:14px;font-weight:600;text-align:center}.sp-compare{display:flex;flex-wrap:wrap;gap:20px;max-width:100%}.sp-share-toggle{margin-left:auto}.sp-capture{display:flex;flex:none;max-width:100%;padding:8px;border-radius:24px}.sp-share{display:grid;gap:10px;margin:-4px 0 16px;padding:14px 16px;border-radius:16px;background:var(--md-surface-container)}.sp-share-note{margin:0;font-size:13px;color:var(--md-on-surface-variant)}.sp-share-error{margin:0;font-size:13px;color:var(--md-error)}.sp-share-email,.sp-share-link{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sp-share-email .m3-input,.sp-share-link .m3-input{flex:1 1 220px;min-width:0}.sp-share .m3-button{justify-self:start;text-decoration:none}.sp-footer{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;margin-bottom:12px;border-radius:var(--md-shape-md);background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.sp-video .sp-promo{position:absolute;inset:0}.promo-player{position:relative;width:100%;overflow:hidden;background:#000;border-radius:inherit}.promo-player canvas{display:block;width:100%;height:100%}.promo-player-toggle{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;cursor:pointer}.remix{width:min(1180px,100%);display:flex;flex-direction:column;gap:12px}.remix h3{display:flex;gap:8px;align-items:center}.remix-form,.remix-section{display:flex;flex-direction:column;gap:10px}.remix-section{padding:14px;border-radius:var(--md-shape-lg);background:var(--md-surface-container)}.remix-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.remix-row .m3-input{flex:1 1 260px}.remix-options{justify-content:space-between;font-size:14px}.remix-options .m3-select{width:auto;padding:8px 10px}.remix-check{display:flex;gap:8px;align-items:center}.remix-icon{width:24px;height:24px;border-radius:6px}.remix-shots{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.remix-shot{position:relative;flex:none}.remix-shot img{height:150px;width:auto;border-radius:8px;display:block}.remix-shot button{position:absolute;top:4px;right:4px;background:rgba(0,0,0,.55);color:#fff}.remix-add{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:120px;height:150px;border:2px dashed var(--md-outline);border-radius:8px;background:transparent;color:var(--md-on-surface-variant);font:inherit;font-size:12px;cursor:pointer}.remix-go{align-self:flex-start;padding-inline:28px}.remix-notes ul,.remix-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.remix-notes li,.remix-steps li{display:flex;gap:8px;align-items:flex-start;font-size:14px}.remix-steps li[data-state=waiting]{opacity:.5}.remix-notes li[data-state=done] .md-icon,.remix-steps li[data-state=done] .md-icon{color:var(--md-primary)}li[data-state=warning] .md-icon{color:var(--md-error)}.remix-steps li[data-state=running] .md-icon{animation:remix-spin 1.2s linear infinite}@keyframes remix-spin{to{transform:rotate(1turn)}}.remix-result{display:flex;flex-direction:column;gap:14px}.remix-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.remix-status{font-size:13px;color:var(--md-on-surface-variant)}.remix-gallery{display:flex;gap:10px;overflow-x:auto;padding:12px;border-radius:var(--md-shape-md);background:var(--md-surface-dim)}.remix-screen{flex:none}.remix-screen .screen-viewport{border-radius:8px;box-shadow:var(--md-elevation-1)}.remix-bottom{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:16px}@media (max-width:820px){.remix-bottom{grid-template-columns:minmax(0,1fr)}}.remix-video{display:flex;flex-direction:column;gap:8px}.remix-video .promo-player{border-radius:12px}.remix-notes{display:flex;flex-direction:column;gap:10px;align-items:flex-start}