.example-aside{display:flex;gap:25px;align-items:center}.tile-entry{display:flex;align-items:center;gap:10px;border:1px solid #d2dcc6;border-radius:7px;padding:8px 11px;background:#eaf0e0;text-align:left;transition:background .2s,transform .2s}.tile-entry:hover{background:#e0e9d1;transform:translateY(-1px)}.mini-tile{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;background:#f6f1e4;border:1px solid #ddd9c7;box-shadow:1px 2px 2px #53633519;border-radius:4px;font-size:24px;color:#748569}.tile-entry>span:nth-child(2){font-size:14px;font-weight:550;white-space:nowrap}.tile-entry small{display:block;font-size:14px;font-weight:400;color:#7b8a6e;margin-top:4px}.tile-entry>b{font-size:15px;margin-left:8px;font-weight:400;color:#7e936c}.tile-dialog{width:min(850px,calc(100% - 40px));padding:30px;max-height:90dvh}.tile-dialog-header{padding-right:25px}.tile-dialog-header .eyebrow{font-size:14px;color:#7d8f6a}.tile-dialog-header>p{font-size:14px;color:#8a967d;margin-top:8px;line-height:1.6}.tile-demo-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:34px;align-items:center;margin-top:27px;min-height:400px}.tile-object-side{display:flex;align-items:center;flex-direction:column;padding:15px 0}.ceramic-tile{position:relative;width:215px;height:245px;border-radius:11px 13px 10px 14px;background:radial-gradient(ellipse at 30% 20%,#fffcf0,#f5efdb 70%,#e5dec7);border:1px solid #ded5bc;box-shadow:inset 2px 3px 4px #fffef5,inset -3px -4px 5px #b7aa8626,9px 15px 24px #4c63421a;transform:rotate(-5deg);padding:20px}.ceramic-tile:after{content:'';position:absolute;inset:4px;border:1px solid #dfd8c346;border-radius:9px;pointer-events:none}.ceramic-tile>span:first-child{font:550 14px 'Manrope',Arial,sans-serif;letter-spacing:-.4px;color:#6d7e5b}.tile-flower{position:absolute;width:108px;height:108px;top:45px;left:19px}.tile-invitation{position:absolute;left:22px;bottom:27px;font-size:14px;line-height:1.5;color:#8a9776}.tile-qr{position:absolute;width:88px;height:88px;bottom:25px;right:17px;mix-blend-mode:multiply}.tile-object-caption{font-size:14px;color:#88947b;margin-top:25px}.tile-route{display:flex;align-items:center;gap:9px;margin-top:23px;font-size:14px;color:#a2ad96}.tile-route b{font-weight:450;margin-left:4px}.tile-route i{font-style:normal;color:#b8c1aa}.tile-route .current{color:#4c7442}.tile-screen{border:1px solid #d7dfcb;border-radius:10px;background:#f8f9f2;padding:25px;min-height:380px;display:flex;flex-direction:column;justify-content:center}.tile-screen-kicker{font-size:14px;letter-spacing:1.2px;color:#879675;font-weight:550;margin-bottom:13px}.tile-screen h2{font:500 27px/1.25 'Manrope',Arial,sans-serif;letter-spacing:-.9px;margin-bottom:13px}.tile-screen>p{font-size:14px;line-height:1.8;color:#78896b}.tile-simple-path{display:flex;flex-direction:column;gap:9px;font-size:14px;font-weight:500;color:#668456;margin:23px 0}.tile-simple-path span:before{content:'↳';margin-right:10px;color:#a2b58f}.tile-action{background:#d5ecbd;border:1px solid #c5dcb0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;font-weight:500;padding:12px 13px;border-radius:5px;min-height:41px;transition:background .2s;margin-top:16px;width:100%}.tile-action:hover{background:#c8e5ad}.tile-action span{font-size:15px}.tile-screen-note{display:block;font-size:14px;line-height:1.7;color:#96a087;margin-top:10px}.tile-place-card{margin:6px 0 15px;border:1px solid #e0e6d7;background:#eff2e7;border-radius:7px;display:flex;align-items:center;gap:12px;overflow:hidden}.tile-place-card>svg{width:100px;flex-shrink:0}.tile-place-card strong{display:block;font-size:14px;font-weight:550}.tile-place-card span{display:block;font-size:14px;color:#8b997b;margin-top:6px}.tile-history-pictures{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.tile-history-pictures figure{min-width:0;margin:0}.tile-history-pictures figcaption{font-size:14px;font-weight:550;margin-bottom:7px;color:#6c835d}.tile-history-pictures figcaption small{display:block;font-size:14px;font-weight:400;color:#92a081;margin-top:4px}.tile-history-pictures svg{width:100%;display:block;border-radius:6px}.tile-history-note{display:flex;align-items:center;gap:6px;font-size:14px;color:#8a987a;margin-top:12px}.tile-history-note i{width:4px;height:4px;border-radius:50%;background:#8fa47c}.tile-pending,.tile-approved{display:flex;align-items:center;gap:10px;padding:12px;border-radius:6px;margin-top:18px;background:#f0eddf;border:1px solid #e3ddc7;color:#8a815f}.tile-approved{background:#e6efda;border-color:#d0dfbf;color:#5a7d49}.tile-pending>span,.tile-approved>span{font-size:21px}.tile-pending strong,.tile-approved strong{font-size:14px;font-weight:550;display:block}.tile-pending small,.tile-approved small{font-size:14px;line-height:1.6;display:block;margin-top:4px}.tile-review-meta{display:flex;flex-direction:column;gap:5px;font-size:14px;color:#87977a;margin-top:14px}.tile-review-actions{display:flex;align-items:center;gap:12px}.tile-review-actions .tile-action{font-size:14px}.tile-quiet{font-size:14px;background:transparent;padding:10px 0;margin-top:15px;white-space:nowrap;color:#89997a}.tile-dialog-footer{margin-top:24px;padding-top:16px;border-top:1px solid #dce3d2;display:flex;align-items:center;justify-content:space-between;gap:20px}.tile-dialog-footer>span{font-size:14px;color:#89987a;line-height:1.7;max-width:490px}.tile-dialog-footer>button{font-size:14px;background:transparent;white-space:nowrap;padding:6px 0;color:#6c865a}.land-section{border-top:1px solid var(--line);padding:45px 0 55px;display:grid;grid-template-columns:170px 1fr auto;gap:25px;align-items:center}.land-picture{align-self:start;padding-top:5px}.land-picture>div{width:100px;height:116px;background:#fcfcf7;border:1px solid #d7dfcb;border-radius:2px;box-shadow:3px 5px 8px #2b4a2d0a;transform:rotate(-7deg);padding:8px}.land-picture>div>span{display:block;background:#dce6cd;height:78px;border:1px solid #d2ddc1;position:relative;overflow:hidden}.land-picture>div>span:before{content:'';position:absolute;width:150px;height:80px;border-radius:50%;background:#9fb791;top:27px;left:-15px;transform:rotate(10deg)}.land-picture>div>span:after{content:'';position:absolute;bottom:0;left:0;right:0;height:25px;background:#8eafa3}.land-picture>div>i{display:block;width:25px;height:2px;background:#d0d8c5;margin-top:12px}.land-picture>small{display:block;font-size:14px;letter-spacing:.7px;color:#99a58c;line-height:1.7;margin-top:20px}.land-copy .eyebrow{font-size:14px;color:#89977d}.land-copy h2{font:500 29px/1.25 'Manrope',Arial,sans-serif;letter-spacing:-1px;margin:12px 0 16px}.land-copy>p{font-size:14px;color:#809072;line-height:1.9;max-width:520px;margin-top:9px}.land-copy>a{font-size:14px;font-weight:500;display:inline-flex;gap:15px;align-items:center;margin-top:17px;color:#657f54}.land-side-note{font-size:14px;letter-spacing:1.2px;color:#9ba78f;line-height:1.9;align-self:end;padding-bottom:2px}
@media(max-width:1150px){.example-aside{gap:16px}.example-aside>p{display:none}.tile-entry{padding:7px 10px}.land-section{grid-template-columns:120px 1fr auto;gap:15px}}
@media(max-width:900px){.tile-demo-layout{grid-template-columns:210px 1fr;gap:20px}.ceramic-tile{transform:rotate(-4deg) scale(.9)}.tile-screen{padding:21px}.tile-screen h2{font-size:24px}.land-section{grid-template-columns:100px 1fr;gap:20px}.land-side-note{display:none}.tile-entry small{font-size:14px}.tile-entry>span:nth-child(2){font-size:14px}.mini-tile{width:29px;height:29px;font-size:21px}}
@media(max-width:690px){.example-aside{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:13px}.example-aside>p{display:block;max-width:150px!important;font-size:14px!important;margin-top:0!important}.tile-entry{gap:7px;flex-shrink:0;padding:7px 8px}.tile-entry small{display:none}.tile-entry>b{font-size:14px;margin-left:4px}.mini-tile{width:27px;height:27px;font-size:20px}.tile-dialog{padding:24px 18px 18px;width:calc(100% - 24px);max-height:93dvh}.tile-dialog-header .eyebrow{font-size:14px}.tile-dialog-header>p{font-size:14px;max-width:250px}.tile-demo-layout{grid-template-columns:1fr;gap:12px;margin-top:16px;min-height:0}.tile-object-side{padding:0}.ceramic-tile{transform:rotate(-4deg);width:150px;height:170px;padding:14px;border-radius:8px}.ceramic-tile>span:first-child{font-size:14px}.tile-flower{width:76px;height:76px;top:32px;left:10px}.tile-qr{width:62px;height:62px;bottom:14px;right:10px}.tile-invitation{font-size:14px;left:15px;bottom:18px}.tile-object-caption{font-size:14px;margin-top:16px}.tile-route{margin-top:12px;font-size:14px;gap:9px}.tile-screen{min-height:0;padding:21px}.tile-screen-kicker{font-size:14px;margin-bottom:11px}.tile-screen h2{font-size:25px;margin-bottom:11px}.tile-screen>p{font-size:14px}.tile-simple-path{margin:17px 0 5px;font-size:14px;gap:7px}.tile-action{font-size:14px;min-height:43px}.tile-screen-note{font-size:14px}.tile-history-pictures{gap:10px;margin-top:14px}.tile-history-pictures figcaption{font-size:14px}.tile-history-pictures figcaption small{font-size:14px}.tile-history-note{font-size:14px}.tile-dialog-footer{margin-top:16px;padding-top:13px;gap:13px;align-items:flex-start}.tile-dialog-footer>span{font-size:14px;max-width:200px}.tile-dialog-footer>button{font-size:14px;padding:0}.tile-review-actions{gap:10px}.tile-review-actions .tile-action{font-size:14px}.tile-quiet{font-size:14px}.land-section{grid-template-columns:65px 1fr;padding:32px 0 38px;gap:20px}.land-picture>div{width:60px;height:72px;padding:5px}.land-picture>div>span{height:47px}.land-picture>div>span:before{width:80px;height:50px;top:17px}.land-picture>div>span:after{height:15px}.land-picture>div>i{margin-top:8px;width:15px;height:1px}.land-picture>small{display:none}.land-copy .eyebrow{font-size:14px;letter-spacing:1.2px}.land-copy h2{font-size:24px;margin-top:10px;letter-spacing:-.8px}.land-copy>p{font-size:14px;line-height:1.9}.land-copy>a{font-size:14px;gap:8px;margin-top:15px}}

.mini-tile img{display:block;width:100%;height:100%;object-fit:contain;background:#fff;padding:3px}