:root{--ink:#252522;--muted:#81817b;--line:#e6e6e2;--soft:#f5f5f3}*{box-sizing:border-box}body{margin:0;font:16px Arial,Helvetica,sans-serif;color:var(--ink);background:#fcfcfb;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;padding:0 50px;border-bottom:1px solid var(--line)}header>a:first-child{font-size:27px;letter-spacing:-1px}header small{font-size:13px;letter-spacing:0}header>a:last-child:not(:first-child){font-size:14px;color:var(--muted)}nav{display:flex;gap:10px}nav button{background:none;border:0;color:#888;padding:12px 18px;border-radius:30px;font-size:14px}nav .selected{background:#efefec;color:#222}.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--muted)}h1{font-size:48px;font-weight:400;letter-spacing:-2px;line-height:1.12;margin:15px 0}h2{font-size:34px;font-weight:400;letter-spacing:-1px;margin:15px 0}p{color:var(--muted);line-height:1.65;font-size:16px}.primary,.secondary{display:inline-block;background:#252522;color:white;border:1px solid #252522;padding:15px 23px;border-radius:30px;font-size:14px;white-space:nowrap}.secondary{background:white;color:#333;border-color:#ddd}.primary:hover,.secondary:hover{opacity:.85}button:disabled{opacity:.45;cursor:not-allowed}label{display:block;font-size:14px;color:#666;margin:22px 0}input,select{display:block;width:100%;margin-top:9px;padding:14px;border:1px solid #ddd;border-radius:10px;background:white;color:#222}.auth-grid{max-width:1440px;margin:35px auto;display:grid;grid-template-columns:1.1fr 1fr;min-height:640px;padding:0 35px;gap:60px}.auth-visual{position:relative;border-radius:22px;overflow:hidden}.auth-visual img{width:100%;height:100%;object-fit:cover}.auth-visual>div{position:absolute;bottom:30px;left:30px;right:30px;background:#ffffffe8;backdrop-filter:blur(15px);padding:28px;border-radius:18px}.auth-visual h1{font-size:42px;margin-bottom:0}.auth-form{max-width:360px;width:100%;align-self:center;justify-self:center;padding:35px 0}.auth-form>p{margin-bottom:28px}.auth-form .primary{width:100%;margin-top:12px}.help{font-size:14px}.help a{border-bottom:1px solid #aaa;line-height:2.1;color:#555}footer{max-width:1440px;margin:40px auto 0;padding:30px 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px;color:#999}.workspace{max-width:1340px;margin:auto;padding:55px 40px;min-height:70vh}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px}.page-heading h1{font-size:43px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.property-card{background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;text-align:left;padding:0;color:inherit;transition:transform .2s}.property-card:hover{transform:translateY(-3px)}.cover{height:205px;background:#f0f0ec;display:flex;justify-content:center;align-items:center;color:#b0b0a7;font-size:14px}.cover img{width:100%;height:100%;object-fit:cover}.property-info{padding:23px}.property-info h3{font-size:22px;font-weight:400;letter-spacing:-.5px;margin:0 0 10px}.property-info p{font-size:14px;margin:0}.property-info>div{display:flex;justify-content:space-between;margin-top:24px;font-size:12px;color:#888}.empty{padding:80px 25px;text-align:center;background:var(--soft);border:1px solid var(--line);border-radius:22px}.empty h2{font-size:29px}.empty p{max-width:420px;margin:0 auto 25px}.usage-strip{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px;background:#f1f1ee;border-radius:15px;padding:22px 25px;font-size:14px}.usage-strip small{color:#888;display:block;margin-top:6px;font-size:12px}.notice{font-size:14px;line-height:1.7;color:#777;padding:22px;background:var(--soft);border-radius:14px;margin:25px 0}.detail-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.detail-head h2{font-size:30px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.photo{margin:0}.photo img{width:100%;height:230px;object-fit:cover;border-radius:15px}.photo figcaption{font-size:12px;color:#888;padding:10px 0;overflow-wrap:anywhere}.back{border:0;background:none;padding:0;color:#777;font-size:14px}.plan{max-width:700px;border:1px solid var(--line);border-radius:20px;padding:35px;background:white}.plan h2{margin-top:0}.plan-row{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:15px}.plan-row:last-child{border:0}.plan-row span{color:#888}.badge{font-size:12px;padding:7px 10px;border:1px solid #ddd;border-radius:20px}dialog{width:480px;max-width:calc(100% - 30px);max-height:90vh;border:1px solid #ddd;border-radius:22px;padding:30px;box-shadow:0 30px 100px #0002}dialog::backdrop{background:#2225;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center}.dialog-top h2{font-size:26px}.close{border:0;background:none;font-size:27px;color:#999}form>.primary{width:100%}#error,.form-error{color:#964036;font-size:14px}#toast{display:none;position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:15px 24px;background:#222;color:white;border-radius:30px;font-size:14px;max-width:90vw}[hidden]{display:none!important}:focus-visible{outline:2px solid #78818b;outline-offset:4px}@media(max-width:900px){.auth-grid{gap:30px;grid-template-columns:1fr 1fr}.auth-visual h1{font-size:32px}.cards,.photos{grid-template-columns:repeat(2,1fr)}header{padding:0 25px}.workspace{padding:35px 25px}.auth-form{padding:25px 15px}}@media(max-width:620px){header{height:auto;min-height:80px;padding:20px;flex-wrap:wrap}header>a:first-child{font-size:23px}nav{gap:0}nav button{padding:10px;font-size:13px}.auth-grid{display:block;padding:0 25px;margin:15px auto;min-height:0}.auth-visual{display:none}.auth-form{margin:auto;padding:50px 0}.workspace{padding:35px 20px}.page-heading{display:block}.page-heading h1{font-size:35px}.page-heading>.primary{margin-top:15px}.cards,.photos{grid-template-columns:1fr}.usage-strip,.detail-head{align-items:flex-start;flex-direction:column;gap:14px}.plan{padding:25px}.plan-row{font-size:14px}footer{padding:25px 20px;gap:20px;line-height:1.5}.empty{padding:50px 20px}}

.heading-actions,.gallery-actions{display:flex;gap:10px;flex-wrap:wrap}#gallery-dialog{width:720px}.variant-row{display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;align-items:center}.variant-row label{min-width:0}.variant-row button{padding:10px}textarea{font:12px monospace;width:100%;border:1px solid #ddd;border-radius:9px;padding:12px;resize:vertical;margin-top:10px}.gallery-actions .primary{width:auto}#installation{border-top:1px solid #ddd;margin-top:25px;padding-top:5px}#gallery-status{font-size:14px}@media(max-width:620px){.variant-row{grid-template-columns:1fr}.variant-row label{margin:8px 0}.variant-row{margin:20px 0}.heading-actions{margin-top:12px}}
#studio{margin-top:25px}.studio-top{display:flex;justify-content:space-between;align-items:center;margin:15px 0 24px}.style-picks{display:flex;gap:18px;margin-bottom:25px;overflow:auto;padding:3px}.style-option{flex:0 0 190px}.style-preview{padding:0;border:2px solid transparent;background:white;border-radius:14px;overflow:hidden;text-align:left;width:100%;color:#333}.style-preview.active{border-color:#292925}.style-preview img{width:100%;height:110px;object-fit:cover;display:block}.style-preview span{display:block;padding:12px;font-size:14px}.style-option label{font-size:12px;margin:10px 2px}.style-option input{display:inline-block;width:auto;margin:0 5px 0 0;accent-color:#333}.compare{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:20px;background:#eee}.compare>img{position:absolute;width:100%;height:100%;object-fit:cover}.original-layer{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.compare-line{position:absolute;left:var(--split);top:0;bottom:0;width:2px;background:white;pointer-events:none}.compare-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:white;font-size:23px}.compare-labels{position:absolute;top:18px;left:18px;right:18px;display:flex;justify-content:space-between;pointer-events:none}.compare-labels span{font-size:12px;color:white;background:#0007;border-radius:6px;padding:8px 12px}.compare>input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:ew-resize}.compare:focus-within{outline:3px solid #777;outline-offset:4px}.comparison-help,.demo-disclosure{font-size:13px}.demo-disclosure{color:#918374}.publish-area{margin-top:35px;border:1px solid #deded9;padding:28px;border-radius:19px;background:#f5f5f2}.publish-area h3{font-size:24px;font-weight:400;margin:14px 0}.publish-area p{font-size:14px}.publish-area label{max-width:700px}.studio-original{max-height:430px;width:100%;object-fit:contain;background:#eee;border-radius:18px}.future-styles{display:flex;gap:12px;flex-wrap:wrap;color:#999}.future-styles span{padding:12px;border:1px solid #ddd;border-radius:25px}.text-button{background:none;border:0;color:#888;font-size:13px}.originals{margin-top:35px;color:#777;font-size:14px}.originals summary{cursor:pointer;padding:15px 0}.originals .photos{margin-top:15px}#studio-error{color:#943b32}@media(max-width:620px){.compare{aspect-ratio:4/3}.style-option{flex-basis:150px}.style-preview img{height:90px}.publish-area{padding:20px}}

.generation-area{margin:30px 0;padding:28px;border:1px solid #deded9;border-radius:18px;background:white}.generation-area h3{font-size:23px;font-weight:400}.generation-styles{display:flex;gap:12px;flex-wrap:wrap}.generation-styles label{border:1px solid #ddd;border-radius:25px;padding:12px 18px;margin:0;font-size:14px}.generation-styles input{width:auto;display:inline-block;margin:0 8px 0 0;accent-color:#333}#generation-error{color:#943b32}.generation-area select{max-width:600px}
.generation-area{padding:28px;border-radius:24px;box-shadow:0 8px 35px #00000004}.generation-area h3{margin:12px 0 25px;font-size:28px;letter-spacing:-.8px}.composer{display:flex;align-items:center;gap:22px}.composer>img{width:150px;height:120px;object-fit:cover;border-radius:15px;background:#eee}.composer-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;flex:1;min-width:0}.composer label{font-size:14px;margin:0}.composer select,.composer input{width:100%;margin-top:9px}.resolution-field{max-width:195px}.resolution-field small{display:block;font-size:12px;color:#777;line-height:1.5;margin-top:7px}.style-browser{margin-top:25px;border-top:1px solid #eee;padding-top:20px}.style-browser summary{font-size:14px;cursor:pointer;list-style-position:inside}.style-browser summary span{float:right;color:#777}.style-catalog{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.catalog-card{position:relative!important;margin:0!important;padding:14px!important;border:1px solid #e5e5e5;border-radius:14px;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}.catalog-card:hover{transform:translateY(-2px);border-color:#999}.catalog-card:has(input:checked){border-color:#252525;background:#f4f4f2;box-shadow:inset 0 0 0 1px #252525}.catalog-card input{position:absolute;right:12px;top:12px;width:15px!important;margin:0!important;accent-color:#222}.catalog-card strong,.catalog-card small{display:block}.catalog-card strong{font-size:14px;font-weight:500;margin-top:12px}.catalog-card small{font-size:12px;color:#777;margin-top:5px;line-height:1.4}.palette{display:flex;width:64px;height:23px;border-radius:20px;overflow:hidden;--a:#cec8be;--b:#565653;--c:#e9e7e2}.palette i{width:33.33%;background:var(--a)}.palette i:nth-child(2){background:var(--b)}.palette i:nth-child(3){background:var(--c)}.palette-1{--a:#866c57;--b:#393a37;--c:#d7c7b4}.palette-2{--a:#e8e6e2;--b:#aba7a2;--c:#383735}.palette-3{--a:#e1d3ba;--b:#dadcd7;--c:#a4a8a5}.palette-4{--a:#bfa789;--b:#736456;--c:#dcd4c5}.palette-5{--a:#9b9d80;--b:#d1c6ae;--c:#84715a}.palette-6{--a:#4e4e50;--b:#90745b;--c:#aeb1b1}.palette-7{--a:#917355;--b:#c8b797;--c:#d9cfc0}.palette-8{--a:#9db6c3;--b:#e0d8c8;--c:#e9ebea}.palette-9{--a:#b87151;--b:#dbbc92;--c:#ddd8c7}.palette-10{--a:#7b6453;--b:#d3c7b0;--c:#a4a69a}.palette-11{--a:#b6a589;--b:#333334;--c:#dfdbd2}.generation-footer{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:24px}.generation-footer button{display:flex;align-items:center;gap:10px;width:auto}.generation-footer span{font-size:14px}#generation-mood{color:#777}.spinner{width:16px;height:16px;border:2px solid #ffffff55;border-top-color:white;border-radius:50%;animation:room-spin .9s linear infinite;display:inline-block}@keyframes room-spin{to{transform:rotate(360deg)}}.rooms-heading{display:flex;justify-content:space-between;align-items:center;margin:40px 0 20px}.rooms-heading h3{font-size:25px;letter-spacing:-.5px;font-weight:400;margin:10px 0}.rooms-heading h3 span{color:#999;font-size:18px}.rooms-heading p{font-size:14px;color:#777}.room-tabs{display:flex;gap:12px;overflow:auto;padding:3px 3px 15px}.room-card{display:flex;gap:12px;align-items:center;flex:0 0 245px;border:1px solid #ddd;border-radius:17px;background:#fff;text-align:left;padding:10px;color:#222}.room-card.active{border-color:#222;box-shadow:0 0 0 1px #222}.room-card img{width:65px;height:65px;object-fit:cover;border-radius:10px}.room-card strong,.room-card small{display:block}.room-card strong{font-size:14px;font-weight:500}.room-card small{font-size:12px;color:#777;margin-top:8px}.review-heading{display:flex;align-items:center;justify-content:space-between;margin:22px 0}.review-heading h3{font-size:23px;font-weight:400}.rooms-empty{border:1px dashed #ddd;border-radius:20px;padding:45px;text-align:center;color:#777}.rooms-empty h3{font-weight:400;color:#333}.style-option label{font-size:14px}.generation-area .help{line-height:1.6}button:disabled{cursor:default;opacity:.6}@media(max-width:900px){.composer{flex-wrap:wrap}.composer-fields{grid-template-columns:1fr}.resolution-field{max-width:none;flex:1}.style-catalog{grid-template-columns:repeat(3,minmax(0,1fr))}.rooms-heading{display:block}}@media(max-width:580px){.generation-area{padding:18px}.composer{gap:14px}.composer>img{width:95px;height:115px}.composer-fields{flex-basis:calc(100% - 110px)}.style-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.resolution-field{flex-basis:100%}.generation-footer{gap:12px}.generation-footer button{width:100%}.review-heading{gap:12px}.room-tabs{margin-right:-12px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}.catalog-card{transition:none}}

.photo-picker{display:flex;gap:10px;overflow:auto;padding:3px 3px 16px;margin-bottom:12px}.photo-pick{position:relative;flex:0 0 88px;padding:3px;background:transparent;border:1px solid #ddd;border-radius:12px;color:#333}.photo-pick img{width:80px;height:60px;object-fit:cover;display:block;border-radius:8px}.photo-pick span{display:block;padding:7px 2px 4px;font-size:13px}.photo-pick.active{border-color:#222;box-shadow:0 0 0 1px #222}.photo-pick:focus-visible{outline:2px solid #444;outline-offset:3px}.generation-info{font-size:13px;color:#888}.generation-info summary{cursor:pointer}.generation-info p{font-size:14px;margin:10px 0}.style-browser summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.style-browser summary:before{content:'+';font-size:20px}.style-browser[open] summary:before{content:'−'}.style-browser summary span{float:none;flex:1;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.workspace{padding-top:35px}.page-heading{margin-bottom:24px}.generation-area{margin-top:10px}.publish-area{padding:23px}.publish-area h3{margin-top:0}.rooms-heading{margin-top:30px}.rooms-heading h3{margin:0}.generation-area h3{margin-top:0}

.creative-heading{grid-column:1/-1;margin:14px 0 4px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.creative-heading strong{font-size:15px;font-weight:500}.creative-heading small{font-size:13px;color:#777}.palette-12{--a:#51392e;--b:#c49054;--c:#d7bfa2}.palette-13{--a:#ae9580;--b:#6b7270;--c:#ddd7ce}.palette-14{--a:#797080;--b:#374b50;--c:#cfad82}

.composer{background:#f7f7f5;border:1px solid #e8e8e5;padding:18px;border-radius:20px;gap:20px;align-items:flex-start}.composer>img{height:135px;width:145px;border-radius:13px}.composer-fields label,.field-label{font-size:13px;color:#777;font-weight:500;letter-spacing:.2px}.composer input,.composer select{height:54px;border:1px solid #e2e2de;border-radius:13px;background:#fff;padding:0 16px;box-shadow:0 2px 4px #00000003;font-size:15px}.composer select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23666' stroke-width='1.5'%3E%3Cpath d='m3 5 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center;padding-right:38px}.composer input:focus,.composer select:focus{outline:2px solid #a5a59c;outline-offset:3px}.resolution-field{min-width:180px;max-width:220px}.field-label{display:block;margin-bottom:9px}.resolution-segments{display:flex;gap:4px;padding:4px;background:#eaeae6;border-radius:14px}.resolution-segments button{flex:1;border:1px solid transparent;background:transparent;border-radius:10px;color:#777;padding:8px 12px;min-height:49px}.resolution-segments button strong{display:block;font-size:15px;font-weight:500}.resolution-segments button small{font-size:11px;margin-top:3px;white-space:nowrap}.resolution-segments button[aria-pressed=true]{background:#fff;border-color:#ddd;box-shadow:0 2px 6px #00000008;color:#222}.resolution-segments button:focus-visible{outline:2px solid #555;outline-offset:2px}.style-badge{display:inline-block;margin-top:8px;padding:4px 8px;border-radius:6px;background:#e5e4df;color:#494840;font-size:11px;letter-spacing:.2px;font-weight:500}.compare{background:#eeeee9}.compare img{transition:opacity .18s}.compare img[aria-busy=true]{opacity:.7}.photo img,.photo-pick img,.room-card img,.style-preview img{background:#eeeee9}@media(max-width:580px){.composer{padding:12px;gap:12px}.composer>img{width:80px;height:110px}.resolution-field{max-width:none;width:100%}.composer-fields{flex-basis:calc(100% - 100px)}.resolution-segments{max-width:100%}}@media(prefers-reduced-motion:reduce){.compare img{transition:none}}
/* Creative studio — room, create, compare, publish. */
.studio-open .workspace{max-width:1420px;padding-top:28px}.studio-open .page-heading{margin-bottom:22px}.studio-open .page-heading h1{font-size:32px;letter-spacing:-1px;margin:9px 0}.studio-open .detail-head{margin:16px 0 20px}.studio-open .detail-head h2{font-size:22px;margin:0 0 5px;letter-spacing:-.5px}.studio-open .detail-head p{font-size:14px;margin:0}.studio-open .originals{display:none}#studio{display:flex;flex-direction:column;gap:22px;margin-top:0}#studio-results{display:contents}.room-rail{order:0}.generation-area{order:1;margin:0;padding:16px 18px 12px;background:#fff;border:1px solid #e3e3de;border-radius:22px;box-shadow:0 8px 30px #25252206}.canvas-area{order:2}.versions-area{order:3}.publish-area{order:4;margin:0}.rail-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:0 0 13px}.rail-heading>span:last-child{font-size:14px;color:#85857e}.room-tabs{padding:2px 2px 7px;margin:0;gap:10px;scrollbar-width:thin}.room-card{flex-basis:205px;background:#f6f6f3;border-color:transparent;padding:9px;transition:background .2s,border-color .2s}.room-card:hover{background:#ededE8}.room-card.active{background:#fff;border-color:#aaa99f;box-shadow:0 2px 7px #00000008}.room-card img{width:58px;height:58px;border-radius:9px}.room-card strong{font-size:15px}.room-card small{font-size:14px;margin-top:5px}.room-add{flex:0 0 112px;display:grid;align-content:center;justify-items:center;gap:4px;background:none;border:1px dashed #c9c9c1;border-radius:16px;color:#666;font-size:14px}.room-add span{font-size:25px}.creation-bar{display:flex;align-items:center;gap:16px}.creation-bar>img{height:57px;width:57px;object-fit:cover;border-radius:11px;background:#eee}.room-name-field{margin:0;flex:1;min-width:120px;font-size:14px;color:#777}.room-name-field input{margin:5px 0 0;padding:4px 0;border:0;border-radius:0;background:none;height:27px;font-size:16px}.creation-bar .style-browser{position:relative;flex:1.3;min-width:140px;margin:0;padding:0;border:0}.creation-bar .style-browser summary{display:grid;grid-template-columns:1fr 18px;gap:6px;list-style:none;padding:6px 12px;border-left:1px solid #e9e9e3;cursor:pointer}.creation-bar .style-browser summary::-webkit-details-marker{display:none}.creation-bar .style-browser summary:before{display:none}.creation-bar .style-browser summary .field-label{grid-column:1;margin:0;font-size:14px;text-align:left;max-width:none;color:#777}.creation-bar #style-count{grid-column:1;text-align:left;max-width:100%;font-size:16px;color:#292925;display:block}.creation-bar .style-chevron{grid-column:2;grid-row:1/3;align-self:center;font-size:20px}.creation-bar .style-catalog{position:absolute;top:calc(100% + 20px);left:-180px;z-index:20;width:min(720px,85vw);max-height:480px;overflow:auto;margin:0;padding:18px;background:#fff;border:1px solid #deded7;border-radius:20px;box-shadow:0 20px 70px #26262226;grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-card small{font-size:14px}.style-badge{font-size:12px}.creation-bar .resolution-field{min-width:112px;max-width:112px}.creation-bar .field-label{font-size:14px;margin-bottom:6px}.creation-bar .resolution-segments{padding:3px;gap:2px;border-radius:10px;background:#f0f0ed}.creation-bar .resolution-segments button{min-height:30px;padding:5px 9px;font-size:14px;border-radius:7px}.creation-bar>.primary{display:flex;align-items:center;justify-content:center;gap:9px;border-radius:13px;padding:17px 20px;min-width:160px}.composer-footnote{display:flex;justify-content:space-between;gap:16px;margin-top:12px;border-top:1px solid #f0f0ec;padding-top:10px;color:#88877e;font-size:14px}.generation-info{font-size:14px;text-align:right}.generation-info p{max-width:380px;text-align:left}.generation-feedback{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px}.generation-feedback:has(#generation-progress:not(:empty)){padding:15px 0 4px}.generation-feedback p{margin:0;color:#943b32}.generation-feedback #generation-mood{color:#86867c}.canvas-area .review-heading{margin:0 0 12px}.review-heading h3{font-size:18px;margin:0}.compare{aspect-ratio:16/9;max-height:62vh;border-radius:20px;box-shadow:0 2px 10px #00000004}.compare>img{object-fit:contain;background:#eeeee9}.compare-labels span{font-size:14px;backdrop-filter:blur(8px);border-radius:8px}.compare-line span{width:40px;height:40px;box-shadow:0 2px 12px #0002}.badge{font-size:14px}.style-picks{gap:14px;margin:0;padding:3px 3px 8px;scrollbar-width:thin}.style-option{flex-basis:180px}.style-preview{border-radius:14px;border-width:2px;background:#f3f3ef;transition:border-color .2s}.style-preview img{height:100px}.style-preview.active{border-color:#55574b}.style-preview span{padding:10px;font-size:14px}.style-option label{font-size:14px;margin:10px 2px 0;color:#777}.style-option input{accent-color:#52584b}.publish-area{background:#f4f4f0;border-color:#e5e5dd;padding:20px 24px}.publish-area summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer}.publish-area summary::-webkit-details-marker{display:none}.publish-area summary strong{font-size:17px;font-weight:500;display:block}.publish-area summary small{font-size:14px;color:#828278;display:block;margin-top:5px}.publish-area summary:after{content:'+';font-size:25px;color:#777}.publish-area[open] summary:after{content:'−'}.publish-area summary .badge{margin-left:auto;background:#fff;border:0}.empty-canvas{position:relative;min-height:330px;aspect-ratio:16/8;max-height:60vh;border-radius:20px;overflow:hidden;background:#f0f0eb;display:grid;place-items:center}.empty-canvas>img{width:100%;height:100%;position:absolute;object-fit:contain}.canvas-caption{position:relative;align-self:end;text-align:center;background:#fffffff0;backdrop-filter:blur(12px);padding:22px 36px;border:1px solid #ffffff90;border-radius:18px;margin:25px;box-shadow:0 5px 25px #00000008}.canvas-caption h3{font-size:23px;font-weight:400;letter-spacing:-.5px;margin:9px 0}.canvas-caption p{font-size:14px;margin:0}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1000px){.creation-bar{flex-wrap:wrap}.creation-bar .style-catalog{left:auto;right:-120px}.creation-bar>.primary{min-width:140px}.creation-bar>img{width:48px;height:48px}.creation-bar{gap:12px}.creation-bar .resolution-field{min-width:98px;max-width:98px}.room-name-field{flex-basis:150px}.compare{max-height:none}}
@media(max-width:680px){.studio-open .workspace{padding:25px 16px}.studio-open .page-heading{margin-bottom:15px}.studio-open .detail-head{flex-direction:row;align-items:center}.detail-head .secondary{padding:11px 14px;font-size:14px}.detail-head h2{max-width:190px}.room-card{flex-basis:190px}.rail-heading>span:last-child{font-size:14px}.rail-heading .eyebrow{font-size:12px}.creation-bar{display:grid;grid-template-columns:48px minmax(0,1fr) 98px;gap:14px}.room-name-field{grid-column:2/4}.creation-bar .style-browser{grid-column:1/3;min-width:0}.creation-bar .style-browser summary{padding-left:0;border:0}.creation-bar .style-catalog{left:0;right:auto;width:calc(100vw - 68px);max-height:420px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;top:calc(100% + 10px)}.creation-bar>.primary{grid-column:1/-1;width:100%;padding:14px}.composer-footnote{font-size:14px;flex-wrap:wrap}.generation-info{text-align:left}.generation-area{padding:14px}.empty-canvas{min-height:300px}.canvas-caption{padding:18px;margin:15px}.canvas-caption h3{font-size:20px}.compare{aspect-ratio:4/3}.compare-labels{left:10px;right:10px;top:10px}.compare-labels span{font-size:12px;padding:7px}.publish-area{padding:18px}.publish-area summary{gap:10px}.publish-area summary .badge{font-size:12px}.room-tabs{margin-right:0}.style-option{flex-basis:155px}}
@media(prefers-reduced-motion:reduce){.room-card,.style-preview{transition:none}}

/* Long account details must fit small screens. */
.plan-row{align-items:flex-start}.plan-row>span{flex:1 1 40%;min-width:0}.plan-row>strong{flex:1 1 60%;min-width:0;overflow-wrap:anywhere;text-align:right}