html:has(.wallpaper-fixed-screen),body.wallpaper-fixed-screen{height:100dvh;overflow:hidden;margin:0;background:#f8f8f5;color:#1b201d;font:13px/1.35 Arial,sans-serif}
.wallpaper-fixed-screen header{height:76px;box-sizing:border-box;padding:14px 32px;border-bottom:1px solid #ddd}
.wallpaper-fixed-screen header nav{max-width:none;height:100%;display:flex;gap:24px;align-items:center;padding:0}
.wallpaper-fixed-screen .brand img{width:160px}
.wallpaper-fixed-screen main{height:calc(100dvh - 76px);box-sizing:border-box;padding:15px 32px 20px;display:flex;flex-direction:column;gap:14px;max-width:none;width:auto;margin:0;overflow:hidden}
.wallpaper-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;flex:0 0 auto}
.wallpaper-heading .eyebrow{font-size:10px;margin:0 0 4px}
.wallpaper-heading h1{font:600 30px/1.1 Arial,sans-serif;letter-spacing:-1px;margin:0}
.wallpaper-heading>p{max-width:38ch;font-size:12px;margin:0}
.wallpaper-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:26px;min-height:0;flex:1}
.wallpaper-controls{display:flex;flex-direction:column;gap:9px;min-height:0;padding:0;margin:0;border:0;background:transparent;overflow:hidden}
.wallpaper-controls label{display:grid;gap:4px;margin:0;font:12px/1.3 Arial,sans-serif;min-width:0}
.wallpaper-controls input,.wallpaper-controls select,.wallpaper-controls textarea{width:100%;box-sizing:border-box;padding:8px 10px;border:1px solid #d4d6cf;border-radius:11px;background:white;font:13px Arial,sans-serif;color:#202622;min-height:36px;margin:0}
.wallpaper-controls textarea{height:53px;resize:none;min-height:0}
.wallpaper-controls input[type=file]{font-size:11px;min-height:34px}
.wallpaper-controls small{font-size:10px}
.wallpaper-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}
.wallpaper-mode{display:flex;gap:6px}
.wallpaper-mode button{flex:1;border:1px solid #c8ccc2;border-radius:12px;background:white;color:#292d29;min-height:36px;font:600 11px Arial,sans-serif;cursor:pointer}
.wallpaper-mode button[aria-pressed=true]{background:#20251f;color:white;border-color:#20251f}
.wallpaper-options{display:flex;align-items:center;gap:10px;justify-content:space-between}
.wallpaper-options button{background:transparent;border:0;padding:5px 0;text-align:left;cursor:pointer;font:600 11px Arial,sans-serif}
.wallpaper-credit{font-size:10px}
.wallpaper-controls .wallpaper-generate{min-height:42px;margin:0;border-radius:14px;max-width:none;background:linear-gradient(90deg,#000b,#0006),url('/assets/entrances/wallpaper-room-v2.jpg') center/cover;color:white;border:0}
.wallpaper-status{font-size:11px;margin:0;min-height:0;max-height:32px;overflow:hidden}
.wallpaper-result{display:flex;flex-direction:column;min-height:0;gap:10px;background:#eeeee8;border:1px solid #deded7;border-radius:23px;padding:15px;box-sizing:border-box;overflow:hidden}
.wallpaper-preview-label{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}
.wallpaper-preview{flex:1;min-height:0;margin:0;position:relative;overflow:hidden;border-radius:16px;background:#dddcd4;display:flex;align-items:center;justify-content:center}
.wallpaper-preview img{display:block;width:100%;height:100%;object-fit:contain}
.wallpaper-preview figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#000a;color:white;font-size:10px;padding:6px}
.wallpaper-purchase{display:grid;grid-template-columns:1fr 1fr;gap:9px;flex:0 0 auto}
.wallpaper-purchase button{display:flex;flex-direction:column;gap:5px;min-height:65px;padding:12px;color:white;border:1px solid #777;border-radius:14px;background:linear-gradient(90deg,#000d,#0008),url('/assets/entrances/generator-room-v2.jpg') center/cover;text-align:left;cursor:pointer}
.wallpaper-purchase button:last-child{background-image:linear-gradient(90deg,#000c,#0008),url('/assets/entrances/wallpaper-room-v2.jpg')}
.wallpaper-purchase strong{font:600 14px Arial,sans-serif}.wallpaper-purchase span{font-size:11px}.wallpaper-purchase button:disabled{opacity:.6;cursor:default}
.wallpaper-delivery{font-size:10px;line-height:1.4;margin:0}
.wallpaper-refine{width:min(950px,94vw)!important}.wallpaper-refine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.wallpaper-fixed-screen [hidden]{display:none!important}
@media(orientation:landscape) and (max-height:520px){
 .wallpaper-fixed-screen header{height:44px;padding:5px 16px}.wallpaper-fixed-screen header nav{gap:10px}.wallpaper-fixed-screen .brand img{width:110px}.wallpaper-fixed-screen header a{font-size:10px}
 .wallpaper-fixed-screen main{height:calc(100dvh - 44px);padding:8px 16px;gap:8px}.wallpaper-heading h1{font-size:20px}.wallpaper-heading .eyebrow,.wallpaper-heading>p{display:none}.wallpaper-layout{gap:15px}.wallpaper-controls{gap:5px}.wallpaper-fields{gap:4px 8px}.wallpaper-controls label{font-size:10px;gap:2px}.wallpaper-controls input,.wallpaper-controls select{min-height:27px;height:27px;font-size:10px;padding:4px 7px}.wallpaper-controls textarea{height:35px;font-size:10px;padding:5px}.wallpaper-mode button{min-height:29px;font-size:9px}.wallpaper-controls small{display:none}.wallpaper-credit{font-size:9px}.wallpaper-options button{font-size:9px}.wallpaper-controls .wallpaper-generate{min-height:30px;padding:6px;font-size:10px}.wallpaper-result{padding:9px;gap:6px;border-radius:16px}.wallpaper-purchase button{min-height:48px;padding:8px;gap:3px}.wallpaper-purchase strong{font-size:11px}.wallpaper-purchase span,.wallpaper-delivery{font-size:9px}.wallpaper-status{font-size:9px;max-height:24px}
}
@media(orientation:portrait) and (max-width:650px){.wallpaper-layout,.wallpaper-heading{display:none}.wallpaper-fixed-screen main:before{content:'Draai uw telefoon om uw ontwerp en keuzes samen te zien.';font:22px/1.4 Arial,sans-serif;display:block;margin:auto;text-align:center}}
.wallpaper-fixed-screen header>nav{min-height:0!important;height:100%!important}
.wallpaper-fixed-screen header .formavelle-destinations{min-height:0!important;height:auto!important;padding:0!important}
.wallpaper-fixed-screen header .navlinks{display:none!important}
@media(orientation:landscape) and (max-height:520px){
 .wallpaper-fixed-screen header .formavelle-destinations{gap:13px!important}
 .wallpaper-fixed-screen header .formavelle-destinations a,.wallpaper-fixed-screen header .destination-more,.wallpaper-fixed-screen header .destination-more summary,.wallpaper-fixed-screen header .language-menu summary,.wallpaper-fixed-screen header .start-page-link{min-height:28px!important;height:28px!important;padding:4px 0!important;font-size:10px!important;box-sizing:border-box}
 .wallpaper-fixed-screen header .destination-more{margin:0!important}
 .wallpaper-controls{gap:4px}.wallpaper-mode button{min-height:26px}.wallpaper-controls label{font-size:9px;line-height:1.1;gap:1px}.wallpaper-controls input,.wallpaper-controls select{height:23px;min-height:23px;font-size:10px}.wallpaper-controls textarea{height:30px}.wallpaper-fields{gap:3px 8px}.wallpaper-options button{padding:2px 0}.wallpaper-status{line-height:1.15;max-height:22px}
}

.wallpaper-preview{padding:30px 22px 38px;background:linear-gradient(130deg,#e6e5df,#f4f3ee);box-sizing:border-box}
.wallpaper-canvas{position:relative;flex:none;max-width:100%;max-height:100%;overflow:hidden;border-radius:2px;box-shadow:0 14px 32px #262a2433,0 2px 6px #262a2426;aspect-ratio:1.2;background:#d8d4c9}
.wallpaper-preview .wallpaper-canvas img{width:100%;height:100%;object-fit:cover}
@media(orientation:landscape) and (max-height:520px){.wallpaper-preview{padding:12px 12px 27px}}
.wallpaper-mobile-tabs{display:none}.wallpaper-tools{display:flex;gap:8px}.wallpaper-tools button,#wallpaper-library button,.wallpaper-room-actions button{border:1px solid #bbc2b5;border-radius:12px;background:#fff;padding:10px 13px;min-height:42px;font:600 12px Arial;cursor:pointer}.wallpaper-tools button{flex:1;background:linear-gradient(110deg,#18231fd9,#263e2bbf),url('/assets/entrances/wallpaper-room-v2.jpg') center/cover;color:white;border:0}
[data-wall-progress]{font:11px/1.35 Arial;margin:0;min-height:15px}#wallpaper-library{width:min(620px,94vw);max-height:85dvh;border:0;border-radius:22px;padding:22px}#wallpaper-library [data-design-list]{display:grid;gap:8px;max-height:55dvh;overflow:auto;margin:15px 0}#wallpaper-library [data-design-list] button{text-align:left;display:grid;gap:6px}#wallpaper-library span{font-size:11px;font-weight:400}
@media(orientation:portrait) and (max-width:650px){
 .wallpaper-fixed-screen main:before{display:none}.wallpaper-fixed-screen header{height:56px;padding:9px 12px}.wallpaper-fixed-screen .brand img{width:110px}.wallpaper-fixed-screen header nav{gap:12px}.wallpaper-fixed-screen header a{font-size:11px}.wallpaper-fixed-screen header .formavelle-destinations{display:none!important}
 .wallpaper-fixed-screen main{height:calc(100dvh - 56px);padding:12px;gap:10px}.wallpaper-heading{display:block}.wallpaper-heading h1{font-size:23px}.wallpaper-heading .eyebrow{font-size:9px}.wallpaper-heading>p{display:none}.wallpaper-mobile-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallpaper-mobile-tabs button{min-height:42px;border:1px solid #b9c2b8;border-radius:13px;background:white;font:600 12px Arial}.wallpaper-mobile-tabs button[aria-pressed=true]{background:#1d2822;color:white}
 .wallpaper-layout{display:flex;min-height:0}.wallpaper-controls,.wallpaper-result{width:100%;flex:1}.wallpaper-controls{gap:10px}.wallpaper-controls label{font-size:12px}.wallpaper-controls input,.wallpaper-controls select{min-height:40px;height:40px}.wallpaper-mode button{min-height:42px}.wallpaper-controls textarea{height:65px}.wallpaper-controls .wallpaper-generate{min-height:48px}.wallpaper-status{max-height:48px;font-size:12px}.wallpaper-result{padding:12px;gap:9px}.wallpaper-tools button{font-size:11px}.wallpaper-preview{padding:20px 12px 36px}.wallpaper-purchase button{min-height:72px;padding:10px}.wallpaper-purchase strong{font-size:13px}.wallpaper-purchase span{font-size:11px}.wallpaper-delivery{font-size:10px}
 body[data-wall-view=design] .wallpaper-result,body[data-wall-view=preview] .wallpaper-controls{display:none}
 .wallpaper-refine{max-height:90dvh;overflow:auto;zoom:1!important}.wallpaper-refine-grid{grid-template-columns:1fr 1fr}.wallpaper-refine input,.wallpaper-refine select{font-size:12px}
}
@media(orientation:portrait) and (max-width:650px) and (max-height:730px){.wallpaper-controls{gap:6px}.wallpaper-fields{gap:6px 10px}.wallpaper-controls input,.wallpaper-controls select{min-height:35px;height:35px}.wallpaper-controls textarea{height:44px}.wallpaper-controls small{display:none}.wallpaper-heading .eyebrow{display:none}.wallpaper-status{max-height:32px}}
#wallpaper-room{width:min(900px,94vw);max-height:94dvh;overflow:auto;border:0;border-radius:22px;padding:20px;box-sizing:border-box}#wallpaper-room h2{font:600 23px Arial;margin:0 0 8px}#wallpaper-room p{font:12px/1.4 Arial;margin:8px 0}.room-upload{display:flex;align-items:center;gap:12px;font:600 12px Arial}.room-upload input{max-width:60%;font-size:12px}.room-private{color:#60675d}[data-room-stage]{position:relative;aspect-ratio:1.6;max-width:100%;max-height:55dvh;margin:12px auto;background:#e8e9e1;overflow:hidden;touch-action:none}[data-room-photo]{display:block;width:100%;height:100%;object-fit:fill}[data-room-art]{position:absolute;left:0;top:0;transform-origin:0 0;mix-blend-mode:multiply;pointer-events:none;opacity:.94}[data-wall-corner]{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;border:2px solid white;box-shadow:0 2px 8px #0006;border-radius:50%;background:#172f25;color:white;z-index:2;touch-action:none}.wallpaper-room-actions{display:flex;justify-content:space-between;gap:8px}dialog::backdrop{background:#15231bd9;backdrop-filter:blur(7px)}
@media(orientation:portrait) and (max-width:650px){.wallpaper-fixed-screen header .brand img{width:88px}.wallpaper-fixed-screen header nav>a:nth-child(2){padding:7px;font-size:10px;white-space:nowrap;min-width:0}.wallpaper-fixed-screen header .language-menu summary{padding:7px 4px;font-size:10px;min-height:32px}.wallpaper-fixed-screen header nav{gap:8px}.wallpaper-fixed-screen header .language-menu{margin-left:auto}}
[data-room-art]{mix-blend-mode:normal;opacity:1}[data-room-hint]{min-height:34px}
@media(orientation:portrait) and (max-width:650px){.wallpaper-fixed-screen header .brand{min-width:88px!important;width:88px!important;flex:0 0 88px!important}.wallpaper-fixed-screen header .brand img{width:88px!important;min-width:0!important}.wallpaper-fixed-screen header .return-menu-link{min-width:0!important;padding:7px!important;font-size:10px!important}.wallpaper-fixed-screen header .language-menu summary{font-size:10px!important;padding:7px 4px!important}}

/* Disabled actions retain a calm pointer while the background job runs. */
.wallpaper-fixed-screen button:disabled{cursor:default}
