@tailwind base;@tailwind components;@tailwind utilities;@layer base{html,body,#root{min-height:100%;background:#11110f;color:#f6efe5}body{background:#11110f}::selection{background:#c9a36c59;color:#f6efe5}}@layer utilities{.luxury-panel{background:linear-gradient(180deg,#1f1d19eb,#11110feb);border-color:#4a4439b8}}@layer components{.app-background{position:relative;isolation:isolate;background-color:#11110f;background-image:url(/wallvision-app-bg.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat}.app-background:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 50% 12%,rgba(216,189,145,.13),transparent 32%),linear-gradient(180deg,#08080747,#0808078a)}.app-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:#05050447}@media(max-width:640px){.app-background{background-position:center top}.app-background:before{background:radial-gradient(circle at 50% 8%,rgba(216,189,145,.12),transparent 28%),linear-gradient(180deg,#08080761,#0808079e)}}}@layer components{.wallvision-topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;width:100%;min-height:5.5rem;padding:.5rem .75rem;isolation:isolate;overflow:visible;border-bottom:1px solid rgba(57,51,41,.78);background-color:#0d0d0bf0;background-image:linear-gradient(180deg,#0707062e,#07070685),url(/wallvision-topbar-bg.png);background-size:100% 100%;background-position:center center;background-repeat:no-repeat;box-shadow:0 12px 36px #00000040}.wallvision-topbar__content{display:grid;grid-template-columns:minmax(8.25rem,1fr) minmax(7.5rem,10rem) minmax(8.25rem,1fr);align-items:center;gap:clamp(.55rem,1.8vw,1.15rem);width:min(calc(100vw - 1.5rem),52rem);min-height:4.5rem;margin:0 auto}.wallvision-topbar__side{position:relative;z-index:2;display:flex;align-items:center;min-width:0}.wallvision-topbar__left{justify-content:flex-start;padding-left:clamp(.2rem,1.2vw,.9rem);padding-right:clamp(.75rem,3vw,2.1rem)}.wallvision-topbar__right{justify-content:flex-end;padding-left:clamp(.75rem,3vw,2.1rem);padding-right:clamp(.2rem,1.2vw,.9rem)}.wallvision-topbar__brand{position:relative;z-index:1;display:flex;justify-content:center;align-items:center;min-width:0;pointer-events:none}.wallvision-topbar__logo{display:flex;align-items:center;justify-content:center;height:clamp(3rem,7.5vw,5rem);max-height:4.9rem;width:auto;max-width:min(18rem,100%);object-fit:contain;transform-origin:center;filter:drop-shadow(0 0 .45rem rgba(214,189,145,.18))}.wallvision-topbar__logo--generating{animation:wallvisionLogoPulse 1.05s ease-in-out infinite}.wallvision-topbar__round-button{position:relative;width:clamp(2.55rem,4.6vw,3.35rem);height:clamp(2.55rem,4.6vw,3.35rem);border-radius:9999px;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#e8ddca;background:radial-gradient(circle at 50% 42%,#3a3227f2,#100f0df0 68%),#141310;border:1px solid rgba(214,189,145,.5);box-shadow:0 0 0 1px #0a0908e6 inset,0 0 .55rem #d6bd9138,0 .5rem 1.15rem #0000006b;transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}.wallvision-topbar__round-button:after{content:"";position:absolute;top:.16rem;right:.16rem;bottom:.16rem;left:.16rem;border-radius:inherit;pointer-events:none;border:1px solid rgba(246,239,229,.08);box-shadow:inset 0 0 .75rem #ffecc414}.wallvision-topbar__round-button:hover,.wallvision-topbar__round-button--active{transform:translateY(-1px);filter:brightness(1.08);border-color:#d6bd91d1;box-shadow:0 0 0 1px #0a0908e6 inset,0 0 .85rem #d6bd916b,0 .65rem 1.35rem #0000007a}.wallvision-topbar__round-button:focus-visible{outline:2px solid rgba(214,189,145,.92);outline-offset:3px}.wallvision-topbar__asset-button{border:0;background:transparent;box-shadow:none;overflow:visible;padding:0}.wallvision-topbar__asset-button:after{display:none}.wallvision-topbar__button-image{display:block;width:135%;height:135%;max-width:none;object-fit:contain;pointer-events:none;filter:drop-shadow(0 0 .24rem rgba(232,194,126,.25)) drop-shadow(0 .35rem .55rem rgba(0,0,0,.42))}.wallvision-topbar__language-button:before{display:none}.wallvision-topbar__language-button:after{display:none}.wallvision-topbar__language-code{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-48%);color:#f2d9a7;font-size:clamp(.56rem,1.02vw,.7rem);font-weight:800;letter-spacing:.06em;line-height:1;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 .45rem rgba(214,189,145,.34)}.wallvision-topbar__image-button img,.wallvision-topbar__flag-button>span,.wallvision-topbar__flag-button>svg{position:relative;z-index:1;width:100%;height:100%;border-radius:inherit;object-fit:cover}.wallvision-topbar__flag-button>span,.wallvision-topbar__flag-button>svg{transform:scale(1.02)}.wallvision-topbar__icon-button svg{position:relative;z-index:1;width:1.55rem;height:1.55rem;stroke-width:1.85}.wallvision-topbar__new-button{width:clamp(3.35rem,5.5vw,4rem);height:clamp(3.35rem,5.5vw,4rem);flex-direction:column;gap:.08rem;font-size:clamp(.68rem,1.25vw,.8rem);font-weight:600;line-height:1;color:#e8d3ae}.wallvision-scanner-dropdown{position:fixed;top:5.5rem;left:0;right:0;bottom:0;z-index:45;padding:.75rem .75rem 1rem;pointer-events:auto;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;background:#05050457;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.wallvision-scanner-dropdown__inner{width:min(42rem,calc(100vw - 1.5rem));margin:0 auto;pointer-events:auto;max-height:calc(100dvh - 6.5rem);animation:scannerDropdownIn .16s ease-out}.scanner-panel{position:relative;overflow:hidden;border:1px solid rgba(184,140,85,.42);border-radius:clamp(1.35rem,4vw,3.2rem);padding:clamp(1.25rem,4vw,2.5rem);background:linear-gradient(135deg,rgba(255,231,183,.08),transparent 19%),radial-gradient(circle at 12% 42%,rgba(216,189,145,.18),transparent 28%),radial-gradient(circle at 50% 18%,rgba(216,189,145,.08),transparent 38%),linear-gradient(180deg,#161512f5,#080807fa);box-shadow:0 1.5rem 4rem #0000008c,inset 0 0 0 1px #ffecc40d,inset 0 -4rem 7rem #00000047}.scanner-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 9%,rgba(255,244,220,.08) 15%,transparent 29%),radial-gradient(circle at 0% 50%,rgba(201,163,108,.12),transparent 22%)}.scanner-hero,.scanner-actions,.scanner-panel>p,.scanner-panel>div:not(.scanner-hero):not(.scanner-actions){position:relative;z-index:1}.scanner-hero{min-height:clamp(21rem,46vw,35rem);display:grid;justify-items:center;align-content:start;padding-top:clamp(1.2rem,3vw,2rem)}.scanner-hero__handle{width:5.8rem;height:.42rem;border-radius:999px;background:linear-gradient(90deg,#f6ead7,#c79b5d,#f6ead7);box-shadow:0 0 1rem #eacc946b}.scanner-hero__copy{margin-top:clamp(2rem,4vw,3.1rem);text-align:center;max-width:34rem}.scanner-hero__copy h2{margin:0;color:#f4efe8;font-size:clamp(1.35rem,4vw,2.35rem);font-weight:400;letter-spacing:.32em;text-indent:.32em;text-transform:uppercase}.scanner-hero__copy p{margin:1rem auto 0;color:#e6ddcfb8;font-size:clamp(1rem,2.1vw,1.35rem);line-height:1.45}.scanner-hero__lens{position:relative;width:min(72vw,24rem);aspect-ratio:1;margin-top:clamp(2rem,4vw,3rem);border-radius:999px;background:radial-gradient(circle at 50% 50%,rgba(232,220,196,.08),transparent 30%),radial-gradient(circle at 34% 22%,rgba(255,238,204,.12),transparent 22%)}.scanner-hero__ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid rgba(209,164,94,.74);box-shadow:inset 0 0 0 3px #ffe2ad14,0 0 1.4rem #c98f4538}.scanner-hero__ring:after{content:"";position:absolute;top:29%;right:29%;bottom:29%;left:29%;border-radius:inherit;border:1px dashed rgba(236,226,209,.28)}.scanner-hero__tick{position:absolute;background:#eec77fe6;box-shadow:0 0 .65rem #eec77f52}.scanner-hero__tick--top,.scanner-hero__tick--bottom{left:50%;width:.18rem;height:1.2rem;transform:translate(-50%)}.scanner-hero__tick--top{top:-.55rem}.scanner-hero__tick--bottom{bottom:-.55rem}.scanner-hero__tick--left,.scanner-hero__tick--right{top:50%;width:1.2rem;height:.18rem;transform:translateY(-50%)}.scanner-hero__tick--left{left:-.55rem}.scanner-hero__tick--right{right:-.55rem}.scanner-hero__corner{position:absolute;width:1.45rem;height:1.45rem;border-color:#ffeecfdb}.scanner-hero__corner--tl{left:41%;top:41%;border-left:3px solid;border-top:3px solid}.scanner-hero__corner--tr{right:41%;top:41%;border-right:3px solid;border-top:3px solid}.scanner-hero__corner--bl{left:41%;bottom:41%;border-left:3px solid;border-bottom:3px solid}.scanner-hero__corner--br{right:41%;bottom:41%;border-right:3px solid;border-bottom:3px solid}.scanner-hero__dot,.scanner-hero__sample{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:999px}.scanner-hero__dot{width:.48rem;height:.48rem;background:#fff4df;box-shadow:0 0 1rem #fff4df8c}.scanner-hero__sample{width:1.2rem;height:1.2rem;border:2px solid rgba(255,244,223,.88);box-shadow:0 0 1rem #00000073}.scanner-actions{margin:clamp(-2rem,-3vw,-1rem) auto 0;border:1px solid rgba(184,140,85,.44);border-radius:clamp(1.25rem,3vw,2.25rem);background:linear-gradient(135deg,#25221cf0,#0e0e0cf5);box-shadow:0 1rem 2.2rem #0000006b,inset 0 0 0 1px #ffecc40a;padding:clamp(1rem,3vw,1.65rem);max-width:40rem}.scanner-action{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,1.6rem);border:0;border-radius:1.25rem;background:transparent;color:#f4efe8;padding:.85rem .5rem;text-align:left;transition:transform .16s ease,background .16s ease}.scanner-action:hover:not(:disabled){transform:translateY(-1px);background:#ffeecf09}.scanner-action:disabled{opacity:.55;cursor:not-allowed}.scanner-action__icon{width:clamp(4rem,9vw,5.35rem);height:clamp(4rem,9vw,5.35rem);display:grid;place-items:center;border-radius:999px;border:1px solid rgba(224,199,155,.38);color:#f1d7a2;box-shadow:inset 0 0 0 1px #0000006b}.scanner-action__text strong{display:block;color:#f6efe5;font-size:clamp(1rem,2.2vw,1.25rem);font-weight:500;letter-spacing:.08em;text-transform:uppercase}.scanner-action__text small{display:block;margin-top:.45rem;color:#e6ddcfad;font-size:clamp(.86rem,1.9vw,1.08rem);line-height:1.45}.scanner-action__arrow{color:#c99653;font-size:2.3rem;line-height:1}.scanner-action__separator{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:.5rem 0;color:#c99653;font-size:.9rem}.scanner-action__separator span{height:1px;background:linear-gradient(90deg,transparent,rgba(201,150,83,.48),transparent)}@media(max-width:640px){.scanner-panel{border-radius:1.7rem;padding:1rem}.scanner-hero{min-height:28rem}.scanner-actions{margin-top:-1rem}}@keyframes scannerDropdownIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes wallvisionLogoPulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 .35rem rgba(214,189,145,.22))}50%{transform:scale(1.045);filter:drop-shadow(0 0 .85rem rgba(214,189,145,.72)) drop-shadow(0 0 1.45rem rgba(184,140,85,.38))}}@media(max-width:760px){.wallvision-topbar{min-height:4.75rem;padding:.45rem .55rem;background-size:100% 100%}.wallvision-topbar__content{grid-template-columns:minmax(5.75rem,1fr) minmax(5.75rem,32vw) minmax(5.75rem,1fr);gap:.35rem;min-height:3.9rem}.wallvision-topbar__left{padding-left:0;padding-right:clamp(.45rem,3vw,1.2rem)}.wallvision-topbar__right{padding-left:clamp(.45rem,3vw,1.2rem);padding-right:0}.wallvision-topbar__logo{height:clamp(2.65rem,9vw,4.25rem)}.wallvision-scanner-dropdown{top:4.75rem;padding:.6rem .55rem 1rem}.wallvision-scanner-dropdown__inner{width:min(100%,calc(100vw - 1.1rem));max-height:calc(100dvh - 5.75rem)}}@media(max-width:420px){.wallvision-topbar{min-height:4.25rem}.wallvision-topbar__content{grid-template-columns:minmax(5.2rem,1fr) minmax(4.9rem,28vw) minmax(5.2rem,1fr);min-height:3.45rem}.wallvision-topbar__round-button{width:2.35rem;height:2.35rem}.wallvision-topbar__new-button{width:3rem;height:3rem;font-size:.62rem}.wallvision-scanner-dropdown{top:4.25rem}.wallvision-scanner-dropdown__inner{max-height:calc(100dvh - 5.25rem)}}}
