*{box-sizing:border-box}html{color:#242424;background:#fff;font-family:Arial,sans-serif}html,body,#root{width:100%;height:100%;overflow:hidden}body{margin:0}.simulator-workspace{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:18px;display:grid}.catalogue-panel{border:1px solid var(--nais-line);background:#fff;flex-direction:column;min-height:420px;display:flex;overflow:hidden}.catalogue-panel-header{border-bottom:1px solid var(--nais-terracotta-dark);background:var(--nais-terracotta);color:#fff;padding:15px}.catalogue-panel-header>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.catalogue-panel-header span,.catalogue-panel-header small,.catalogue-status{color:var(--nais-muted);font-size:.75rem}.catalogue-panel-header span,.catalogue-panel-header small{color:#ffffffc7}.catalogue-panel-header strong{color:#fff;font-size:.78rem}.catalogue-panel-header small{margin-top:7px;display:block}.catalogue-fields{border-bottom:1px solid var(--nais-line);grid-template-columns:1fr 1fr;gap:8px;padding:12px 15px;display:grid}.catalogue-fields label{color:var(--nais-muted);text-transform:uppercase;flex-direction:column;gap:5px;font-size:.68rem;display:flex}.catalogue-fields select,.catalogue-fields input{border:1px solid var(--nais-line);width:100%;min-width:0;min-height:36px;color:var(--nais-ink);font:inherit;text-transform:none;background:#fff;border-radius:0;padding:7px 8px;font-size:.78rem}.catalogue-filter-toolbar{border-bottom:1px solid var(--nais-line);align-items:center;gap:9px;min-height:45px;padding:8px 15px;display:flex}.catalogue-filter-toolbar span{color:var(--nais-terracotta);margin-left:auto;font-size:.7rem;font-weight:600}.filter-toggle,.clear-filters,.load-more{border:1px solid var(--nais-line);color:var(--nais-ink);cursor:pointer;font:inherit;background:#fff;font-size:.72rem}.filter-toggle{border-color:var(--nais-terracotta);min-height:29px;color:var(--nais-terracotta);background:0 0;padding:5px 10px}.filter-toggle.is-active{border-color:var(--nais-terracotta);color:var(--nais-terracotta);background:0 0;font-weight:700}.clear-filters{color:var(--nais-terracotta);border:0;padding:0}.advanced-filters{flex:1;min-height:0;padding:5px 15px 18px;overflow-y:auto}.advanced-filters details{border-bottom:1px solid var(--nais-line)}.advanced-filters summary{cursor:pointer;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:43px;font-size:.75rem;font-weight:700;list-style-position:inside;display:flex}.advanced-filters summary span{background:var(--nais-terracotta);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;margin-left:auto;font-size:.65rem;display:inline-grid}.advanced-filter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;padding:0 0 12px;display:grid}.advanced-filter-options label{min-width:0;color:var(--nais-muted);cursor:pointer;align-items:flex-start;gap:7px;padding:5px 0;font-size:.7rem;line-height:1.25;display:flex}.advanced-filter-options input{accent-color:var(--nais-terracotta);flex:none;margin:1px 0 0}.load-more{border-color:var(--nais-terracotta);width:100%;min-height:38px;color:var(--nais-terracotta);margin-top:12px;display:block}.catalogue-empty{color:var(--nais-muted);text-align:center;grid-column:1/-1;margin:20px 5px;font-size:.76rem;line-height:1.5}.catalogue-scroll{flex:1;min-height:0;padding:12px;overflow-y:auto}.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.catalogue-card{border:1px solid var(--nais-line);min-width:0;color:var(--nais-ink);cursor:pointer;text-align:left;background:#fff;padding:0 0 9px;overflow:hidden}.catalogue-card:disabled{cursor:wait;opacity:.6}.catalogue-card:hover{border-color:var(--nais-terracotta)}.catalogue-card img{aspect-ratio:1;background:var(--nais-soft);object-fit:cover;width:100%;margin-bottom:8px;display:block}.catalogue-card span,.catalogue-card small{text-overflow:ellipsis;white-space:nowrap;padding-inline:8px;display:block;overflow:hidden}.catalogue-card span{font-size:.78rem;font-weight:600}.catalogue-card small{color:var(--nais-muted);margin-top:3px;font-size:.65rem}.catalogue-selection{flex:1;min-height:0;padding:14px;overflow-y:auto}.catalogue-back{color:var(--nais-terracotta);cursor:pointer;background:0 0;border:0;padding:0;font-size:.76rem}.selected-tile-summary{grid-template-columns:108px 1fr;align-items:center;gap:14px;margin:16px 0;display:grid}.selected-tile-summary img{width:108px}.selected-tile-summary div{flex-direction:column;gap:5px;min-width:0;display:flex}.selected-tile-summary strong{font-size:.9rem;line-height:1.3}.selected-tile-summary span{color:var(--nais-muted);font-size:.75rem}.formats-title{text-transform:uppercase;margin:18px 0 8px;font-size:.72rem;font-weight:700}.format-list,.option-list,.pattern-list{flex-wrap:wrap;gap:7px;display:flex}.pattern-button{border:1px solid var(--nais-line);cursor:pointer;background:#fff;width:58px;height:58px;padding:4px;overflow:hidden}.pattern-button img{object-fit:contain;width:100%;height:100%;display:block}.pattern-button.is-active{border:2px solid var(--nais-terracotta)}.pattern-button:disabled{cursor:wait;opacity:.55}.format-button{border:1px solid var(--nais-line);min-height:34px;color:var(--nais-ink);cursor:pointer;background:#fff;padding:6px 9px;font-size:.72rem}.format-button.is-active{border-color:var(--nais-terracotta);background:var(--nais-terracotta);color:#fff}.format-button:disabled{cursor:wait;opacity:.55}.catalogue-error{color:#8d0019;background:#fff0f1;margin:10px 14px;padding:8px;font-size:.72rem}.catalogue-status{margin:16px}.surface-panel{border-left:1px solid var(--nais-line);background:#fff;flex-direction:column;min-width:0;display:flex;overflow:hidden}.project-tools{border-bottom:1px solid var(--nais-line);background:#fff;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.project-tool{border:0;border-right:1px solid var(--nais-line);min-width:0;min-height:62px;color:var(--nais-muted);cursor:pointer;font:inherit;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px 3px;font-size:.6rem;display:flex}.project-tool:last-child{border-right:0}.project-tool svg{fill:currentColor;width:19px;height:19px}.project-tool:hover,.project-tool.is-active{color:var(--nais-terracotta)}.project-tool.is-active{background:var(--nais-terracotta);color:#fff}.project-tool:disabled{cursor:wait;opacity:.45}.email-dialog-backdrop{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16120f94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.email-dialog{background:#fff;width:min(100%,520px);max-height:calc(100dvh - 40px);padding:30px;position:relative;overflow-y:auto;box-shadow:0 24px 70px #0000003d}.email-dialog-logo{width:92px;height:auto;margin-bottom:24px;display:block}.email-dialog h2{margin:0;font-size:1.45rem;font-weight:400}.email-dialog-intro{color:var(--nais-muted);margin:8px 0 22px;font-size:.78rem;line-height:1.5}.email-dialog-close{width:34px;height:34px;color:var(--nais-muted);cursor:pointer;background:0 0;border:0;font-size:1.5rem;position:absolute;top:14px;right:14px}.email-form{grid-template-columns:1fr 1fr;gap:14px;display:grid}.email-form label{color:var(--nais-muted);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:6px;font-size:.68rem;font-weight:600;display:flex}.email-form label:nth-child(n+3){grid-column:1/-1}.email-form input,.email-form textarea{border:1px solid var(--nais-line);width:100%;color:var(--nais-ink);font:inherit;text-transform:none;background:#fff;border-radius:0;font-size:.82rem}.email-form input{min-height:42px;padding:8px 10px}.email-form textarea{resize:vertical;min-height:100px;padding:10px}.email-dialog-status{background:var(--nais-soft);color:var(--nais-muted);grid-column:1/-1;margin:0;padding:10px 12px;font-size:.75rem}.email-dialog-status.is-error{color:#8d0019;background:#fff0f1}.email-dialog-status.is-success{color:#28642b;background:#edf6ed}.email-dialog-actions{grid-column:1/-1;justify-content:flex-end;gap:9px;margin-top:4px;display:flex}.email-dialog-actions button{border:1px solid var(--nais-terracotta);min-height:40px;color:var(--nais-terracotta);cursor:pointer;font:inherit;background:#fff;padding:8px 16px;font-size:.76rem;font-weight:600}.email-dialog-actions button[type=submit]{background:var(--nais-terracotta);color:#fff}.email-dialog-actions button:disabled{cursor:wait;opacity:.55}@media (width<=520px){.email-dialog{padding:24px 18px}.email-form{grid-template-columns:1fr}.email-form label{grid-column:1}}.surface-panel-header{border-bottom:3px solid var(--nais-terracotta);flex-direction:column;justify-content:center;gap:4px;min-height:74px;padding:14px 18px;display:flex}.surface-panel-header span{color:var(--nais-muted);letter-spacing:.11em;text-transform:uppercase;font-size:.65rem;font-weight:700}.surface-panel-header strong{font-size:1.25rem;font-weight:400}.surface-panel-empty{min-height:0;color:var(--nais-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:28px;display:flex}.surface-panel-empty>span{border:1px solid var(--nais-sand);width:46px;height:46px;color:var(--nais-terracotta);border-radius:50%;place-items:center;margin-bottom:16px;font-size:1.25rem;display:grid}.surface-panel-empty strong{color:var(--nais-ink);font-size:.9rem}.surface-panel-empty p{max-width:220px;margin:9px 0 0;font-size:.74rem;line-height:1.5}.surface-panel .catalogue-selection{padding:18px}.surface-panel .selected-tile-summary{grid-template-columns:86px minmax(0,1fr);margin-top:0}.surface-panel .selected-tile-summary img{width:86px}.surface-panel .selected-tile-summary small{color:var(--nais-terracotta);letter-spacing:.08em;text-transform:uppercase;font-size:.62rem;font-weight:700}.product-link{width:fit-content;color:var(--nais-terracotta);align-items:center;gap:5px;margin-top:4px;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.product-link:hover{text-decoration:underline}.product-360-link{cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-family:inherit}.product-link span{color:inherit;font-size:.8rem}.grout-color-trigger{border:1px solid var(--nais-line);width:100%;color:var(--nais-ink);cursor:pointer;font:inherit;text-align:left;background:#fff;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;margin-top:10px;padding:9px 11px;display:grid}.grout-color-trigger:hover{border-color:var(--nais-terracotta)}.grout-color-trigger:disabled{cursor:wait;opacity:.5}.grout-color-swatch{border:1px solid #00000024;width:38px;height:38px}.grout-color-trigger>span:nth-child(2){flex-direction:column;gap:2px;display:flex}.grout-color-trigger small{color:var(--nais-muted);letter-spacing:.06em;text-transform:uppercase;font-size:.58rem;font-weight:600}.grout-color-trigger strong{font-size:.76rem}.grout-color-trigger>span:last-child{color:var(--nais-terracotta);font-size:1.25rem}.catalogue-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#16120f9e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.catalogue-modal{background:#fff;width:min(100%,760px);max-height:calc(100dvh - 40px);padding:28px;position:relative;overflow:auto;box-shadow:0 24px 70px #00000040}.catalogue-modal-close{z-index:2;width:36px;height:36px;color:var(--nais-muted);cursor:pointer;background:#ffffffeb;border:0;font-size:1.55rem;position:absolute;top:12px;right:14px}.catalogue-modal-eyebrow{color:var(--nais-terracotta);letter-spacing:.1em;text-transform:uppercase;margin:0 0 5px;font-size:.65rem;font-weight:700}.catalogue-modal h2{margin:0;padding-right:38px;font-size:1.4rem;font-weight:400}.catalogue-modal-intro{color:var(--nais-muted);margin:7px 0 20px;font-size:.78rem}.fugabella-grid{grid-template-columns:repeat(10,minmax(48px,1fr));gap:8px;display:grid}.fugabella-option{border:1px solid var(--nais-line);background:#fff;position:relative}.fugabella-option.is-active{border-color:var(--nais-terracotta);box-shadow:inset 0 0 0 1px var(--nais-terracotta)}.fugabella-option button{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;width:100%;padding:5px;display:flex}.fugabella-option button span{aspect-ratio:1;border:1px solid #00000017;width:100%;display:block}.fugabella-option button strong{color:var(--nais-ink);font-size:.64rem}.fugabella-option>a{width:19px;height:19px;color:var(--nais-terracotta);background:#ffffffe0;place-items:center;font-size:.68rem;font-weight:700;text-decoration:none;display:grid;position:absolute;top:7px;right:7px}.tile-360-modal{width:min(100%,900px);overflow:hidden}.tile-360-modal iframe{border:1px solid var(--nais-line);background:var(--nais-soft);width:100%;height:min(68dvh,620px);margin-top:18px;display:block}@media (width<=720px){.catalogue-modal{padding:24px 16px}.fugabella-grid{grid-template-columns:repeat(5,minmax(48px,1fr))}.tile-360-modal iframe{height:70dvh}}.catalogue-card.is-active{border-color:var(--nais-terracotta);box-shadow:inset 0 0 0 1px var(--nais-terracotta)}.simulator-workspace{background:var(--nais-cream);grid-template-columns:clamp(280px,24vw,340px) minmax(300px,1fr) clamp(260px,21vw,310px);grid-template-areas:"catalogue canvas info";align-items:stretch;gap:0;width:100%;height:100%;min-height:0;overflow:hidden}.catalogue-panel{border:0;border-right:1px solid var(--nais-line);grid-area:catalogue;min-height:0;height:100%!important}.engine-frame{grid-area:canvas;place-self:center}.change-environment-overlay{z-index:25;min-height:36px;color:var(--nais-ink);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#ffffffe6;border:1px solid #1919192e;align-items:center;gap:7px;padding:8px 12px;font-size:.72rem;font-weight:600;transition:border-color .18s,color .18s,background .18s;display:inline-flex;position:absolute;top:14px;left:14px;box-shadow:0 4px 16px #2d221a1f}.change-environment-overlay:hover,.change-environment-overlay:focus-visible{border-color:var(--nais-terracotta);color:var(--nais-terracotta);background:#fff}.change-environment-overlay:focus-visible{outline:2px solid var(--nais-terracotta);outline-offset:2px}.surface-panel{grid-area:info;min-height:0;height:100%!important}@media (width<=1000px){.simulator-workspace{grid-template-columns:260px minmax(280px,1fr) 250px}.catalogue-panel{height:100%!important}}@media (width<=760px){.simulator-workspace{grid-template:"canvas""catalogue"minmax(420px,1fr)/1fr;overflow-y:auto}.surface-panel{display:none}.catalogue-panel{min-height:420px}}:root{--nais-terracotta:#a64a24;--nais-terracotta-dark:#843819;--nais-ink:#171717;--nais-muted:#6f6b65;--nais-line:#ded8cf;--nais-cream:#eeeae2;--nais-soft:#f7f5f1;--nais-sand:#d9c1a5}button{font:inherit}.brand-strip{background:var(--nais-terracotta);color:#fff;letter-spacing:.08em;text-align:center;text-transform:uppercase;justify-content:center;align-items:center;min-height:34px;padding:7px 20px;font-size:.72rem;display:flex}.environment-page,.simulator-page{background:var(--nais-soft);min-height:100vh;color:var(--nais-ink)}.environment-header,.environment-content,.simulator-header,.engine-section{width:min(100% - 40px,1280px);margin-inline:auto}.environment-header{padding:28px 0 46px}.brand-lockup{align-items:center;gap:14px;width:fit-content;display:flex}.brand-name{letter-spacing:.22em;font-size:1.72rem;font-weight:400;line-height:1}.brand-divider{background:var(--nais-line);width:1px;height:26px}.brand-product{color:var(--nais-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.75rem}.environment-intro{max-width:760px;padding-top:64px}.eyebrow{color:var(--nais-terracotta);letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;font-size:.72rem;font-weight:700}.environment-intro h1,.engine-heading h1{letter-spacing:-.035em;margin:0;font-weight:400}.environment-intro h1{max-width:700px;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98}.environment-intro>p:last-child{max-width:590px;color:var(--nais-muted);margin:24px 0 0;font-size:1rem;line-height:1.65}.environment-content{padding-bottom:72px}.environment-toolbar{border-top:1px solid var(--nais-line);border-bottom:1px solid var(--nais-line);grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:20px 0;display:grid}.environment-toolbar h2{margin:0;font-size:1rem;font-weight:600}.filter-list{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.filter-button{min-height:38px;color:var(--nais-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:8px 15px;transition:all .16s}.filter-button:hover{border-color:var(--nais-sand);color:var(--nais-ink)}.filter-button.is-active{border-color:var(--nais-terracotta);background:var(--nais-terracotta);color:#fff}.environment-count{color:var(--nais-muted);margin:0;font-size:.82rem}.environment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;padding-top:28px;display:grid}.environment-card{min-width:0}.environment-card-button{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0;display:block}.environment-image-wrap{aspect-ratio:4/3;background:var(--nais-cream);display:block;position:relative;overflow:hidden}.environment-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .45s cubic-bezier(.2,.7,.2,1);display:block}.environment-card-action{color:var(--nais-ink);opacity:0;background:#fffffff0;align-items:center;gap:12px;padding:10px 13px;font-size:.76rem;transition:all .18s;display:flex;position:absolute;bottom:12px;right:12px;transform:translateY(6px)}.environment-card-button:hover img,.environment-card-button:focus-visible img{transform:scale(1.035)}.environment-card-button:hover .environment-card-action,.environment-card-button:focus-visible .environment-card-action{opacity:1;transform:translateY(0)}.environment-card-button:focus-visible{outline:2px solid var(--nais-terracotta);outline-offset:4px}.environment-card-copy{flex-direction:column;gap:5px;padding-top:13px;display:flex}.environment-card-copy>span{color:var(--nais-terracotta);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700}.environment-card-copy strong{font-size:1rem;font-weight:500}.simulator-header{border-bottom:1px solid var(--nais-line);grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;min-height:84px;display:grid}.simulator-current{flex-direction:column;align-items:center;gap:2px;display:flex}.simulator-current span{color:var(--nais-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.65rem}.simulator-current strong{font-size:.9rem;font-weight:600}.change-environment-button{border:1px solid var(--nais-line);min-height:42px;color:var(--nais-ink);cursor:pointer;background:0 0;justify-self:end;align-items:center;gap:9px;padding:10px 15px;display:flex}.change-environment-button:hover{border-color:var(--nais-terracotta);color:var(--nais-terracotta)}.engine-section{padding:36px 0 60px}.engine-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:18px;display:flex}.engine-heading h1{font-size:clamp(1.9rem,4vw,3.2rem)}.engine-meta{color:var(--nais-muted);text-align:right;flex-direction:column;gap:5px;font-size:.78rem;display:flex}.engine-frame{background:var(--nais-cream);max-width:100%;margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 20px 55px #2d221a1f}.engine-hotspots{z-index:5;pointer-events:none;position:absolute;inset:0}.engine-hotspot{cursor:pointer;pointer-events:auto;background:#171717ad;border:1px solid #fffffff0;border-radius:50%;place-items:center;width:28px;height:28px;padding:0;transition:transform .16s,background .16s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000047}.engine-hotspot img{filter:brightness(0)invert();width:18px;height:18px;display:block}.engine-hotspot:hover,.engine-hotspot:focus-visible{transform:translate(-50%,-50%)scale(1.12)}.engine-hotspot.is-active{background:var(--nais-terracotta)}.engine-hotspot.is-active img{transform:scale(1.08)}.engine-loading{z-index:10;color:var(--nais-muted);letter-spacing:.08em;text-transform:uppercase;background:#eeeae2f0;align-content:center;justify-items:center;gap:14px;font-size:.78rem;display:grid;position:absolute;inset:0}.loading-mark{color:var(--nais-terracotta);letter-spacing:.22em;font-size:1.6rem}.error{color:#8d0019;background:#fff0f1;border-left:3px solid #b00020;margin:0 0 18px;padding:13px 15px}@media (width<=900px){.environment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.environment-toolbar{grid-template-columns:1fr auto}.filter-list{grid-area:2/1/auto/-1;justify-content:flex-start}}@media (width<=650px){.environment-header,.environment-content,.simulator-header,.engine-section{width:min(100% - 28px,1280px)}.environment-header{padding-bottom:34px}.environment-intro{padding-top:48px}.environment-grid{grid-template-columns:1fr;row-gap:24px}.filter-list{flex-wrap:nowrap;max-width:calc(100vw - 28px);padding-bottom:4px;overflow-x:auto}.filter-button{flex:none}.environment-card-action{opacity:1;transform:none}.simulator-header{grid-template-columns:1fr auto;padding:15px 0}.simulator-current{display:none}.change-environment-button{min-height:40px;padding-inline:11px;font-size:.78rem}.engine-heading{flex-direction:column;align-items:flex-start}.engine-meta{text-align:left}}.environment-page,.simulator-page{height:100dvh;min-height:0;overflow:hidden}.environment-page{grid-template-rows:auto minmax(0,1fr);display:grid;position:relative}.start-choice-bar{border-bottom:1px solid var(--nais-line);grid-template-columns:minmax(0,1fr) auto minmax(300px,.65fr);align-items:stretch;gap:18px;width:min(100% - 32px,1280px);min-height:88px;margin-inline:auto;padding:14px 0;display:grid}.start-choice-copy,.upload-image-button{align-items:center;display:flex}.start-choice-copy{gap:14px}.start-choice-copy strong{font-size:1.05rem}.start-choice-copy span,.upload-image-button small{color:var(--nais-muted);font-size:.76rem}.choice-separator{color:var(--nais-muted);text-transform:uppercase;align-self:center;font-size:.72rem}.upload-image-button{border:1px solid var(--nais-terracotta);min-width:0;color:var(--nais-ink);cursor:pointer;background:#fff;gap:12px;padding:10px 14px}.upload-image-button:hover{background:var(--nais-terracotta);color:#fff}.upload-image-button:hover small{color:#ffffffc7}.upload-image-button>span:last-of-type{flex-direction:column;gap:3px;min-width:0;display:flex}.upload-image-button input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.upload-icon{background:var(--nais-terracotta);color:#fff;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.upload-image-button:hover .upload-icon{color:var(--nais-terracotta);background:#fff}.start-upload-error{z-index:5;color:#8d0019;background:#fff0f1;margin:0;padding:9px 12px;font-size:.75rem;position:absolute;top:92px;right:16px}.environment-content{grid-template-rows:auto minmax(0,1fr);min-height:0;padding-bottom:0;display:grid}.environment-grid{min-height:0;padding:20px 4px 28px;overflow-y:auto}.simulator-page{grid-template-rows:minmax(0,1fr);display:grid}.simulator-header{justify-content:space-between;width:100%;min-height:58px;padding:0 16px;display:flex}.simulator-current{align-items:flex-start}.change-environment-button{min-height:34px;padding:6px 12px}.engine-section{grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;padding:10px 12px 12px;display:grid;overflow:hidden}.engine-heading{min-height:42px;margin-bottom:8px}.engine-heading .eyebrow{display:none}.engine-heading h1{text-overflow:ellipsis;white-space:nowrap;max-width:min(50vw,620px);font-size:1rem;overflow:hidden}.engine-meta{flex-direction:row;gap:18px}.simulator-workspace{align-items:center;gap:14px;min-height:0}.engine-frame{box-shadow:0 8px 28px #2d221a1f}@media (width<=1000px){.engine-section{overflow-y:auto}.start-choice-bar{grid-template-columns:1fr auto minmax(260px,.8fr)}}@media (width<=700px){.start-choice-bar{grid-template-columns:1fr;gap:8px;padding:10px 0}.start-choice-copy span,.choice-separator{display:none}.environment-toolbar{gap:10px;padding-block:10px}.environment-grid{padding-top:12px}.engine-meta span:first-child{display:none}}.environment-page{display:block}.start-mode-screen{place-items:center;width:100%;height:100%;padding:clamp(18px,4vw,52px);display:grid;overflow-y:auto}.start-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.4vw,30px);width:min(100%,1120px);height:min(100%,650px);min-height:340px;display:grid}.start-mode-card{border:1px solid var(--nais-line);min-width:0;min-height:0;color:var(--nais-ink);cursor:pointer;text-align:left;background:#fff;grid-template-rows:minmax(0,1fr) auto;padding:0;transition:transform .42s cubic-bezier(.2,.75,.2,1),border-color .26s,box-shadow .42s;animation:.62s cubic-bezier(.2,.75,.2,1) both start-card-in;display:grid;overflow:hidden;box-shadow:0 14px 42px #2d221a14}.start-mode-card:nth-child(2){animation-delay:90ms}.start-mode-card:hover,.start-mode-card:focus-visible,.start-mode-card:focus-within{border-color:var(--nais-terracotta);outline:none;transform:translateY(-6px);box-shadow:0 24px 58px #2d221a26}.start-mode-visual{background:var(--nais-cream);min-height:0;display:block;position:relative;overflow:hidden}.start-mode-visual img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.start-mode-upload .start-mode-visual img{object-fit:contain;object-position:center;mix-blend-mode:multiply;padding:clamp(52px,8vw,104px)}.start-mode-upload .start-mode-visual{background:var(--nais-sand)}.start-mode-shade{pointer-events:none;background:linear-gradient(#0000 55%,#1717172e);position:absolute;inset:0}.start-mode-card:hover .start-mode-visual img,.start-mode-card:focus-visible .start-mode-visual img,.start-mode-card:focus-within .start-mode-visual img{transform:scale(1.045)}.start-mode-copy{grid-template-columns:minmax(0,1fr) auto;gap:7px 20px;padding:clamp(18px,2.5vw,30px);display:grid}.start-mode-copy small,.start-mode-copy strong,.start-mode-copy>span:not(.start-mode-action){grid-column:1/-1}.start-mode-copy small{color:var(--nais-terracotta);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem;font-weight:700}.start-mode-copy strong{letter-spacing:-.04em;font-size:clamp(1.5rem,3vw,2.65rem);font-weight:400;line-height:1}.start-mode-copy>span:not(.start-mode-action){color:var(--nais-muted);font-size:.82rem;line-height:1.45}.start-mode-action{border-top:1px solid var(--nais-line);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:7px;padding-top:12px;font-size:.78rem;font-weight:600;display:flex}.start-mode-action b{background:var(--nais-terracotta);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:1rem;font-weight:400;transition:transform .26s;display:grid}.start-mode-card:hover .start-mode-action b,.start-mode-card:focus-visible .start-mode-action b,.start-mode-card:focus-within .start-mode-action b{transform:translate(3px)}.start-mode-upload .start-mode-action b{transform:none}.start-mode-upload input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.start-mode-screen .start-upload-error{top:auto;bottom:12px;right:50%;transform:translate(50%)}.environment-browser{width:min(100% - 32px,1280px);height:100%;animation:.48s cubic-bezier(.2,.75,.2,1) both browser-in}.environment-title-group{align-items:center;gap:16px;display:flex}.environment-back{color:var(--nais-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:8px 10px;font-size:.76rem;display:inline-flex}.environment-back:hover{color:var(--nais-terracotta)}.simulator-page{animation:.5s cubic-bezier(.2,.75,.2,1) both browser-in}::view-transition-old(root){animation:.18s both view-out}::view-transition-new(root){animation:.42s cubic-bezier(.2,.75,.2,1) both view-in}@keyframes start-card-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes browser-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes view-out{to{opacity:0;transform:scale(.992)}}@keyframes view-in{0%{opacity:0;transform:translateY(10px)}}@media (width<=700px){.start-mode-screen{padding:12px;display:block}.start-mode-grid{grid-template-columns:1fr;height:auto;min-height:100%}.start-mode-card{min-height:360px}.environment-browser{width:calc(100% - 20px)}.environment-title-group{gap:6px}.environment-title-group h2{display:none}}@media (prefers-reduced-motion:reduce){.start-mode-card,.environment-browser,.simulator-page{animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}.start-mode-card,.start-mode-visual img,.start-mode-action b{transition-duration:1ms}}.simulator-brand{align-items:center;min-width:108px;display:flex}.simulator-brand img{width:92px;height:auto;display:block}.engine-section{grid-template-rows:minmax(0,1fr);padding:0}