.beta-shell{max-width:1000px;margin:32px auto;padding:24px}.beta-shell>h1{font-size:clamp(30px,5vw,48px);max-width:720px;line-height:1.1}.intro{font-size:19px;max-width:640px;margin:22px 0}.beta-shell>.sandbox-banner{border:1px solid #f2d8c9;border-radius:10px;margin:24px 0;padding:16px}.beta-shell .kicker{font-size:14px}.beta-shell ol{padding-left:22px}.beta-shell li{padding-bottom:8px}.beta-shell form button{margin-top:14px}.email-field{flex:1;min-width:200px}.feedback-heading{margin-top:36px}.tester-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.tester-row span{overflow-wrap:anywhere}.feedback-entry{padding:18px 0;border-bottom:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere}.beta-shell [hidden]{display:none!important}@media(max-width:540px){.beta-shell{margin:10px auto;padding:18px}.tester-row{align-items:flex-start;flex-direction:column}}
/* Product-led layout system, preview.12. */
.beta-shell{max-width:1720px;width:calc(100% - 64px);margin:28px auto 48px;padding:0;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:start}.beta-intro{background:var(--ink);border-radius:22px;padding:32px;color:white;min-height:300px;display:flex;flex-direction:column;justify-content:center}.beta-intro .kicker{color:#8fd6f5;font-size:12px}.beta-intro h1{font-size:clamp(36px,3.3vw,56px);line-height:1.08;max-width:16ch;margin:0 0 22px}.beta-intro .sandbox-banner{background:#ffffff12;border:1px solid #ffffff25;border-radius:10px;color:#dbe6f3;padding:12px 16px;font-size:13px;margin:0;align-self:start}.beta-shell>.card{margin:0}.beta-shell #entry{padding:30px;border-radius:22px;grid-column:2;grid-row:1;align-self:stretch}.beta-shell #entry h2{font-size:26px}.beta-shell #entry p{font-size:15px}.beta-shell>#error,.beta-shell>#notice,.beta-shell>.small{grid-column:1/-1;margin:0}.beta-shell>#admin{grid-column:2;grid-row:auto;order:4}.beta-shell>#experience{grid-column:1;grid-row:auto;order:3}.beta-shell:not(:has(#admin:not([hidden]))) #experience{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px 32px}.beta-shell:not(:has(#admin:not([hidden]))) #experience>h2{grid-column:1/-1}.beta-shell #experience[hidden]{display:none!important}.launch-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.launch-tile{display:grid;grid-template-columns:1fr 24px;gap:14px;align-content:space-between;text-decoration:none;border:1px solid #cfdfea;border-radius:16px;background:#eef7fc;padding:20px;transition:transform .18s,border-color .18s}.launch-tile:hover{transform:translateY(-3px);border-color:#71b8d9}.launch-tile:nth-child(2){background:#fff1e8;border-color:#f3d7c7}.launch-tile:nth-child(3){background:#f0edff;border-color:#ded7f7}.launch-tile:nth-child(4){background:#eaf6f1;border-color:#cfe7da}.tile-symbol{grid-column:1/-1;width:36px;height:36px;background:white;border-radius:10px;display:grid;place-items:center;font-size:24px}.launch-tile>span:nth-child(2){font-size:16px;font-weight:700;line-height:1.4}.launch-tile b{align-self:end}.beta-shell #feedback-form{margin:0;padding:0}.beta-shell:has(#admin:not([hidden])) #feedback-form{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.beta-shell #feedback-form label{margin-top:0}.beta-shell #feedback-form textarea{min-height:160px}.tester-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;font-size:14px}.tester-row button{font-size:13px;padding:8px 10px}.beta-shell #admin h3{padding-top:22px}#language-form{display:flex;align-items:center;gap:8px;margin:0}#language-form label{margin:0}#language-form select{width:auto;max-width:160px}#language-form button{margin:0;padding:10px 14px}
.beta-shell:has(#app){display:block}.beta-shell:has(#app)>h1{max-width:none;font-size:clamp(34px,3.4vw,58px);margin-bottom:12px}.beta-shell:has(#app)>h2{margin-bottom:16px}.beta-shell:has(#app)>p:not(.kicker):not(.sandbox-banner){max-width:90ch}.beta-shell #app{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px}.beta-shell #app .card{margin:0;overflow:auto}.beta-shell #app .card:first-child{grid-row:span 2}.beta-shell #app .product-cover{height:260px}.beta-shell #app dl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid var(--line);padding-top:16px}.beta-shell #app dd{text-align:right}.beta-shell #app form{max-width:620px}
@media(max-width:950px){.beta-shell{width:calc(100% - 40px);grid-template-columns:1fr}.beta-shell #entry,.beta-shell>#admin,.beta-shell>#experience{grid-column:1;grid-row:auto}.beta-intro{min-height:0;padding:28px}.beta-shell:not(:has(#admin:not([hidden]))) #experience{display:block}.beta-shell #feedback-form{margin-top:24px!important}.beta-shell #app{grid-template-columns:1fr}.beta-shell #app .card:first-child{grid-row:auto}}
@media(max-width:560px){.beta-shell{width:calc(100% - 28px);margin-top:18px}.beta-shell #entry{padding:24px}.launch-tile{padding:16px}.launch-tile>span:nth-child(2){font-size:14px}.tester-row{grid-template-columns:1fr 1fr}.tester-row span{grid-column:1/-1}header:has(#language-form){flex-wrap:wrap;gap:12px}header:has(#language-form)>a:nth-child(2){margin-left:auto}#language-form{margin-left:auto;width:auto}}
@media(prefers-reduced-motion:reduce){.launch-tile{transition:none}}

.beta-shell>#error{order:1}.beta-shell>#notice{order:2}.beta-shell>.small{order:5}

.launch-tile:last-child:nth-child(odd){grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start}