@font-face{font-family:Inter;src:url('/assets/fonts/inter.woff2')}@font-face{font-family:Newsreader;src:url('/assets/fonts/newsreader.woff2')}@font-face{font-family:Newsreader;src:url('/assets/fonts/newsreader-italic.woff2');font-style:italic}
:root{font-family:-apple-system,BlinkMacSystemFont,Inter,sans-serif;font-size:17px;color:#202124;background:#e9e9eb;--bg:#fff;--ink:#202124;--muted:#606166;--accent:#005bc4;--panel:#f3f4f6;--line:#dadce0;--radius:26px}*{box-sizing:border-box}body{margin:0;color:var(--ink)}button,select,a{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button svg,a svg{width:23px;height:23px;flex-shrink:0}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1:focus{outline:none}.app{max-width:520px;min-height:100svh;background:var(--bg);margin:auto;padding-bottom:env(safe-area-inset-bottom)}header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:76px;padding:calc(12px + env(safe-area-inset-top)) 24px 12px}.brand{font-size:23px;font-weight:600;letter-spacing:-.6px}.brand-dot{color:var(--accent)}.navlink,.back,.homebutton{border:0;background:none;min-height:44px;padding:8px;color:var(--accent);display:flex;align-items:center;gap:3px}.navlink{font-size:16px}.homebutton{width:44px;justify-content:center}.back{font-size:16px;margin-left:-10px}.header-title{font-size:16px;font-weight:600}.home-intro{padding:14px 24px 16px}h1{font-size:36px;line-height:1.12;font-weight:600;letter-spacing:-1.2px;margin:12px 0 14px}h1 em{font-style:normal;color:var(--muted)}h2{font-size:24px;line-height:1.2;font-weight:600}p{font-size:17px;line-height:1.45;color:var(--muted);margin:0 0 20px}.home-intro p{margin:0}.photo{overflow:hidden;border-radius:var(--radius);background:var(--panel);position:relative}.photo img{display:block;width:100%;height:100%;object-fit:contain}.home-photo{margin:0 24px;position:relative}.home-photo .photo{height:310px}.home-photo .photo img{object-fit:cover;object-position:center 61%}.image-label{position:absolute;bottom:14px;left:14px;background:#fff;color:#242424;border-radius:20px;padding:9px 14px;font-size:14px;font-weight:600}.home-actions{padding:20px 24px 24px}.primary,.secondary,a.secondary{display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;width:100%;padding:14px 16px;border:0;border-radius:18px;background:var(--accent);color:white;text-align:center;font-weight:600;line-height:1.35;text-decoration:none}.secondary,a.secondary{background:var(--panel);color:var(--ink);margin-top:10px}.textbutton{border:0;background:none;color:var(--accent);min-height:48px;padding:12px 4px;display:block;width:100%;font-size:16px}.home-actions .textbutton{padding-bottom:0}.content{padding:8px 24px 28px}.content>h1{margin-top:12px}.tips-photo{margin:0 24px;height:200px}.tips-photo img{object-fit:cover;object-position:50% 53%}.tips-list{list-style:none;counter-reset:tip;padding:0;margin:22px 0}.tips-list li{display:flex;position:relative;flex-direction:column;padding:0 0 18px 42px;counter-increment:tip}.tips-list li:before{content:counter(tip);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--panel);display:grid;place-items:center;font-size:15px;font-weight:600}.tips-list b{font-size:17px;font-weight:600}.tips-list span{display:block;color:var(--muted);font-size:16px;line-height:1.4;margin-top:4px}.confirm-photo{height:330px;margin-bottom:24px}.room-label{display:block;font-weight:600;margin:0 0 10px}select{width:100%;min-height:54px;background:var(--panel);border:1px solid var(--line);border-radius:16px;color:var(--ink);padding:12px 16px}.actions{margin-top:24px}.context{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:15px}.context img{width:40px;height:40px;object-fit:cover;border-radius:10px}.style-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 12px}.style-card{padding:0;text-align:left;background:var(--panel);border:2px solid transparent;overflow:hidden;border-radius:20px;position:relative;min-width:0}.style-card.selected{border-color:var(--accent)}.style-image{height:130px;position:relative}.style-image>img{width:100%;height:100%;object-fit:cover}.tick{display:none;position:absolute;right:8px;top:8px;width:28px;height:28px;background:var(--accent);border:2px solid white;border-radius:50%;place-items:center;color:#fff}.tick svg{width:18px;height:18px}.selected .tick{display:grid}.style-copy{display:flex;flex-direction:column;gap:5px;padding:12px 10px}.style-copy b{font-size:16px;font-weight:600;line-height:1.25}.style-copy>span{font-size:14px;line-height:1.4;color:var(--muted)}.start-actions{position:sticky;bottom:0;padding:12px 0 max(16px,env(safe-area-inset-bottom));background:var(--bg)}.chosen{font-size:14px;margin:0 0 10px}.status-pill{display:inline-flex;gap:8px;align-items:center;font-size:15px;color:var(--muted);margin-top:12px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 2s infinite}@keyframes pulse{50%{opacity:.4}}.waiting-photo{height:355px;margin:22px 0}.waiting-photo:after{content:'';position:absolute;inset:0;border-radius:inherit;border:2px solid var(--accent);opacity:.25;pointer-events:none}.wait-note{padding:16px 0}.wait-note b{font-size:18px;font-weight:600}.wait-note p{margin:8px 0 12px}.result-heading{padding:0 24px 10px}.result-heading p{margin:0;font-size:15px}.result-heading h1{font-size:31px;margin-top:7px}.result-photo{display:block;width:calc(100% - 48px);border:0;padding:0;margin:0 24px;border-radius:24px;height:405px}.result-photo img{object-fit:contain}.result-controls{padding:16px 24px 24px}.segment{display:flex;padding:4px;background:var(--panel);border-radius:16px;margin-bottom:14px}.segment button{flex:1;min-height:44px;border:0;border-radius:12px;background:none;font-weight:600}.segment button[aria-pressed=true]{background:var(--bg);box-shadow:0 2px 5px #00000012;color:var(--accent)}.result-note{font-size:14px;line-height:1.4;margin-bottom:16px}.duo{display:flex;gap:10px}.duo button{font-size:15px}.destructive{color:#b52222}.versions{margin-top:24px}nav{display:flex;gap:4px;position:sticky;bottom:calc(10px + env(safe-area-inset-bottom));width:calc(100% - 48px);margin:0 24px 14px;padding:5px;background:#f3f4f6ed;border:1px solid #d8d8de8a;border-radius:25px;backdrop-filter:blur(20px);z-index:2}nav[hidden]{display:none}nav button{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:20px;background:none;color:var(--muted);font-size:15px;font-weight:500}nav button.active{color:var(--accent);background:var(--bg)}.room-list{margin:24px 0}.room-card{width:100%;padding:0;text-align:left;border:0;border-radius:24px;overflow:hidden;background:var(--panel);margin-bottom:18px;position:relative}.room-image{height:215px;border-radius:0}.room-image img{object-fit:cover;object-position:50% 60%}.room-info{display:flex;flex-direction:column;padding:16px 40px 16px 16px;gap:6px}.room-info b{font-weight:600;font-size:20px}.room-info>span{font-size:15px;color:var(--muted);line-height:1.4}.room-arrow{position:absolute;right:18px;bottom:22px;font-size:28px}.room-info .pending-link{color:var(--accent);padding:10px 0;min-height:44px}.empty{text-align:center;padding:46px 4px}.empty>svg{width:40px;height:40px;color:var(--accent)}.error-content{padding-top:70px}dialog{border:0;border-radius:30px;color:var(--ink);background:var(--bg);width:min(calc(100% - 24px),480px);max-height:90svh;padding:20px 24px 28px;margin:auto;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#0007;backdrop-filter:blur(5px)}.sheet-head{display:flex;justify-content:flex-end}.closebutton{border:0;min-width:44px;min-height:44px;border-radius:50%;background:var(--panel);display:grid;place-items:center}.full{background:#151515;color:#fff;padding:12px}.full .closebutton{background:#303030;color:#fff}.full-image{display:block;max-width:100%;height:auto;max-height:75svh;object-fit:contain;margin:10px auto}.full .sheet-head{position:sticky;top:0}#share-status{margin-top:14px;font-size:16px}
/* Gemensam bildscen, tydliga kontroller och lugn stegvis styrning. */
body{--bg:#171c19;--ink:#f7f8f1;--muted:#c7cdc3;--accent:#e5eed8;--panel:#2c352e;--line:#58675b;background:#242a26}.app{container-type:inline-size}.primary{color:#202b22}.navlink,.back,.homebutton,.textbutton{color:var(--ink)}.destructive{color:#ffbdb3}.header-title{min-width:0;text-align:center}.brand-dot{display:none}.context{color:var(--muted)}
body[data-page=home] .app{position:relative;isolation:isolate;min-height:100svh;display:flex;flex-direction:column}body[data-page=home] header{position:relative;z-index:1;color:#fff}body[data-page=home] main{display:flex;flex:1;flex-direction:column;min-height:660px}body[data-page=home] .navlink{background:#1c2922d9;border:1px solid #ffffff45;border-radius:24px;padding:8px 15px;color:#fff}.home-photo{position:absolute;inset:0;z-index:-1;margin:0}.home-photo .photo{height:100%;border-radius:0}.home-photo .photo img{object-fit:cover;object-position:center}.home-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(#111b 0%,#1114 33%,transparent 46%,#1115 69%,#111e 100%)}.home-photo .image-label{display:none}.home-intro{padding-top:20px}.home-intro h1{font-size:44px;letter-spacing:-1.7px;color:white}.home-intro h1 em{color:#f5f2e9}.home-intro p{color:#f5f4ed;max-width:290px}.home-actions{margin-top:auto;padding-top:190px;padding-bottom:18px}.home-actions .primary{box-shadow:0 4px 18px #0002}.home-actions .textbutton{color:white}nav{position:relative;bottom:auto;background:#26352ded;border-color:#ffffff40}nav button{color:#e3e8dc}nav button.active{background:var(--accent);color:#202b22}
.style-card{border-radius:22px}.style-copy b{font-size:17px}.style-copy>span{font-size:15px}.style-card.selected{border:2px solid var(--accent)}.tick{color:#202b22;border-color:#fff}.start-actions{position:static}.chosen{font-size:16px}.style-copy{overflow-wrap:anywhere}.result-heading{padding-top:8px}.result-heading h1{font-size:31px}.result-photo{height:460px;width:100%;margin:0;border-radius:0;background:#101510}.result-photo img{object-fit:contain}.image-label{background:#f4f6ee;color:#243025}.result-controls{padding-top:18px}.segment{max-width:250px;margin:0 auto 18px}.segment button[aria-pressed=true]{background:var(--accent);color:#202b22}.result-controls .primary{margin-bottom:4px}.result-note{margin-top:16px}.result-tools,.quiet-tools{display:flex;gap:8px;margin:8px 0}.result-tools button,.quiet-tools button{flex:1;width:auto;font-size:16px}.result-tools .secondary{margin-top:0}.room-image{height:270px}.room-card{border:1px solid #ffffff12}.room-info>span{font-size:16px}.status-pill{font-size:17px}.waiting-photo{height:370px}.waiting-photo:after{border-width:1px}.wait-note b{font-size:20px}dialog{border-radius:28px;max-height:85svh;overflow:auto;margin:auto auto max(12px,env(safe-area-inset-bottom));box-shadow:0 12px 70px #0005}dialog h2{margin-top:6px}.sheet-head{position:sticky;top:0;background:var(--bg);z-index:1;padding-bottom:4px}dialog .textbutton{margin-top:8px}.full{margin:auto;background:#101310}.full .sheet-head{background:#101310}.full-image{max-height:78svh}.versions{margin-top:18px}.version-row,.version-card{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:var(--panel);border:1px solid var(--line);width:100%;margin-top:10px;text-align:left;min-height:70px}.version-row img,.version-card img{width:58px;height:70px;object-fit:cover;border-radius:10px}.version-row button{min-height:44px}.favorite-button[aria-pressed=true]{background:var(--accent);color:#202b22}.edit-photo,.edit-target{position:relative;width:100%;height:360px;padding:0;border:0;background:#101510;border-radius:22px;overflow:hidden;display:block}.edit-photo img,.edit-target img{height:100%;width:100%;object-fit:contain}.edit-pin,.place-pin{position:absolute;border:3px solid white;background:#1c3e2da8;width:36px;height:36px;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #ffffff3b;pointer-events:none}.edit-pin:after,.place-pin:after{content:'+';font-size:24px;line-height:28px;color:white}.edit-content label,.instruction-label{display:block;font-weight:600;margin:20px 0 10px}textarea{display:block;width:100%;min-height:112px;resize:vertical;font:inherit;font-size:17px;line-height:1.45;border:1px solid var(--line);border-radius:16px;padding:14px;background:var(--panel);color:var(--ink)}textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.edit-content .primary{margin-top:16px}.edit-hint{font-size:16px;margin:12px 0}.result-photo.reveal img{animation:reveal .2s ease-out}@keyframes reveal{from{opacity:.3}to{opacity:1}}
/* A Nära: den accepterade scenens lugna, mörka bildstudio. */
.theme-a .home-actions .primary{border-radius:22px}.theme-a .home-intro h1{font-weight:600}.theme-a .home-intro p{font-size:18px}.theme-a .result-heading p{letter-spacing:.02em}
/* B Mjukt: personlig varm ton i samma stora bildscen. */
.theme-b{--bg:#26221f;--ink:#fff7ed;--muted:#d3c8bc;--accent:#fae8cd;--panel:#3b332b;--line:#796b5d;background:#302b25}.theme-b .brand{font-family:Newsreader,Georgia,serif;font-size:30px;font-weight:400}.theme-b h1{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.6px;font-size:41px}.theme-b .home-intro h1{font-size:49px;letter-spacing:-1px}.theme-b .home-intro h1 em{font-style:italic}.theme-b .home-photo:after{background:linear-gradient(#291b16aa,transparent 44%,#2b1e1666 73%,#241b15f2)}.theme-b[data-page=home] .navlink{background:#33271ee8}.theme-b .primary{color:#352b21;border-radius:28px}.theme-b .secondary{border-radius:22px}.theme-b nav{background:#3a2e24ec}.theme-b nav button.active,.theme-b .segment button[aria-pressed=true]{color:#352b21}.theme-b .style-grid{grid-template-columns:1fr}.theme-b .style-card{display:flex;align-items:center;border-radius:22px}.theme-b .style-image{width:115px;height:110px;flex-shrink:0}.theme-b .style-copy{padding:16px}.theme-b .style-copy b{font-size:18px}.theme-b .result-heading h1{font-size:35px}.theme-b .room-image{height:290px}.theme-b .edit-photo{border-radius:20px}
/* C Klart: tydlig systemtypografi och blå handlingar över bildscenen. */
.theme-c{--bg:#161b23;--ink:#f7f9ff;--muted:#c5ccda;--accent:#c9e0ff;--panel:#293344;--line:#59687b;background:#252d3a}.theme-c .primary{background:#dceaff;color:#10365b;border-radius:18px}.theme-c .home-intro h1{font-size:39px;letter-spacing:-1.3px}.theme-c .home-intro{padding-top:16px}.theme-c .home-photo:after{background:linear-gradient(#0d162bdd 0%,#0d162b55 29%,transparent 44%,#101c2d44 68%,#111a2bee)}.theme-c[data-page=home] .navlink{background:#203248e8}.theme-c nav{background:#233248ed}.theme-c nav button.active{color:#10365b}.theme-c .style-card{border-radius:16px}.theme-c .style-image{height:145px}.theme-c .style-copy{padding:14px 10px}.theme-c .result-heading h1{font-size:28px}.theme-c .result-heading p{font-size:17px}.theme-c .result-photo{height:490px}.theme-c .room-card{border-radius:20px}.theme-c .room-image{height:250px}
@media(min-width:700px){body{padding:28px}.app{border-radius:32px;overflow:clip;min-height:calc(100svh - 56px);box-shadow:0 20px 70px #0003}body[data-page=home] .app{min-height:calc(100svh - 56px)}}
@media(max-height:720px){body[data-page=home] main{min-height:490px}.home-actions{padding-top:145px}.home-intro h1,.theme-b .home-intro h1{font-size:39px}.confirm-photo{height:260px}.result-photo,.theme-c .result-photo{height:360px}.waiting-photo{height:290px}.edit-photo,.edit-target{height:300px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){body{--muted:#f3f4f0;--line:#bbc4bb}.style-card{border-width:3px}nav{backdrop-filter:none;background:var(--panel)}}
@media(prefers-reduced-transparency:reduce){nav{backdrop-filter:none;background:var(--panel)}dialog::backdrop{backdrop-filter:none;background:#000b}}
@container(max-width:340px){.style-grid{grid-template-columns:1fr}.style-copy b{font-size:17px}.style-copy>span{font-size:16px}.theme-b .style-image{width:95px}.content,.result-controls{padding-left:16px;padding-right:16px}.header-title,.back{font-size:14px}header{padding-left:16px;padding-right:16px}.home-intro h1,.theme-b .home-intro h1,.theme-c .home-intro h1{font-size:36px}.result-tools,.quiet-tools{flex-wrap:wrap}.result-heading h1{font-size:28px}}
.edit-photo{height:auto;aspect-ratio:auto}.edit-photo img{height:auto;width:100%;display:block}.place-status{margin:12px 0 16px;font-size:16px}.result-tools .textbutton{min-width:0;line-height:1.35}.version-card{display:flex;flex-direction:column;align-items:stretch;padding:12px}.version-card>.photo{height:180px}.version-open{border:0;background:none;color:inherit;padding:0;text-align:left;display:grid;grid-template-columns:70px 1fr;column-gap:14px;align-items:center;min-height:90px}.version-open .photo{grid-row:span 2;height:86px;border-radius:12px}.version-open .photo img{height:100%;width:100%;object-fit:cover}.version-open span{font-size:15px;color:var(--muted)}.version-card>button.textbutton{margin:4px 0 0}.demo-note{font-size:15px;margin:14px 0}
/* Scenens förhandsvisning fyller bredden. Helbild öppnar hela fotot. */
.result-photo img{object-fit:cover;object-position:50% 56%}.theme-b .result-photo{height:auto;aspect-ratio:390/545}.theme-b .result-photo img{height:100%;object-fit:cover;object-position:50% 60%}.theme-c .result-photo{height:430px}.result-photo .image-label{bottom:16px;left:20px}
@media(max-height:720px){.result-photo,.theme-c .result-photo{height:340px}.theme-b .result-photo{height:380px;aspect-ratio:auto}}
/* Hela fotot i före/efter, samma ram utan beskärning. */
.result-photo,.theme-b .result-photo,.theme-c .result-photo{height:auto;aspect-ratio:auto}.result-photo img,.theme-b .result-photo img,.theme-c .result-photo img{width:100%;height:auto;object-fit:contain;display:block}.version-card> .photo{height:100px;width:80px}.version-card[data-action=original]{display:grid;grid-template-columns:80px 1fr;gap:16px;align-items:center;min-height:120px}.version-card[data-action=original]>.photo img{width:100%;height:100%;object-fit:cover}.version-card[data-action=original]>b{font-size:17px}
/* Runda04 bevarar Nära: tre olika sätt att ge bilden och nästa steg plats. */
.result-next,.result-change{min-width:0}.result-next .primary{margin:0}.result-tools{margin-bottom:0}.style-card{border-radius:20px}.style-copy b{font-size:17px}.style-copy>span{font-size:15px}.style-card.selected .style-copy:after{content:'Vald';color:var(--accent);font-weight:600;font-size:15px}.selected .tick{width:30px;height:30px}.result-photo img{object-fit:contain}.result-note{font-size:15px}.result-photo{position:relative}
/* A Fortsätt: hela bildens naturliga format, en nåbar nästa handling. */
.direction-a[data-page=result] .app{padding-bottom:100px}.direction-a .result-next{position:fixed;bottom:0;width:min(100%,520px);left:50%;transform:translateX(-50%);padding:14px 24px max(18px,env(safe-area-inset-bottom));background:#171c19f2;backdrop-filter:blur(18px);border-top:1px solid #ffffff20;z-index:3}.direction-a .result-change .secondary{margin-top:16px}.direction-a .result-controls{padding-bottom:24px}.direction-a .style-grid{grid-template-columns:1fr}.direction-a .style-card{display:flex;align-items:center}.direction-a .style-image{width:106px;height:112px;flex-shrink:0}.direction-a .style-copy{padding:14px}.direction-a .style-copy>span{font-size:16px}.direction-a .style-copy:after{margin-top:3px}
/* B Överblick: allt foto synligt, jämförelse och nästa steg tillsammans. */
.direction-b .result-heading{padding-top:4px;padding-bottom:8px}.direction-b .result-heading h1{font-size:28px;margin:4px 0}.direction-b .result-photo{height:clamp(300px,49svh,440px);aspect-ratio:auto}.direction-b .result-photo img{height:100%;width:100%;object-fit:contain}.direction-b .result-controls{padding-top:12px}.direction-b .segment{margin-bottom:12px}.direction-b .result-note{margin:0 0 12px}.direction-b .result-change .secondary{margin-top:10px}.direction-b .style-grid{gap:12px}.direction-b .style-image{height:120px}.direction-b .style-copy{padding:14px 10px;min-height:135px}.direction-b .style-copy b{font-size:17px}.direction-b .style-copy:after{margin-top:auto}.direction-b .result-tools{margin:4px 0}
/* C Bildrummet: helbild i stadig scen med samlade nedre kontroller. */
.direction-c[data-page=result] .app{min-height:100svh;display:flex;flex-direction:column}.direction-c[data-page=result] main{display:flex;flex:1;flex-direction:column}.direction-c .result-content{flex:1;display:flex;flex-direction:column}.direction-c .result-heading{padding-top:0;padding-bottom:4px}.direction-c .result-heading p{font-size:16px}.direction-c .result-heading h1{font-size:25px;margin:4px 0 8px}.direction-c .result-photo{height:clamp(330px,53svh,500px);flex:1;min-height:330px;aspect-ratio:auto}.direction-c .result-photo img{height:100%;width:100%;object-fit:contain}.direction-c .result-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px 20px 24px;margin-top:auto;background:#202922;border-top:1px solid #ffffff14}.direction-c .segment{grid-column:1/-1;margin:0 auto 0;width:210px}.direction-c .result-note{grid-column:1/-1;font-size:14px;margin:0}.direction-c .result-next{grid-column:1/-1}.direction-c .result-change{grid-column:1/-1}.direction-c .result-change .secondary{margin-top:0;background:#344238}.direction-c .result-tools{grid-column:1/-1;margin:0}.direction-c .result-tools button{font-size:15px}.direction-c .style-grid{grid-template-columns:1fr}.direction-c .style-card{display:grid;grid-template-columns:130px 1fr;align-items:center}.direction-c .style-image{height:130px}.direction-c .style-copy{padding:16px}.direction-c .style-copy b{font-size:18px}
@media(min-width:700px){.direction-a .result-next{bottom:28px;width:520px;border-radius:0 0 30px 30px}.direction-c[data-page=result] .app{min-height:calc(100svh - 56px)}}
@media(max-height:720px){.direction-b .result-photo{height:300px}.direction-c .result-photo{height:320px;min-height:320px}.direction-a .result-next{padding-top:10px;padding-bottom:12px}}
@container(max-width:340px){.direction-a .style-card,.direction-c .style-card{display:flex;flex-direction:column;align-items:stretch}.direction-a .style-image,.direction-c .style-image{width:100%;height:155px}.direction-b .style-copy{min-height:0}.direction-a .result-next{padding-left:16px;padding-right:16px}}
@media(prefers-reduced-transparency:reduce){.direction-a .result-next{background:#171c19;backdrop-filter:none}}
/* C låter inte flexinnehållets naturliga höjd skjuta kontrollerna nedåt. */
.direction-c .result-photo{flex:none;height:clamp(300px,44svh,420px);min-height:0}.direction-c .result-next,.direction-c .result-change{grid-column:auto}.direction-c .result-next button,.direction-c .result-change button{font-size:16px;min-height:72px;padding:12px}.direction-c .result-controls{margin-top:0}.direction-c .result-note{font-size:14px}
@media(max-height:720px){.direction-c .result-photo{height:300px;min-height:0}}
@container(max-width:340px){.direction-c .result-next,.direction-c .result-change{grid-column:1/-1}.direction-c .result-next button,.direction-c .result-change button{min-height:56px}}
.direction-a .result-heading .segment{margin:12px 0 4px;max-width:210px}.direction-a .result-heading .segment button{font-size:16px}.direction-a[data-page=result] .result-heading{padding-bottom:12px}
/* Reserverad kontrollzon i A: bildinnehållet rullar ovanför knappen. */
.direction-a[data-page=result] .app{height:100svh;min-height:0;display:flex;flex-direction:column;padding-bottom:100px}.direction-a[data-page=result] header{flex:none}.direction-a[data-page=result] main{flex:1;min-height:0;overflow-y:auto;scroll-padding-bottom:20px}.direction-c .result-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.direction-c .result-controls>*{min-width:0}.direction-c .segment{width:min(100%,210px)}
@media(min-width:700px){.direction-a[data-page=result] .app{height:calc(100svh - 56px)}}
@container(max-width:260px){header .header-title{display:none}header{gap:4px}.result-heading h1{font-size:27px}.direction-a .result-heading .segment{max-width:100%}.direction-c .result-controls{padding-left:16px;padding-right:16px}.result-tools{flex-direction:column;align-items:stretch}.direction-a .result-next{padding-left:16px;padding-right:16px}}
/* Även förstorad sida håller ark och fasta zoner inom synlig höjd. */
dialog{max-height:calc(var(--viewport-height,100svh) * .85)}.full-image{max-height:calc(var(--viewport-height,100svh) * .7)}.direction-a[data-page=result] .app{height:var(--viewport-height,100svh)}
@media(min-width:700px){.direction-a[data-page=result] .app{height:calc(var(--viewport-height,100svh) - 56px)}}
/* Alla riktningar utgår från accepterade Fortsätt. Samma stilrader och stora foto. */
.direction-a[data-page=result] .app{padding-bottom:146px}.direction-a .result-next{padding-bottom:max(12px,env(safe-area-inset-bottom))}.dock-tools{display:flex;gap:8px;justify-content:center;padding-top:6px}.dock-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;border:0;border-radius:16px;background:none;color:var(--ink);font-size:16px;font-weight:500;line-height:1.3;flex:1}.dock-link:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.dock-link:hover{background:#ffffff0a}.below-picture .textbutton{max-width:210px;margin:0 auto}.result-note{margin-bottom:8px}.proposal-preview{display:flex;align-items:center;gap:18px;padding-bottom:20px}.proposal-preview>.photo{width:94px;height:125px;border-radius:16px;flex-shrink:0}.proposal-preview img{object-fit:cover}.proposal-preview h2{margin:5px 0}.proposal-preview span{font-size:16px;color:var(--muted)}.proposal-preview .textbutton{min-height:44px;text-align:left;width:auto;font-size:16px;padding:8px 0}.actions-sheet .primary,.proposal-sheet .primary{margin-bottom:6px}.version-open[aria-current=true]{border:1px solid var(--accent)}
.choice-b .dock-tools{border-top:1px solid #ffffff18;margin-top:8px;padding-top:4px}.choice-b .dock-link+.dock-link{border-left:1px solid #ffffff18;border-radius:0}.choice-b .dock-link{font-size:17px}.choice-c .dock-link{background:#ffffff08;border:1px solid #ffffff1a;margin-top:3px}.choice-c .dock-tools{padding-top:5px}
@container(max-width:260px){.proposal-preview{gap:12px}.proposal-preview>.photo{width:70px;height:98px}.dock-link{padding-left:6px;padding-right:6px;font-size:15px}.choice-b .dock-link{font-size:15px}.proposal-preview h2{font-size:22px}}
@media(prefers-reduced-transparency:reduce){.direction-a .result-next{background:#171c19;backdrop-filter:none}}
dialog{container-type:inline-size}.proposal-preview>div:last-child{min-width:0}.proposal-preview h2,.proposal-preview .textbutton{overflow-wrap:anywhere}
@container(max-width:220px){.proposal-preview{flex-direction:column;align-items:stretch;gap:12px}.proposal-preview>.photo{width:80px;height:105px}.proposal-preview .textbutton{width:100%;text-align:left;justify-content:flex-start}}
.version-card,.version-open,.version-open b,.version-open span{min-width:0;overflow-wrap:anywhere}
@container(max-width:220px){.version-card[data-action=original]{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.version-open{display:flex;flex-direction:column;align-items:stretch;gap:8px}.version-open .photo{width:80px;height:100px}.version-card .textbutton{padding-left:0;padding-right:0}}
/* Runda06: rummet är en hel scen, B:s handlingar finns kvar. */
body[data-page=result] .app{position:relative;isolation:isolate;height:var(--viewport-height,100svh);min-height:0;display:flex;flex-direction:column;padding-bottom:var(--dock-height,198px);overflow:hidden}body[data-page=result] header{position:absolute;top:0;left:0;right:0;z-index:2;min-height:58px;padding-top:calc(6px + env(safe-area-inset-top));padding-bottom:6px;background:linear-gradient(#141c18f2,#141c18bd,transparent);color:#fff}body[data-page=result] header .header-title{display:none}body[data-page=result] header button{color:#fff}body[data-page=result] main{flex:1;min-height:0;overflow:hidden;display:flex}.result-content{position:relative;isolation:isolate;width:100%;height:100%;min-height:0}.result-heading{position:absolute;top:58px;left:0;right:0;z-index:2;pointer-events:none;padding:12px 24px 28px;background:linear-gradient(#172019b8,transparent)}.result-heading p{font-size:16px;color:#fff;margin:0 0 5px;text-shadow:0 1px 8px #000}.result-heading h1{color:#fff;font-size:27px;line-height:1.15;margin:0;max-width:300px;text-shadow:0 1px 12px #000}.result-photo{position:absolute;inset:0;height:100%!important;width:100%;margin:0;border-radius:0;background:#111a14;padding:0;border:0;overflow:hidden}.result-photo img.main-image{height:100%;width:100%;object-fit:contain;object-position:center}.result-photo .image-label{z-index:5;left:18px;bottom:14px;background:#162219df;color:white;border:1px solid #ffffff40;font-size:14px;pointer-events:none}.result-next{z-index:4;padding:10px 20px max(12px,env(safe-area-inset-bottom))!important;border-top:1px solid #ffffff22;background:#171c19!important;backdrop-filter:none!important}.comparison-row{display:flex;gap:10px;align-items:center;margin-bottom:10px}.comparison-row .segment{width:170px;flex:1;min-width:0;margin:0!important;max-width:190px;padding:3px;border-radius:15px}.segment button{font-size:16px;min-height:44px;padding:8px 12px}.replay-button{flex:1;border:0;background:none;color:var(--ink);min-height:48px;padding:6px;font-size:15px;line-height:1.3;text-align:center;cursor:pointer;border-radius:14px}.replay-button:focus-visible{outline:3px solid var(--accent)}.result-next .primary{min-height:56px}.dock-tools{margin-top:8px!important;padding-top:4px!important;border-top:1px solid #ffffff18}.dock-link{font-size:17px}.dock-link+.dock-link{border-left:1px solid #ffffff18;border-radius:0}.dock-link{overflow-wrap:anywhere}
@media(min-width:700px){body[data-page=result] .app{height:calc(var(--viewport-height,100svh) - 56px)}.result-next{bottom:28px!important}}
@container(max-width:260px){.comparison-row{gap:4px}.comparison-row .segment{width:auto}.segment button{padding:8px 4px;font-size:14px}.replay-button{font-size:14px}.result-heading h1{font-size:23px}.result-heading{padding-left:16px;padding-right:16px}.result-next{padding-left:12px!important;padding-right:12px!important}.dock-link{font-size:15px;padding:6px}}
@media(prefers-reduced-motion:reduce){.result-photo.reveal img{animation:none!important}}
/* Bildens lager hålls under rubrik och den reserverade kontrollzonen. */
.direction-a[data-page=result] .app{padding-bottom:var(--dock-height,198px)}.result-photo{position:absolute!important;z-index:0}.result-heading{z-index:2}.result-photo .image-label{bottom:12px;left:16px}
@container(max-width:260px){.comparison-row{flex-direction:column;align-items:stretch;gap:4px}.comparison-row .segment{width:100%;max-width:none;flex:none}.comparison-row .replay-button{width:100%;min-height:44px;flex:none}.result-heading{top:54px;padding-top:8px;padding-bottom:12px}.result-heading h1{font-size:20px}.result-heading p{font-size:14px;margin-bottom:3px}}

.brand{display:inline-flex;align-items:center;gap:9px}.brand-symbol{width:28px;height:28px;display:block;filter:brightness(0) invert(1)}

/* Personlig åtkomst följer rummens stora och lugna kontroller. */
form input:not([type=checkbox]){display:block;width:100%;min-height:56px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);font:inherit;font-size:18px;padding:14px;margin-bottom:22px}form input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}form .primary{margin-top:20px}form [role=alert]{margin-top:20px;color:#ffbdb3}.show-password{display:flex;align-items:center;gap:12px;min-height:48px;margin:12px 0}.show-password input{width:24px;height:24px}.photo-info{font-size:16px}.home-photo .image-label{display:block;bottom:125px;font-size:13px;background:#162219dd;color:white}.primary:disabled,button:disabled{opacity:.55;cursor:wait}

/* Stor sidzoom ger bilden och handlingarna varsin rullbar plats. */
body.large-ui[data-page=result] .app{height:auto;min-height:var(--viewport-height,100svh);padding-bottom:0;display:block;overflow:visible}body.large-ui[data-page=result] header{position:relative}body.large-ui[data-page=result] main{display:block;height:auto;overflow:visible}body.large-ui .result-content{height:auto;display:flex;flex-direction:column}body.large-ui .result-heading{position:relative;top:auto;flex:none;padding:12px 16px;background:none}body.large-ui .result-photo{position:relative!important;inset:auto;flex:none;height:300px!important}body.large-ui .result-photo img.main-image{height:100%;object-fit:contain}body.large-ui .result-next{position:relative!important;left:auto;bottom:auto!important;transform:none;width:100%;flex:none}body.large-ui .result-photo .image-label{font-size:14px}.large-ui .dock-link{overflow-wrap:normal}

/* Arbete syns i både väntan och albumet utan påhittad motorprogress. */
.work-mark{display:inline-block;width:20px;height:20px;flex:0 0 20px;border:2px solid #e6f0d84d;border-top-color:#e6f0d8;border-radius:50%;position:relative}
.work-mark.is-working{animation:work-turn 1.3s linear infinite}
.work-mark.is-queued{border-color:#e6f0d88c}
.work-mark.is-queued:after{content:'';position:absolute;left:8px;top:3px;width:5px;height:6px;border-left:2px solid #e6f0d8;border-bottom:2px solid #e6f0d8}
.status-pill{gap:10px;color:var(--ink);font-size:17px;font-weight:500}
.room-image{display:block}
.room-work-status{position:absolute;left:12px;bottom:12px;max-width:calc(100% - 24px);display:flex;align-items:center;gap:10px;border:1px solid #dcead542;border-radius:16px;background:#17241af2;color:#f1f5e9;padding:11px 14px;font-size:16px;font-weight:600;line-height:1.25}
.room-complete{background:#e5efd7;color:#18221a}
.room-complete svg{width:20px;height:20px}
.room-working{border:1px solid #ddebd43b}
.room-ready .room-work-status{animation:work-arrived .4s ease-out both}
.waiting-photo.is-working:after{border:2px solid #dfecc9;animation:work-breathe 3.2s ease-in-out infinite}
@keyframes work-turn{to{transform:rotate(360deg)}}
@keyframes work-breathe{0%,100%{opacity:.25;box-shadow:inset 0 0 0 0 #dfedcb00}50%{opacity:.75;box-shadow:inset 0 0 22px 2px #dfedcb38}}
@keyframes work-arrived{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.work-mark.is-working,.waiting-photo.is-working:after,.room-ready .room-work-status{animation:none}.waiting-photo.is-working:after{opacity:.5}}

/* Ett eget önskemål är valfritt och påverkar inga tidigare idéer. */
.keep-field{margin:24px 0}.keep-field .room-label{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.keep-field .room-label span{color:var(--muted);font-size:16px;font-weight:400}.keep-field textarea{width:100%;font-size:18px;line-height:1.5;resize:vertical;min-height:92px}.keep-field .photo-info{margin-top:10px}.keep-note{overflow-wrap:anywhere;font-size:16px;line-height:1.45;text-align:left}.keep-note b,.keep-note span{display:block}.keep-note b{font-size:16px}.keep-note span{color:var(--muted);white-space:pre-wrap}

/* Ett mjukt ljusskimmer visar arbete, inte hur långt bildmotorn kommit. */
.waiting-photo.is-working:before,.room-image.is-working:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(110deg,transparent 22%,rgba(237,247,217,.05) 35%,rgba(255,249,225,.24) 49%,rgba(244,250,235,.09) 62%,transparent 77%);transform:translateX(-110%);animation:photo-glimmer 4.8s ease-in-out infinite;will-change:transform}
.waiting-photo.is-working:after{z-index:2}.room-work-status{z-index:2}
@keyframes photo-glimmer{0%,12%{transform:translateX(-110%)}72%,100%{transform:translateX(110%)}}
@media(prefers-reduced-motion:reduce){.waiting-photo.is-working:before,.room-image.is-working:before{display:none;animation:none;will-change:auto}}

/* Standardsvar först, eget rum bara när användaren väljer det. */
.custom-room{margin-top:20px}.custom-room[hidden]{display:none}.custom-room input{display:block;width:100%;min-height:56px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink);font:inherit;font-size:18px;padding:14px}.custom-room input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.custom-room p{font-size:16px;line-height:1.45;margin:10px 0 0}.room-info{min-width:0}.context span,.room-info b,.result-heading p,.wait-content>p{min-width:0;overflow-wrap:anywhere}
/* Egna önskemål: uppgiften först, foto och ljus skrivyta tillsammans. */
.intent-card{display:block;width:100%;padding:22px;text-align:left;border:1px solid #647165;background:#2c352e;border-radius:22px;margin-top:14px;min-height:125px;color:var(--ink)}.intent-card b{display:block;font-size:23px;line-height:1.25;margin-bottom:9px}.intent-card span{display:block;color:var(--muted);font-size:17px;line-height:1.45}.request-compose{padding:0}.request-scene{position:relative}.request-photo{display:block;width:100%;height:280px;padding:0;border:0;border-radius:0;background:#101510}.request-photo img{width:100%;height:100%;object-fit:contain}.request-photo-label{position:absolute;right:18px;bottom:28px;background:#172219e8;color:#f7f8f1;border:1px solid #ffffff30;border-radius:12px;padding:6px 10px;font-size:14px}.request-heading{position:absolute;left:24px;right:24px;top:8px;pointer-events:none}.request-heading h1{font-size:29px;line-height:1.2;margin:12px 0 5px;color:#fff;text-shadow:0 1px 12px #000}.request-heading>span{font-size:15px;color:#fff;text-shadow:0 1px 9px #000}.request-panel{position:relative;z-index:1;background:#e7eddf;color:#202c22;border-radius:26px 26px 0 0;border-top:1px solid #f4f8ed;margin-top:-18px;padding:17px 24px 18px}.request-panel label{font-size:17px;line-height:1.4;margin-bottom:8px}.request-panel label>span{font-size:15px;color:#53654d;font-weight:400}.request-panel textarea{display:block;width:100%;min-height:88px;padding:12px 14px;font:inherit;font-size:17px;line-height:1.4;color:#202c22;background:#f6f8f0;border:1px solid #a0af9c;border-radius:16px;resize:vertical}.request-panel textarea::placeholder{color:#60725e;opacity:1}.request-panel .request-example{color:#4b6047;font-size:14px;line-height:1.45;margin:8px 0}.request-panel .request-help{color:#425444;font-size:14px;line-height:1.4;margin:8px 0 10px}.request-style{display:grid;grid-template-columns:auto minmax(0,1fr) auto;container-type:inline-size;gap:12px;align-items:center;width:100%;min-height:66px;padding:10px 13px;background:#f4f7ed;border:1px solid #b4c2aa;border-radius:16px;color:#202c22;text-align:left;margin:6px 0}.request-style-icon{font-size:26px;width:32px;color:#53654d}.request-style small{display:block;font-size:13px;color:#53654d;margin-bottom:2px;line-height:1.4}.request-style b{display:block;font-size:16px;line-height:1.4}.request-style>span:last-child{font-size:28px;color:#53654d}.request-keep{margin-top:4px}.request-keep>summary{cursor:pointer;min-height:44px;padding:10px 0;font-size:14px;line-height:1.45}.request-keep>summary small{font-size:13px;color:#53654d}.request-keep .keep-field{margin:8px 0 14px}.request-keep .photo-info{color:#425444;font-size:14px}.request-summary{background:#dce5d1;color:#384e35;border-left:1px solid #6b835a;border-radius:0 14px 14px 0;padding:10px 12px;font-size:14px;line-height:1.4;margin:8px 0}.request-summary b,.request-summary span{display:block;overflow-wrap:anywhere}.request-summary span{margin-top:4px;white-space:pre-wrap}#request-error{font-size:16px;color:#8e271f;margin:10px 0}#request-error:empty{display:none}.request-panel>.primary{background:#29412b;color:#f4f8ee;min-height:54px;margin-top:0}.request-panel>.textbutton{color:#324e32;min-height:44px;padding:8px 0;margin:0;font-size:14px}.request-panel .request-privacy{font-size:14px;line-height:1.45;color:#425444;margin:12px 0 0}.request-panel :focus-visible{outline:3px solid #294c2b;outline-offset:4px}.request-style-sheet .style-grid>.secondary{grid-column:1/-1}.request-style-sheet .secondary[aria-pressed=true]{border:2px solid var(--accent)}dialog{max-height:min(85svh,calc(var(--viewport-height,100svh) - 24px))}.full-image{max-height:calc(var(--viewport-height,100svh) - 100px)}@container(max-width:230px){.request-style>.request-style-icon{display:none}.request-style>span:nth-child(2){grid-column:1/3}.request-style>span:last-child{grid-column:3}}@media(max-width:340px){.request-photo{height:250px}.request-panel{padding-left:18px;padding-right:18px}.request-heading{left:18px;right:18px}}body.large-ui .request-photo{height:230px}body.large-ui .request-heading h1{font-size:24px}.request-panel{overflow-wrap:anywhere}.request-style>span:nth-child(2){min-width:0;overflow-wrap:normal}@media(max-height:560px){.request-photo{height:130px}.request-heading h1{font-size:24px}.request-photo-label{display:none}}body.request-keyboard .request-photo{height:130px}body.request-keyboard .request-heading h1{font-size:24px}body.request-keyboard .request-photo-label{display:none}
.request-panel .keep-field .room-label span{color:#53654d}
.request-style-thumb{width:42px;height:44px;object-fit:cover;border-radius:9px;grid-column:1;grid-row:1}.request-style b{font-size:17px}.request-keep>summary{font-size:15px}@container(max-width:230px){.request-style>.request-style-thumb{display:none}.request-style>span:nth-child(2){grid-column:1/3}}

.request-panel .request-processor{font-size:14px;line-height:1.4;color:#425444;margin:0 0 8px}
/* Radering finns intill rätt rum, utanför själva öppningsknappen. */
.room-entry{min-width:0}.room-delete{display:block;margin:4px 0 0 auto;min-height:48px;padding:10px 12px;border:0;border-radius:12px;background:none;font:inherit;font-size:16px;line-height:1.4;text-align:right;max-width:100%;overflow-wrap:anywhere}.room-delete:focus-visible{outline:3px solid var(--accent);outline-offset:1px}.room-delete:disabled{color:var(--muted);opacity:1;cursor:default}