@layer global-ui {
#modal:has(.furniture-ui){width:min(1120px,97vw)!important;max-width:97vw!important;max-height:96dvh!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important}
#modal:has(.furniture-ui) #closeModal{display:none!important}
#modalContent.furniture-ui-content{padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
#modalContent .furniture-ui{box-sizing:border-box!important;height:min(830px,95dvh)!important;display:flex!important;flex-direction:column!important;gap:10px!important;border:30px solid transparent!important;border-image:url('assets/furniture-ui-v1/frame.webp') 150 150 stretch!important;background:#f8f0df!important;background-clip:padding-box!important;padding:8px 12px!important;color:#594838!important;overflow:hidden!important}
#modalContent .furniture-ui-head{display:flex!important;align-items:center!important;gap:12px!important;flex:none!important;min-width:0!important;padding:0 0 10px!important;border-bottom:2px solid #c5a37c!important}
#modalContent .furniture-ui h2{font-size:clamp(17px,2vw,25px)!important;line-height:1.3!important;margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;color:#594838!important;flex:1!important;min-width:0!important}
#modalContent .furniture-ui-money{font-size:14px!important;white-space:nowrap!important}
#modalContent .furniture-ui button{box-sizing:border-box!important;min-height:46px!important;color:#594838!important;background:transparent!important;border:8px solid transparent!important;border-left-width:32px!important;border-right-width:12px!important;border-image:url('assets/furniture-ui-v1/button-normal.webp') 25 70 25 150 fill stretch!important;border-radius:0!important;box-shadow:none!important;transform:none!important;padding:2px 7px!important;text-align:center!important;font-family:inherit!important;line-height:1.3!important;font-size:15px!important;white-space:normal!important;overflow-wrap:anywhere!important;cursor:pointer!important}
#modalContent .furniture-ui button[aria-pressed=true]{border-image-source:url('assets/furniture-ui-v1/button-selected.webp')!important}
#modalContent .furniture-ui button:active:not(:disabled){border-image-source:url('assets/furniture-ui-v1/button-pressed.webp')!important}
#modalContent .furniture-ui button:disabled{opacity:1!important;border-image-source:url('assets/furniture-ui-v1/button-disabled.webp')!important;color:#837c72!important;cursor:default!important}
#modalContent .furniture-ui button:focus-visible{outline:3px solid #748d74!important;outline-offset:2px!important}
#modalContent .furniture-ui-close{min-width:110px!important;flex:none!important}
#modalContent .furniture-ui-controls{display:flex!important;gap:10px!important;flex:none!important}
#modalContent .furniture-ui-controls select,#modalContent .furniture-ui-controls input{font:inherit!important;font-size:14px!important;min-height:40px!important;border:1px solid #bba080!important;border-radius:7px!important;background:#fffbf1!important;color:#594838!important;padding:7px 10px!important;min-width:0!important}
#modalContent .furniture-ui-controls select{width:40%!important;max-width:260px!important}
#modalContent .furniture-ui-controls input{flex:1!important}
#modalContent .furniture-ui-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;overflow:auto!important;min-height:0!important;flex:1!important;align-content:start!important;padding:4px 6px 8px 2px!important;overscroll-behavior:contain!important}
#modalContent .furniture-ui-card{display:grid!important;grid-template-rows:110px auto auto 46px!important;gap:5px!important;border:1px solid #d4bb94!important;border-radius:8px!important;padding:10px!important;background:#fffaf0!important;min-width:0!important;align-content:start!important}
#modalContent .furniture-ui-card[hidden]{display:none!important}
#modalContent .furniture-ui-card canvas{width:100%!important;height:110px!important;object-fit:contain!important;display:block!important}
#modalContent .furniture-ui-card b{font-size:15px!important;line-height:1.4!important;min-width:0!important}
#modalContent .furniture-ui-price{margin:0!important;font-size:14px!important;font-variant-numeric:tabular-nums!important}
#modalContent .furniture-ui-foot{display:flex!important;align-items:center!important;gap:12px!important;flex:none!important;border-top:1px solid #d4bb94!important;padding-top:7px!important;font-size:12px!important;line-height:1.45!important}
#modalContent .furniture-ui-foot p{margin:0!important}
#modalContent .furniture-ui-foot button{margin-left:auto!important;min-width:180px!important}
#modalContent .furniture-ui-tabs{display:flex!important;gap:8px!important;flex:none!important}
#modalContent .furniture-ui-tabs button{flex:1!important;min-width:0!important}
#modalContent .furniture-ui-owned-card{display:flex!important;flex-direction:column!important;align-items:center!important;min-height:180px!important;gap:7px!important}
#modalContent .furniture-ui-owned-card canvas{width:100%!important;height:115px!important;object-fit:contain!important}
@media(max-height:500px){
#modalContent .furniture-ui{border-width:19px!important;padding:3px 7px!important;gap:6px!important;height:95dvh!important}
#modalContent .furniture-ui-head{padding-bottom:5px!important;gap:8px!important}
#modalContent .furniture-ui h2{font-size:17px!important}
#modalContent .furniture-ui-money{font-size:12px!important}
#modalContent .furniture-ui-card{grid-template-rows:65px auto auto 42px!important;padding:7px!important;gap:3px!important}
#modalContent .furniture-ui-card canvas{height:65px!important}
#modalContent .furniture-ui-card b{font-size:13px!important}
#modalContent .furniture-ui button{font-size:13px!important;min-height:42px!important}
#modalContent .furniture-ui-controls select,#modalContent .furniture-ui-controls input{min-height:34px!important;padding:4px 8px!important}
#modalContent .furniture-ui-grid{gap:8px!important}
#modalContent .furniture-ui-foot{font-size:11px!important;padding-top:4px!important}
}
}
@layer global-ui{
#modalContent .furniture-ui-head{height:auto!important;min-height:0!important;background:none!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #c5a37c!important;border-radius:0!important;padding:0 0 7px!important}
#modalContent .furniture-ui-foot{height:auto!important;min-height:0!important;padding:6px 0 0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
#modalContent .furniture-ui-controls select,#modalContent .furniture-ui-controls input{height:40px!important;box-shadow:none!important}
@media(max-height:500px){#modalContent .furniture-ui-controls select,#modalContent .furniture-ui-controls input{height:34px!important}#modalContent .furniture-ui-head{padding-bottom:4px!important}}
}
@layer global-ui{
#modalContent .furniture-ui-controls input,#modalContent .furniture-ui-controls select{margin:0!important;align-self:center!important}
#modalContent .furniture-ui-foot button{width:auto!important;max-width:65%!important;flex:0 0 auto!important}
#modalContent .furniture-ui-foot span{flex:1!important}
#modalContent .furniture-ui{background-clip:border-box!important}
@media(max-height:500px){#modalContent .furniture-ui-card{grid-template-rows:55px auto auto 42px!important}#modalContent .furniture-ui-card canvas{height:55px!important}}
}
@layer global-ui{
#modal:has(.furniture-ui-detail){width:min(740px,96vw)!important}
#modalContent .furniture-ui-detail{height:auto!important;max-height:95dvh!important}
#modalContent .furniture-ui-detail-body{display:flex!important;flex-direction:column!important;gap:10px!important;overflow:auto!important;min-height:0!important;padding:8px!important}
#modalContent .furniture-ui-detail-body p{margin:4px 0!important;padding:0!important;font-size:14px!important;line-height:1.6!important;background:none!important;box-shadow:none!important}
#modalContent .furniture-ui-detail-body button{width:100%!important}
}
@layer global-ui{
#modalContent .furniture-ui-head{flex-direction:row!important;flex-wrap:nowrap!important;justify-content:space-between!important;text-align:left!important}
#modalContent .furniture-ui-head h2{flex:1 1 auto!important}
#modalContent .furniture-ui-grid.furniture-ui-owned{grid-template-columns:repeat(2,minmax(0,1fr))!important}
#modalContent .furniture-ui button.furniture-ui-owned-card{display:flex!important;flex-direction:row!important;min-height:115px!important;height:auto!important;align-items:center!important;text-align:left!important}
#modalContent .furniture-ui button.furniture-ui-owned-card canvas{width:90px!important;height:82px!important;flex:0 0 90px!important}
@media(max-width:720px){#modalContent .furniture-ui h2{font-size:15px!important}#modalContent .furniture-ui-money{font-size:11px!important}#modalContent .furniture-ui-close{min-width:90px!important}#modalContent .furniture-ui-grid:not(.furniture-ui-owned){grid-template-columns:repeat(2,minmax(0,1fr))!important}}
}
@layer global-ui{
#toast.furniture-ui-toast{max-width:min(620px,88vw)!important;box-sizing:border-box!important;background:#fff8e8!important;color:#594838!important;border:15px solid transparent!important;border-image:url('assets/furniture-ui-v1/frame.webp') 150 stretch!important;border-radius:0!important;padding:10px 15px!important;box-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere!important;pointer-events:none!important}
}
@layer global-ui{
#modalContent .furniture-ui button.furniture-ui-owned-card{border:12px solid transparent!important;border-image:url('assets/furniture-ui-v1/frame.webp') 150 stretch!important;background:#fff9ed!important;padding:6px!important}
#modalContent .furniture-ui button.furniture-ui-owned-card:hover{background:#e9efd9!important}
#modalContent .furniture-ui button.furniture-ui-owned-card:active{background:#dce6ca!important}
}
