.rb-tile-designer{scroll-margin-top:30px;padding:10px 0 55px}.rb-tile-designer .rb-editorial-heading{align-items:flex-end;gap:25px}.rb-tile-designer .rb-editorial-heading p:not(.overline){max-width:650px;font-size:14px;color:#657580;line-height:1.7;margin:12px 0 0}.rb-tile-designer .rb-editorial-heading>span{white-space:nowrap;font-size:12px}.rb-tile-app{--tile-wall:#293438;--tile-wall-line:#d9e7dd17;display:grid;grid-template-columns:minmax(0,1fr) 310px;border:1px solid #dce2e4;border-radius:12px;background:#fff;box-shadow:0 10px 35px #19313b09;overflow:hidden}.rb-tile-app [hidden]{display:none!important}.rb-tile-app[data-wall=cream]{--tile-wall:#d9d1bf;--tile-wall-line:#514e3e18}.rb-tile-app[data-wall=green]{--tile-wall:#354e48;--tile-wall-line:#d9e7dd19}.rb-tile-workspace{min-width:0;padding:20px;background:#f6f8f8}.rb-tile-toolbar{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:18px;font-size:12px}.rb-tile-app button,.rb-tile-app select,.rb-tile-load{border:1px solid #d4dce0;border-radius:5px;background:#fff;color:#24343b;padding:9px 11px;font:inherit;font-weight:650;cursor:pointer}.rb-tile-app button:hover,.rb-tile-app .rb-tile-load:hover{border-color:#bd5944}.rb-tile-app button:disabled{opacity:.4;cursor:default}.rb-tile-app button:focus-visible,.rb-tile-app input:focus-visible,.rb-tile-app select:focus-visible,.rb-tile-app a:focus-visible,.rb-tile-board-wrap:focus-visible,.rb-tile-load:focus-within{outline:3px solid #ec755d;outline-offset:3px}.rb-tile-modes{display:flex;gap:4px}.rb-tile-modes button[aria-pressed=true]{color:#fff;background:#24343b;border-color:#24343b}.rb-tile-toolbar label{display:flex;gap:7px;align-items:center}.rb-tile-toolbar select{padding:7px;font-size:12px}.rb-tile-switch{margin-left:auto;cursor:pointer;white-space:nowrap}.rb-tile-switch input{width:17px;height:17px;accent-color:#c65942}.rb-tile-board-wrap{max-width:100%;overflow:auto;border:1px solid #c9d3d5;border-radius:7px;background:var(--tile-wall);overscroll-behavior:contain;max-height:540px;scrollbar-color:#96a29f #283436}.rb-tile-board{display:grid;grid-template-columns:repeat(var(--cols),48px);gap:3px;padding:24px;width:max-content;min-width:100%;justify-content:center;background-image:radial-gradient(var(--tile-wall-line) 1px,transparent 1px);background-size:51px 51px;background-position:24px 24px}.rb-tile-app .rb-tile-cell{width:48px;height:48px;padding:0;border:1px solid var(--tile-wall-line);border-radius:5px;background:#ffffff03;position:relative;color:#0c0d0e;user-select:none}.rb-tile-app .rb-tile-cell:not(.has-tile):hover{background:#fff3;border-color:#eed3a0}.rb-tile-app .has-tile,.rb-tile-app .rb-tile-palette-letter{background:#f4f1e7;border:1px solid #eee9db;box-shadow:1px 3px 0 #bfbcae,2px 5px 6px #0006;cursor:grab;touch-action:none}.rb-tile-app[data-light=true] .has-tile{background:#fff5d9;box-shadow:0 0 14px #ffe2a35e,1px 3px 0 #d3bf94,2px 5px 7px #0007}.rb-tile-letter{display:block;font:750 31px/1 Arial,Helvetica,sans-serif;letter-spacing:-.03em;color:#0a0b0c;text-shadow:none}.rb-tile-cell small,.rb-tile-palette-letter small,.rb-tile-drag-ghost small{position:absolute;bottom:4px;right:4px;font:750 9px/1 Arial,sans-serif;color:#101110}.rb-tile-app .rb-tile-cell.is-selected{outline:3px solid #f98b60;outline-offset:2px;z-index:2}.rb-tile-instructions{font-size:12px;line-height:1.65;color:#596c75;margin:14px 0}.rb-tile-palette{display:flex;flex-wrap:wrap;gap:9px;padding:13px 0 8px}.rb-tile-app .rb-tile-palette-letter{width:43px;height:43px;position:relative;padding:0}.rb-tile-palette-letter .rb-tile-letter{font-size:27px}.rb-tile-palette-letter[aria-pressed=true]{outline:3px solid #dc6f4f;outline-offset:2px}.rb-tile-palette-note{font-size:11px;color:#6b7c83;margin:8px 0 20px}.rb-tile-edit-tools{display:flex;gap:8px;flex-wrap:wrap;font-size:11px}.rb-tile-edit-tools label{display:flex;align-items:center;gap:7px}.rb-tile-edit-tools select{padding:8px;font-size:11px}.rb-tile-status{font-size:12px;line-height:1.7;color:#42614c;min-height:41px;padding:12px;margin:16px 0 0;border-radius:5px;background:#ecf3ed}.rb-tile-status.is-error{color:#913927;background:#fff0e9}.rb-tile-price{padding:26px 23px;border-left:1px solid #dce2e4}.rb-tile-price h3{font-size:23px;letter-spacing:-.035em;margin:9px 0 22px}.rb-tile-gap{display:grid;gap:8px;font-size:12px;font-weight:650}.rb-tile-gap>span{display:flex;align-items:center;gap:8px}.rb-tile-gap input{width:85px;padding:8px;border:1px solid #d4dce0;border-radius:4px;font:inherit;background:#fff;color:#26343a}.rb-tile-measures{background:#f1f4f4;color:#4b5e66;padding:12px;font-size:12px;line-height:1.7;margin:16px 0 22px}.rb-tile-price dl{font-size:12px;margin:0}.rb-tile-price dl>div{display:flex;gap:12px;justify-content:space-between;margin:14px 0}.rb-tile-price dt{color:#657680;max-width:170px}.rb-tile-price dd{margin:0;font-weight:750;white-space:nowrap}.rb-tile-price .rb-tile-saving dt,.rb-tile-saving dd{color:#2b744c}.rb-tile-total{border-top:1px solid #dde4e6;padding:20px 0 0;margin-top:19px}.rb-tile-total span{font-size:12px;color:#596c75;display:block}.rb-tile-total strong{display:block;font-size:39px;letter-spacing:-.05em;line-height:1.3;margin-top:6px}.rb-tile-next{font-size:12px;line-height:1.6;color:#a34936;margin:12px 0 23px}.rb-tile-rates{font-size:12px;margin:18px 0 23px}.rb-tile-rates summary{font-weight:700;cursor:pointer}.rb-tile-rates table{border-collapse:collapse;width:100%;margin-top:12px}.rb-tile-rates th,.rb-tile-rates td{text-align:left;border-bottom:1px solid #e0e7e8;padding:7px 0}.rb-tile-rates th:last-child,.rb-tile-rates td:last-child{text-align:right}.rb-tile-rates p{font-size:11px;line-height:1.6;color:#667981}.rb-tile-price .rb-primary-link{font-size:12px;display:block;text-align:center;padding:13px 6px}.rb-tile-price a[aria-disabled=true]{opacity:.4;pointer-events:none}.rb-tile-save{display:flex;gap:7px;margin:14px 0 22px;align-items:stretch}.rb-tile-save>button,.rb-tile-load{font-size:11px;flex:1;text-align:center;font-weight:650;padding:9px 5px;line-height:1.4}.rb-tile-load input{position:absolute;opacity:0;width:1px;height:1px}.rb-tile-order-note{font-size:11px;color:#6a7c84;line-height:1.7}.rb-tile-drag-ghost{position:fixed;pointer-events:none;z-index:2147483000;transform:translate(-50%,-50%) rotate(-5deg);width:58px;height:58px;background:#fff5db;border:1px solid #f1dfb9;border-radius:6px;box-shadow:3px 7px 15px #0007;display:grid;place-items:center}.rb-tile-viewer{position:relative;height:450px;overflow:hidden;background:var(--tile-wall);border-radius:7px;border:1px solid #cbd6d6;cursor:grab;touch-action:none;user-select:none}.rb-tile-viewer.is-dragging{cursor:grabbing}.rb-tile-3d-layer{position:absolute;left:50%;top:48%;transform-style:preserve-3d;transform-origin:center center;pointer-events:none}.rb-tile-box{position:absolute;width:150px;height:150px;transform-style:preserve-3d}.rb-tile-face{position:absolute;backface-visibility:hidden;background:#e1ded3}.rb-tile-face-front{width:150px;height:150px;border-radius:9px;background:#f2f0e8;transform:translateZ(15.5px);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #ffffff60}.rb-tile-face-front .rb-tile-letter{font-size:105px}.rb-tile-face-front small{position:absolute;right:12px;bottom:10px;font:750 26px/1 Arial,sans-serif;color:#0a0b0c}.rb-tile-face-back{width:150px;height:150px;border-radius:9px;background:#dedbd1;transform:translateZ(-15.5px) rotateY(180deg)}.rb-tile-face-left,.rb-tile-face-right{width:31px;height:150px;border-radius:3px;background:#c8c6bc}.rb-tile-face-left{left:-15.5px;transform:rotateY(-90deg)}.rb-tile-face-right{left:134.5px;transform:rotateY(90deg)}.rb-tile-face-top,.rb-tile-face-bottom{width:150px;height:31px;border-radius:3px;background:#e7e4d9}.rb-tile-face-top{top:-15.5px;transform:rotateX(90deg)}.rb-tile-face-bottom{top:134.5px;transform:rotateX(-90deg);background:#bbb9b0}.rb-tile-app[data-light=true] .rb-tile-face-front{background:#fff2d3;box-shadow:0 0 24px #ffe4a150,inset 0 0 15px #ffdf94}.rb-tile-app[data-light=true] .rb-tile-face-left,.rb-tile-app[data-light=true] .rb-tile-face-right{background:#ddc899}.rb-tile-app[data-light=true] .rb-tile-face-top,.rb-tile-app[data-light=true] .rb-tile-face-bottom{background:#ecdbb4}.rb-tile-rotate-hint{position:absolute;bottom:18px;left:0;right:0;color:#fff;font-size:11px;text-align:center;pointer-events:none;background:#17262580;padding:7px}.rb-tile-viewer>[data-empty-3d]{position:absolute;inset:30%;text-align:center;color:#fff;font-size:14px}.rb-tile-view-controls{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:11px;margin-top:13px}.rb-tile-view-controls label{display:flex;gap:8px;align-items:center}.rb-tile-view-controls input{width:105px;accent-color:#bc5d43}.rb-tile-view-controls button{font-size:11px;padding:7px 9px}
@media(max-width:1050px){.rb-tile-app{grid-template-columns:minmax(0,1fr) 285px}.rb-tile-workspace{padding:14px}.rb-tile-toolbar{gap:10px}.rb-tile-switch{margin-left:0}.rb-tile-price{padding:24px 18px}.rb-tile-designer .rb-editorial-heading{display:block}.rb-tile-designer .rb-editorial-heading>span{display:block;margin-top:14px}}
@media(max-width:780px){.rb-tile-app{grid-template-columns:1fr}.rb-tile-price{border-left:0;border-top:1px solid #dce2e4}.rb-tile-board-wrap{max-height:440px}.rb-tile-viewer{height:390px}.rb-tile-price dl{max-width:500px}.rb-tile-price .rb-primary-link{max-width:430px}.rb-tile-save{max-width:430px}.rb-tile-total strong{font-size:36px}.rb-tile-palette{gap:8px}.rb-tile-designer{padding-bottom:30px}.rb-tile-view-controls{gap:10px}.rb-tile-view-controls input{width:85px}}
@media(prefers-reduced-motion:reduce){.rb-tile-app *{scroll-behavior:auto}}
.rb-tile-board{gap:var(--grid-gap,1.6px);background-size:calc(48px + var(--grid-gap,1.6px)) calc(48px + var(--grid-gap,1.6px))}
.rb-tile-app[hidden]{display:none!important}
.rb-tile-commerce{margin:16px 0 20px;padding:14px 0;border-top:1px solid #e2e6e8}.rb-tile-commerce [data-server-quote]{font-size:11px;line-height:1.6;color:#426c50}.rb-tile-commerce [data-server-quote].is-error{color:#983b2a}.rb-tile-commerce [data-add-cart]{width:100%;background:#263b35;color:white;border-color:#263b35;padding:13px 8px;font-size:12px}.rb-tile-commerce [data-add-cart]:disabled{background:#e6ebeb;border-color:#dce3e3;color:#5c7076;opacity:1;cursor:default}
