/* RadioBox's existing sky, cream, serif and broadcast palette. */
[hidden]{display:none!important}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}section[id]{scroll-margin-top:110px}.hero{min-height:90svh;padding-bottom:90px}.hero-glass{border:0;padding-inline:20px}.hero h1{font-size:clamp(3.5rem,7.4vw,8rem);line-height:.98}.hero-actions .button-glass{background:#102d3a;color:white;border-color:#102d3a}.hero-actions .text-link{font-size:.9rem}.eyebrow{font-size:.75rem;letter-spacing:.1em;font-weight:700;color:#496371}.hero .eyebrow{font-size:.75rem;margin-bottom:25px;text-transform:uppercase}.experience{padding:90px clamp(20px,6vw,96px) 70px;background:radial-gradient(ellipse at 100% 15%,#e4eff2,transparent 45%),var(--paper)}.experience-heading{max-width:850px;margin:0 auto 38px;text-align:center}.experience-heading h2{font-size:clamp(3rem,6vw,6rem);line-height:1;margin:20px 0}.experience-intro{max-width:620px;margin:auto;font-size:1.08rem;line-height:1.7;color:var(--rb-muted)}.demo-tabs{display:flex;justify-content:center;gap:8px;margin:0 auto 30px;max-width:720px;padding:7px;border:1px solid var(--line);border-radius:50px;background:#fffaf4}.demo-tabs button{flex:1;min-height:52px;padding:12px 16px;background:transparent;border:0;border-radius:40px;color:#496371;white-space:nowrap;font-size:.85rem}.demo-tabs button span{font-size:.68rem;margin-right:9px;opacity:.8}.demo-tabs button[aria-selected=true]{color:#fff;background:var(--ink);box-shadow:0 4px 12px #102d3a1c}.demo-caption{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:23px}.demo-caption h3{font-size:clamp(1.7rem,2.4vw,2.5rem);letter-spacing:-.035em;margin:0 0 8px}.demo-caption p{margin:0;max-width:760px;color:var(--rb-muted);font-size:.9rem;line-height:1.6}.demo-badge{white-space:nowrap;padding:8px 11px;border:1px solid var(--line);border-radius:8px;font-size:.68rem}.studio{--accent:#f8a465;--accent-ink:#201b17;background:#111c28;color:#f5f6f8;border:1px solid #41505d;border-radius:20px;box-shadow:0 30px 65px #102d3a1f;overflow:hidden;font-size:.8rem}.studio[data-accent=blue]{--accent:#8bc9fa;--accent-ink:#122636}.studio[data-accent=mint]{--accent:#8cdec5;--accent-ink:#0b3027}.studio-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:17px 24px;background:#1b2835;border-bottom:1px solid #3a4755}.studio-brand{display:flex;align-items:center;gap:10px}.studio-brand img{border-radius:7px}.studio-count{color:#c2cdd7;font-size:.75rem}.studio-content{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:20px;padding:25px}.draw-workspace{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1.3fr);gap:18px;min-width:0}.number-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;border:1px solid #384655;border-radius:12px;background:radial-gradient(ellipse at 50% 50%,#25394a,#15212e 75%);padding:24px 12px;text-align:center}.number-stage>span{font-size:.75rem;color:#bdcbd6}.current-number{font-size:clamp(4rem,8vw,8rem);line-height:1.15;letter-spacing:-.07em;color:var(--accent);font-variant-numeric:tabular-nums}.studio button{border:1px solid #506070;background:#263745;color:#eef4fa;padding:10px 14px;border-radius:8px;min-height:44px;font-size:.75rem;font-weight:700;transition:background .15s}.studio button:hover:enabled{background:#394d5e}.studio .draw-button,.publish-controls button{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.studio .draw-button:hover:enabled,.publish-controls button:hover:enabled{filter:brightness(1.12);background:var(--accent)}.safe-controls{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.safe-controls button{font-size:.7rem;padding:9px}.board-stage{padding:16px;border:1px solid #384655;border-radius:12px;background:#15212e;min-width:0}.board-title{display:flex;justify-content:space-between;gap:8px;margin-bottom:15px;color:#c2cdd7;font-size:.72rem}.number-board{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.number-board>span{display:grid;place-items:center;aspect-ratio:1/1;min-height:22px;border:1px solid #344454;border-radius:4px;background:#22303f;color:#aebfce;font-size:clamp(.58rem,.82vw,.8rem);font-weight:700;position:relative}.number-board .is-drawn{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.number-board .is-current{outline:2px solid white;outline-offset:1px;z-index:1}.number-board .is-drawn:after{content:'';width:3px;height:3px;background:currentColor;position:absolute;bottom:2px;border-radius:50%}.history-stage{grid-column:1/-1;display:flex;align-items:center;gap:18px;min-height:46px;font-size:.72rem;color:#bdcbd6}.recent-numbers{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.recent-numbers>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid #4b5c6e;color:#fff;font-weight:700}.recent-numbers>span:first-child{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.viewer-stage{border-left:1px solid #384655;padding-left:20px;display:flex;flex-direction:column;justify-content:center}.viewer-label{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.72rem;color:#cad5df}.status-dot{width:7px;height:7px;background:#96d8c0;border-radius:50%}.viewer-screen{background:linear-gradient(145deg,#2c3f4b,#182c3c);border:1px solid #4b6270;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:210px;padding:18px 8px;gap:10px}.viewer-screen>span:first-child{text-transform:uppercase;letter-spacing:.1em;font-size:.6rem;color:#cad9e5}.viewer-number{font-size:5.7rem;line-height:1.1;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.07em}.viewer-screen>span:last-child{font-size:.63rem;color:#cad9e5}.sync-state{min-height:2.5em;color:#c5ddce;font-size:.7rem;line-height:1.5;margin:15px 0 0}.publish-controls button{width:100%;margin-top:10px}.studio-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-top:1px solid #384655;color:#b2c2cf;font-size:.67rem}.studio-bottom button{background:transparent;font-size:.7rem;flex-shrink:0}.customize-controls{border-top:1px solid #384655;padding:20px 25px;display:flex;flex-wrap:wrap;gap:24px 50px}.customize-controls fieldset{border:0;margin:0;padding:0}.customize-controls legend{margin-bottom:10px;font-size:.72rem;color:#bdcbd6}.swatches,.layout-options{display:flex;gap:7px;flex-wrap:wrap}.swatches button{display:flex;gap:7px;align-items:center}.swatch{width:12px;height:12px;border-radius:50%;background:#f8a465}.swatch.blue{background:#8bc9fa}.swatch.mint{background:#8cdec5}.studio button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.studio[data-layout=boardFocus] .draw-workspace{grid-template-columns:1fr}.studio[data-layout=boardFocus] .number-stage{flex-direction:row;justify-content:space-between;padding:10px 20px;gap:15px}.studio[data-layout=boardFocus] .current-number{font-size:3rem}.demo-status{font-size:.8rem;min-height:1.5em;color:#345867;margin:15px 0 0}.experience-foot{display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:.78rem;color:var(--rb-muted);line-height:1.5}.experience-foot a{font-weight:700;white-space:nowrap;text-underline-offset:4px}.products{padding-top:60px}.product-card-soon{opacity:1;filter:none;background:#f1ebe2;box-shadow:none}.product-card-soon .product-copy>span:not(.wishlist-button){color:#56656b}.product-card-soon .letter-card{background:#e9e2d8}.product-card-active .wishlist-button{color:#fff;background:var(--ink)}.product-copy{gap:14px;min-height:280px}.story{background:#506be8;padding-block:100px}.story blockquote{max-width:1080px}.faq{padding:60px clamp(24px,7vw,110px) 100px;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq h2{font-size:clamp(2.8rem,4.8vw,5rem);line-height:1;margin:0}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;line-height:1.5;font-weight:700;min-height:32px;padding-right:10px}.faq details p{font-size:.9rem;line-height:1.7;color:var(--rb-muted);margin:14px 0 0}.demo-teaser{border:1px solid #e9c3a5;border-radius:28px;background:linear-gradient(140deg,#183344,#101c28);color:#fff;padding:35px;box-shadow:0 30px 60px #66401c20;transform:rotate(2deg)}.demo-teaser .eyebrow{color:#b4c9d6}.teaser-number{font-size:10rem;color:#f8a465;line-height:1.2;font-weight:700;letter-spacing:-.08em}.demo-teaser h2{font-size:2.7rem;line-height:1.1;margin:12px 0}.demo-teaser p{color:#bbceda;line-height:1.6}.demo-teaser .text-link{color:#fff}.bingo-hero h1{font-size:clamp(3.5rem,6.6vw,7rem)}.bingo-hero{min-height:800px}.bingo-hero .hero-actions{flex-wrap:wrap;justify-content:flex-start}.bingo-hero+.experience{background:#fff5e9}.studio :focus-visible{outline:3px solid #fff;outline-offset:3px}button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #0a84ff;outline-offset:4px}footer{flex-wrap:wrap}
@media(min-width:1500px){.experience{padding-inline:max(6vw,calc((100vw - 1350px)/2))}}
@media(max-width:1050px){.studio-content{grid-template-columns:minmax(0,1fr) 180px;padding:18px;gap:16px}.draw-workspace{grid-template-columns:1fr}.number-stage{flex-direction:row;justify-content:space-between;padding:12px 20px;gap:12px}.current-number{font-size:4rem}.viewer-stage{padding-left:16px}.demo-caption{align-items:flex-start}.board-stage{padding:14px}.number-board>span{font-size:.75rem;aspect-ratio:auto;min-height:29px}.hero{min-height:760px}.demo-teaser{max-width:650px;width:100%;justify-self:center}.faq{gap:35px}.bingo-hero{grid-template-columns:1fr}}
@media(max-width:680px){.experience{padding:60px 18px}.experience-heading{text-align:left}.experience-heading h2{font-size:3.2rem}.eyebrow{font-size:.66rem}.experience-intro{font-size:1rem}.demo-tabs{border-radius:13px;padding:5px;gap:2px}.demo-tabs button{white-space:normal;border-radius:9px;min-height:62px;padding:8px 5px;font-size:.73rem;line-height:1.3}.demo-tabs button span{display:block;margin:0 0 5px}.demo-caption{display:block}.demo-badge{display:inline-block;margin-top:15px}.studio{border-radius:14px}.studio-top{padding:12px;font-size:.72rem}.studio-count{font-size:.62rem}.studio-brand{gap:7px}.studio-brand img{width:23px;height:23px}.studio-content{grid-template-columns:1fr;padding:12px;gap:18px}.number-stage{padding:12px;flex-wrap:wrap}.current-number{font-size:4rem}.draw-button{padding:10px!important}.number-board{gap:3px}.number-board>span{min-height:27px;font-size:.66rem}.board-stage{padding:12px}.history-stage{font-size:.65rem;gap:10px}.viewer-stage{border:0;border-top:1px solid #384655;padding:15px 0 0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12px}.viewer-label{margin:0;grid-column:1;font-size:.7rem}.viewer-screen{grid-column:2;grid-row:1/4;min-height:150px}.viewer-number{font-size:4rem}.sync-state{grid-column:1;margin:0}.publish-controls{grid-column:1}.viewer-screen>span:last-child{font-size:.58rem}.studio-bottom{padding:12px;align-items:flex-start;font-size:.6rem;line-height:1.6}.studio-bottom>span{max-width:170px}.customize-controls{padding:18px 12px;gap:18px}.swatches button,.layout-options button{font-size:.68rem;padding:9px 11px}.demo-status{font-size:.72rem;line-height:1.5}.experience-foot{align-items:flex-start;flex-direction:column;gap:0}.hero{min-height:720px;padding-top:130px}.hero-glass{padding-inline:0}.hero h1{font-size:clamp(3rem,10vw,4rem)}.hero-actions{gap:20px}.hero-actions .text-link{justify-content:center}.faq{padding:50px 20px 70px;grid-template-columns:1fr;gap:32px}.product-grid{grid-template-columns:1fr 1fr}.product-visual{height:130px}.product-copy{padding:16px;min-height:290px}.product-copy h3{font-size:1.6rem}.product-copy p{font-size:.79rem}.wishlist-button{font-size:.65rem;padding:9px}.demo-teaser{transform:none;padding:24px}.teaser-number{font-size:7rem}.demo-teaser h2{font-size:2.2rem}.bingo-hero .hero-actions{display:flex}.bingo-hero h1{font-size:3.5rem}.studio[data-layout=boardFocus] .number-stage{padding:12px}.studio[data-layout=boardFocus] .current-number{font-size:3rem}footer{gap:12px}.footer-brand{width:100%}}
@media(max-width:380px){.product-grid{grid-template-columns:1fr}.product-copy{min-height:240px}.studio-brand b{font-size:.64rem}.demo-tabs button{font-size:.65rem}.number-stage{justify-content:center}.number-stage>span{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1051px){.number-board>span{aspect-ratio:auto;height:clamp(28px,2.5vw,36px)}.site-header.is-scrolled{box-shadow:0 12px 32px #102d3a10,inset 0 1px 0 #ffffffb3}}
/* Dashboard editor: 12-column grid, shared live demo panels. */
.radiobox-icon{display:block;width:44px;height:44px;object-fit:contain;border-radius:11px;flex-shrink:0}.grid-editor{padding:22px}.grid-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.grid-toolbar strong{font-size:.92rem}.grid-toolbar p{font-size:.75rem;line-height:1.6;color:#bccbd8;max-width:650px;margin:7px 0 0}.grid-toolbar-actions{display:flex;gap:8px;flex-shrink:0}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;align-items:stretch;background:repeating-linear-gradient(90deg,#98b2ca0a 0,#98b2ca0a calc(8.333% - 1px),#7c95aa20 calc(8.333% - 1px),#7c95aa20 8.333%);border:1px dashed #526375;border-radius:12px;padding:12px}.grid-widget{grid-column:span var(--widget-span,6);min-width:0;margin:0;background:#172533;border:1px solid #4c6173;border-radius:10px;position:relative;display:flex;flex-direction:column;transition:box-shadow .15s}.widget-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:5px;padding:7px;border-bottom:1px solid #3b4d5e;background:#223241;border-radius:10px 10px 0 0}.studio .widget-handle{display:flex;align-items:center;gap:8px;background:transparent;border-color:transparent;cursor:grab;touch-action:none;user-select:none;text-align:left;padding:6px 8px;min-height:36px;font-size:.7rem}.widget-handle>span:first-child{font-size:1.4rem;color:var(--accent)}.widget-actions{display:flex;align-items:center;gap:4px}.studio .widget-actions button{padding:4px 9px;min-height:34px}.widget-width{background:#182736;color:#e9f2f8;border:1px solid #53697c;border-radius:6px;padding:7px 5px;max-width:105px;min-height:34px;font-size:.68rem}.widget-content{flex:1;display:flex;flex-direction:column;min-width:0}.grid-widget .number-stage{border:0;background:radial-gradient(ellipse at center,#293e50,#172533 80%);border-radius:0 0 10px 10px;flex:1;min-height:210px;flex-direction:column;justify-content:center;gap:12px;padding:20px}.grid-widget .current-number{font-size:clamp(4rem,7vw,7rem)}.grid-widget .board-stage{border:0;border-radius:0;background:transparent;flex:1;padding:16px}.grid-widget .number-board{gap:3px}.grid-widget .number-board>span{height:clamp(24px,2.6vw,34px);min-height:24px;aspect-ratio:auto;font-size:.64rem}.grid-widget .history-stage{padding:22px 16px;flex:1;flex-direction:column;align-items:flex-start;justify-content:center;min-height:180px;gap:16px}.grid-widget .viewer-stage{border:0;padding:18px;display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1}.grid-widget .viewer-screen{min-height:120px;padding:12px}.grid-widget .viewer-number{font-size:4rem}.grid-widget .sync-state{min-height:0}.grid-widget .viewer-label{margin-bottom:10px}.grid-widget.is-dragging{opacity:.4;border-style:dashed}.grid-widget.drop-before{box-shadow:-5px 0 0 var(--accent);border-color:var(--accent)}.grid-widget.drop-after{box-shadow:5px 0 0 var(--accent);border-color:var(--accent)}.grid-drag-ghost{position:fixed;left:0;top:0;z-index:100;pointer-events:none;background:#f8a465;color:#182737;padding:14px 22px;border:2px solid white;border-radius:10px;box-shadow:0 12px 34px #0005;font:700 14px "DM Sans",sans-serif;max-width:230px}.widget-width:focus-visible{outline:3px solid white;outline-offset:3px}.demo-panel{scroll-margin-top:110px}
@media(max-width:900px){.grid-toolbar{flex-wrap:wrap}.grid-widget{grid-column:span 6}.grid-widget[data-widget=board]{grid-column:span 12}.grid-widget[style*="12"]{grid-column:span 12}.grid-widget .widget-toolbar{align-items:stretch;flex-direction:column}.widget-actions{justify-content:space-between}}
@media(max-width:580px){.grid-editor{padding:12px}.grid-toolbar p{font-size:.72rem}.grid-toolbar-actions{width:100%}.grid-toolbar-actions button{flex:1}.dashboard-grid{padding:8px;gap:12px}.grid-widget{grid-column:span 12!important}.grid-widget .widget-toolbar{flex-direction:row;align-items:center;padding:5px}.studio .widget-handle{min-height:44px;padding:5px;font-size:.65rem}.studio .widget-actions button,.widget-width{min-height:44px}.widget-width{max-width:95px}.grid-widget .number-stage{min-height:200px}.grid-widget .history-stage{min-height:110px}.grid-widget .viewer-stage{padding:16px}.grid-widget .viewer-screen{min-height:140px}.grid-widget .current-number{font-size:4.5rem}.radiobox-icon{width:38px;height:38px}.back-link{gap:6px;font-size:.75rem}.grid-widget.drop-before{box-shadow:0 -5px 0 var(--accent)}.grid-widget.drop-after{box-shadow:0 5px 0 var(--accent)}}
.product-card .app-screenshot{display:block;position:relative;width:100%;padding:12px;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#14202e;cursor:default;overflow:hidden}.app-screenshot img{display:block;width:100%;height:100%;object-fit:contain}.product-copy a.wishlist-button{text-decoration:none}
/* Minimal app-style editor: direct manipulation on a 12-column canvas. */
.studio.minimal-mode{background:#0c1016;border-color:#303844;box-shadow:0 25px 65px #102d3a16}
.minimal-mode .studio-top,.minimal-mode .studio-bottom,.minimal-mode .customize-controls{display:none!important}
.minimal-editor{padding:26px}.minimal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.minimal-heading h3{font:700 clamp(1.2rem,2.1vw,1.8rem)/1.2 "DM Sans",sans-serif;letter-spacing:-.035em;margin:0}.minimal-heading>div{display:flex;gap:8px}.studio .minimal-heading button{background:transparent;border:1px solid #343e4b;border-radius:8px;padding:8px 13px;font-size:.75rem;color:#d3d9e2}.minimal-help{color:#a6afbd;font-size:.8rem;line-height:1.5;margin:12px 0 22px}.minimal-scroll{overflow:auto;overscroll-behavior-x:contain;border-radius:16px}.minimal-canvas{--rows:9;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(var(--rows),52px);grid-auto-rows:52px;gap:10px;padding:12px;min-width:600px;border:1px solid #343e4b;border-radius:16px;background:#131a24;position:relative}.minimal-canvas.is-editing{background-image:radial-gradient(#64758a70 1px,transparent 1px);background-size:calc((100% - 24px)/12) 62px}.minimal-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;position:relative;min-width:0;min-height:0;border:1px solid #364252;border-radius:13px;background:linear-gradient(135deg,#1c2939,#101722);box-shadow:inset 0 1px 0 #ffffff09;cursor:grab;touch-action:none;user-select:none;padding:8px;text-align:center;overflow:hidden}.minimal-tile.is-selected{border-color:#ee8b3c;box-shadow:inset 0 0 0 1px #ee8b3c35}.minimal-tile.is-moving{cursor:grabbing;z-index:2;box-shadow:0 12px 30px #0006;border-color:#ffad69}.minimal-symbol{font:700 clamp(1.7rem,3vw,3rem)/1 "DM Sans",sans-serif;color:#ed8b3d;letter-spacing:-.035em}.minimal-label{font:700 clamp(.65rem,1.1vw,.92rem)/1.25 "DM Sans",sans-serif;color:#eef1f7;overflow-wrap:anywhere}.studio .minimal-resize{position:absolute;right:2px;bottom:2px;width:30px;height:30px;min-height:30px;padding:7px;background:transparent;border:0;border-radius:5px;cursor:nwse-resize;touch-action:none;opacity:0;color:#ee9b58}.minimal-resize svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.minimal-tile.is-selected .minimal-resize,.minimal-tile:hover .minimal-resize,.minimal-resize:focus-visible{opacity:1}.studio .minimal-resize:hover{background:#ffffff0d}.minimal-inspector{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px;min-height:44px;color:#bec7d4;font-size:.78rem}.minimal-inspector strong{font-weight:500}.minimal-dimensions,.minimal-size{display:flex;align-items:center;gap:9px}.minimal-dimensions{gap:24px}.studio .minimal-size button{min-height:34px;width:34px;padding:0;background:#19222e;border:1px solid #354252;border-radius:7px;font-size:1.05rem}.minimal-size output{min-width:15px;text-align:center;font-variant-numeric:tabular-nums}.minimal-keys{font-size:.68rem;color:#99a6b7;margin:12px 0 0;line-height:1.5}.minimal-mobile{display:none;font-size:.72rem;color:#b1bdcd}.minimal-tile:focus-visible{outline:2px solid #f5ac74;outline-offset:-3px}
@media(max-width:680px){.minimal-editor{padding:15px}.minimal-heading{align-items:flex-start}.minimal-heading h3{font-size:1.2rem}.studio .minimal-heading button{font-size:.66rem;padding:7px 9px}.minimal-help{font-size:.74rem}.minimal-mobile{display:block}.minimal-canvas{grid-template-rows:repeat(var(--rows),42px);grid-auto-rows:42px;gap:8px;padding:12px}.minimal-symbol{font-size:1.9rem}.minimal-label{font-size:.7rem}.minimal-inspector{align-items:flex-start;flex-direction:column;gap:12px}.minimal-dimensions{gap:18px;flex-wrap:wrap}.minimal-size{gap:7px}.studio .minimal-size button{min-height:44px;width:38px}.minimal-tile .minimal-resize{opacity:.7}.minimal-keys{font-size:.65rem}}
.minimal-tile[data-short=true]{flex-direction:row;gap:8px;padding:5px 25px 5px 7px}.minimal-tile[data-short=true] .minimal-symbol{font-size:1.35rem}.minimal-tile[data-short=true] .minimal-label{font-size:.65rem;line-height:1.1}
/* The editing surface has a fixed number of tracks, including during gestures. */
.minimal-canvas{grid-template-rows:repeat(9,52px);grid-auto-rows:0;isolation:isolate}
.minimal-tile.is-blocked{border-color:#e6a777;cursor:not-allowed;box-shadow:inset 0 0 0 2px #e6a77755}
.minimal-inspector>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:680px){.minimal-canvas{grid-template-rows:repeat(9,42px)}}
.preview-dialog{width:min(520px,calc(100% - 32px));padding:32px;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #102d3a30}
.preview-dialog::backdrop{background:#10202d70;backdrop-filter:blur(4px)}
.preview-dialog h2{font-size:2rem;line-height:1.1;margin:0 0 16px}.preview-dialog p{font-size:1rem;line-height:1.6;color:var(--rb-muted)}
.preview-dialog>div{display:flex;gap:16px;justify-content:flex-end;align-items:center;margin-top:28px;flex-wrap:wrap}.preview-dialog button{font:inherit;color:inherit;cursor:pointer;padding:12px 16px;border:1px solid var(--line);border-radius:24px;background:transparent;min-height:44px}
/* Tab changes keep their heading aligned and interpolate the studio height. */
.experience{overflow-anchor:none}
.demo-caption{align-items:flex-start}
.demo-caption .demo-badge{flex-shrink:0}
.demo-tabs button{transition:background-color .2s,color .2s,box-shadow .2s}
.studio{transition:background-color .24s,border-color .24s,box-shadow .24s}
@media(prefers-reduced-motion:reduce){.demo-tabs button,.studio{transition:none}}
/* Align header text vertically within the existing 44px navigation targets. */
.site-header nav{align-items:center}
.site-header nav a{display:inline-flex;align-items:center;justify-content:center;line-height:1.2}
/* Matching logos and a shared footer give both plans the same visual rhythm. */
.price-card{min-height:520px}
.price-card>img{width:68px;height:68px;object-fit:contain;flex-shrink:0}
.price-card h3{margin:12px 0 16px;line-height:1.05}
.price-footer{width:100%;margin-top:auto;padding-top:36px}
.price-footer .price{margin:0;padding:0;gap:12px;flex-wrap:wrap;row-gap:6px}
.price-footer .price strong{line-height:1.05}
.price-footer>.button,.price-footer>small{margin-top:22px;min-height:44px}
.price-footer>.button{padding-inline:22px}
.price-footer>small{display:flex;align-items:center;color:#65777d;font-size:.82rem}
.price-card-soon{opacity:1;background:#f0ebe3;box-shadow:0 12px 35px #59433106}
.price-card-soon h3,.price-card-soon .price strong{color:#536b74}
@media(max-width:680px){.price-card{min-height:480px;padding:26px}.price-footer{padding-top:28px}.price-footer>.button,.price-footer>small{margin-top:18px}}