.tilings-page,.tilings-viewer{color:#e8e5dd;box-sizing:border-box;align-self:flex-start;width:100%;max-width:1500px;margin:0 auto;padding:32px}.tilings-heading{max-width:700px;margin:8px 0 40px}.tilings-heading h1{letter-spacing:-.04em;margin:8px 0;font-size:48px;font-weight:500}.tilings-heading p{color:#a7aca7;line-height:1.6}.tilings-eyebrow{letter-spacing:.2em;font-size:11px;color:#bba580!important}.tilings-group{margin-bottom:38px}.tilings-group h2{margin-bottom:18px;font-size:18px;font-weight:500}.tilings-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.tilings-group:first-of-type .tilings-card{grid-column:1/-1;grid-template-columns:240px minmax(0,1fr);align-items:center;display:grid}.tilings-group:first-of-type .tilings-card-copy{max-width:600px;padding:28px}.tilings-group:first-of-type .tilings-card h3{font-size:22px}.tilings-group:first-of-type .tilings-card p{font-size:14px}.tilings-card{color:inherit;background:#141918;border:1px solid #2b3330;border-radius:12px;text-decoration:none;transition:border-color .2s,transform .2s;display:block;overflow:hidden}.tilings-card:hover{border-color:#9f977e;transform:translateY(-3px)}.tilings-card:focus-visible{outline-offset:4px;outline:2px solid #d1be94}.tilings-preview{aspect-ratio:1;background:#1a211e;place-items:center;padding:20px;display:grid}.tilings-preview svg,.tilings-preview img{object-fit:contain;border-radius:50%;width:100%;max-width:300px;height:100%}.tilings-card-copy{padding:18px}.tilings-card h3{justify-content:space-between;gap:8px;font-size:16px;font-weight:500;display:flex}.tilings-card h3 span{color:#a7997b}.tilings-card p{color:#a5aca6;margin:10px 0 18px;font-size:13px;line-height:1.55}.tilings-enter{color:#d1be94;font-size:12px}.tilings-viewer{padding-top:16px}.tilings-viewer-top{color:#a7b1a9;justify-content:space-between;gap:20px;margin-bottom:16px;font-size:13px;display:flex}.tilings-workspace{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:28px;display:grid}.tilings-art{background:#141918;border:1px solid #2b3330;border-radius:10px;min-width:0;position:sticky;top:0;overflow:hidden}.tilings-art-top{color:#b4b6aa;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;display:flex}.tilings-art button{color:#dbcfb7;cursor:pointer;white-space:nowrap;background:0 0;border:0}.tilings-canvas-wrap{height:min(100dvh - 270px,100vw - 395px);min-height:280px;position:relative}.tilings-canvas-wrap iframe{border:0;width:100%;height:100%;display:block}.tilings-frame-covered{visibility:hidden}.tilings-loading{color:#b1b6aa;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.tilings-status{color:#c1b49c;min-height:28px;padding:10px 16px 3px;font-size:12px}.tilings-gesture{color:#828f86;padding:0 16px 12px;font-size:10px}.tilings-art:fullscreen{border:0;flex-direction:column;width:100vw;height:100dvh;display:flex}.tilings-art:fullscreen .tilings-canvas-wrap{flex:1;height:auto;min-height:0}.tilings-reference{color:#4b493f;background:#ece7dc;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.tilings-reference img{object-fit:contain;width:100%;height:calc(100% - 30px);min-height:0}.tilings-reference p{margin-top:8px;font-size:10px}.tilings-controls{min-width:0}.tilings-controls h1{letter-spacing:-.025em;margin:24px 0 12px;font-size:26px;line-height:1.2}.tilings-description{color:#a5aca6;margin-bottom:22px;font-size:14px;line-height:1.6}.tilings-controls label{color:#bec5bc;flex-direction:column;gap:8px;margin-bottom:16px;font-size:12px;display:flex}.tilings-controls select{color:#ede8de;width:100%;font:inherit;background:#19211d;border:1px solid #46504a;border-radius:5px;padding:10px}.tilings-controls input[type=range]{accent-color:#cab38d;width:100%}.tilings-controls button{font:inherit;cursor:pointer;color:#e8dfcb;background:#1d2822;border:1px solid #46504a;border-radius:5px;padding:9px 12px;font-size:12px}.tilings-controls button:hover{border-color:#b6a481}.tilings-controls button:disabled,.tilings-controls fieldset:disabled{opacity:.5;cursor:wait}.tilings-controls button[aria-pressed=true]{color:#1b211b;background:#ccb993;border-color:#ccb993}.tilings-tabs,.tilings-actions{flex-wrap:wrap;gap:7px;margin-bottom:18px;display:flex}.tilings-tabs button{flex:1}.tilings-params{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tilings-controls .tilings-toggle{flex-direction:row;align-items:center}.tilings-toggle input{accent-color:#cbb28a}.tilings-small{color:#919c93;margin:-8px 0 18px;font-size:11px}.tilings-original-link{color:#dbc799;padding:12px 0;font-size:13px;display:block}.tilings-controls details{color:#9eaaa0;border-top:1px solid #344039;padding:15px 0;font-size:13px;line-height:1.65}.tilings-controls summary{cursor:pointer;color:#c5cdbf}.tilings-controls details p{margin-top:10px}.tilings-error{color:#efc9b5;border:1px solid #b77763;margin:12px 0;padding:12px;font-size:13px}.tilings-error p{margin-bottom:10px}@media (max-width:1050px){.tilings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tilings-page,.tilings-viewer{padding:20px}.tilings-workspace{grid-template-columns:minmax(0,1fr) 270px;gap:18px}.tilings-canvas-wrap{height:min(100dvh - 255px,100vw - 340px)}}@media (max-width:700px){.tilings-page,.tilings-viewer{padding:14px}.tilings-heading{margin-bottom:26px}.tilings-heading h1{font-size:38px}.tilings-grid{gap:12px}.tilings-card-copy{padding:12px}.tilings-card p{font-size:12px}.tilings-preview{padding:12px}.tilings-workspace{grid-template-columns:1fr}.tilings-art{position:relative}.tilings-canvas-wrap{height:calc(100vw - 30px);min-height:0}.tilings-controls{padding:8px 4px}.tilings-viewer-top{font-size:11px}.tilings-controls h1{margin-top:18px}}@media (prefers-reduced-motion:reduce){.tilings-card{transition:none}}@media (max-width:700px){.tilings-group:first-of-type .tilings-card{grid-template-columns:120px minmax(0,1fr)}.tilings-group:first-of-type .tilings-card-copy{padding:14px}.tilings-group:first-of-type .tilings-card h3{font-size:16px}.tilings-group:first-of-type .tilings-card p{font-size:12px}}