:root{--blue:#153aba;--ink:#102c70;--cream:#faf7f0;--pink:#edc5cf;--yellow:#ffd52a;--line:#193b7d24;color:var(--ink);background:var(--cream);font-synthesis:none;font-family:DM Sans Variable,sans-serif}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid var(--blue);outline-offset:4px}button{border:0}button[hidden],[hidden]{display:none!important}.skip{z-index:20;background:var(--yellow);padding:14px;position:fixed;top:-80px;left:20px}.skip:focus{top:10px}.studio-header{border-bottom:1px solid var(--line);align-items:center;gap:38px;height:92px;padding:0 4vw;display:flex}.studio-logo{letter-spacing:-1.8px;color:var(--blue);font-family:Outfit Variable,sans-serif;font-size:29px;font-weight:800;line-height:.74}.studio-logo span{color:#ec3426}.back-link{font-size:13px}.studio-tag{align-items:center;gap:12px;margin-left:auto;font-size:12px;display:flex}.studio-tag i{background:var(--blue);border-radius:50%;width:9px;height:9px}main{max-width:1600px;margin:auto;padding:36px 4vw 65px}.studio-intro{justify-content:space-between;align-items:end;margin-bottom:29px;display:flex}.eyebrow{font-size:12px}h1{letter-spacing:-3px;color:var(--blue);margin:9px 0 0;font-family:Outfit Variable,sans-serif;font-size:clamp(42px,5vw,76px);font-weight:650;line-height:1.04}h1 em{text-decoration:underline;text-decoration-color:var(--pink);text-underline-offset:8px;font-style:normal;text-decoration-thickness:8px}.studio-intro p{margin:0 0 5px;font-size:15px;line-height:1.6}.studio-layout{grid-template-columns:minmax(0,1.8fr) minmax(310px,1fr);gap:38px;display:grid}.workbench{min-width:0}.bench-toolbar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;font-size:13px;font-weight:600;display:flex}.segmented{background:#eceae4;border-radius:22px;padding:4px;display:flex}.segmented button{background:0 0;border-radius:18px;padding:8px 17px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--cream);box-shadow:0 1px 4px #0001}.canvas-stage{isolation:isolate;background:#efdeda;place-items:center;height:clamp(370px,49vw,580px);display:grid;position:relative;overflow:hidden}.studio-frame{aspect-ratio:2/3;z-index:1;background:#cfad78;width:min(65%,330px);height:auto;padding:11px;transition:padding .15s,background .15s;position:relative;box-shadow:7px 14px 24px #422e232d,inset 2px 2px 2px #fff8}.studio-frame img{object-fit:fill;width:100%;min-width:0;height:100%;min-height:0;display:block;box-shadow:inset 1px 2px 7px #0004}.canvas-stage[data-frame=black] .studio-frame{background:#272724}.canvas-stage[data-frame=none] .studio-frame{background:0 0;padding:0}.room-backdrop,.room-occlusion{display:none}.canvas-stage[data-view=room]{aspect-ratio:3/2;background:#d6c7b4;height:auto;min-height:0}.canvas-stage[data-view=room] .room-backdrop{width:100%;height:100%;display:block;position:absolute;inset:0}.canvas-stage[data-view=room] .studio-frame{width:23.5%;height:53%;padding:7px;position:absolute;top:12%;left:56%;box-shadow:4px 8px 12px #32271f40}.canvas-stage[data-view=room] .room-occlusion{z-index:2;pointer-events:none;background:url(/assets/room.webp) 50%/100% 100%;display:block;position:absolute;inset:0;mask:url(/assets/room-foreground-mask.svg) 50%/100% 100%}.version-label{background:var(--cream);z-index:3;border-radius:3px;padding:7px 11px;font-size:11px;position:absolute;bottom:18px;left:18px}.bench-footer{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:15px 0;font-size:11px;display:flex}.bench-footer button{text-underline-offset:4px;background:0 0;padding:4px 0;font-size:11px;text-decoration:underline}.bench-footer>span{color:#65718b}.bench-footer a{margin-left:auto;font-weight:600}.subheading{justify-content:space-between;align-items:center;gap:15px;margin:22px 0 14px;display:flex}.subheading h2,.suggestions h2,.saved-designs h2{margin:0;font-size:13px;font-weight:600}.subheading>span,.subheading>p{color:#65718b;font-size:11px}.version-strip{gap:12px;margin:-5px;padding:5px 5px 10px;display:flex;overflow-x:auto}.version-card{text-align:left;background:0 0;flex:0 0 72px;padding:0;font-size:10px}.version-card img{object-fit:cover;border:3px solid #0000;border-radius:3px;width:72px;height:94px;margin-bottom:8px;display:block}.version-card[aria-pressed=true] img{border-color:var(--blue)}.version-card span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.studio-controls{padding-top:1px}#edit-form>label{letter-spacing:-1px;margin:0 0 15px;font-family:Outfit Variable,sans-serif;font-size:32px;font-weight:600;display:block}#edit-form>label span{color:#ea3727}textarea{resize:vertical;width:100%;min-height:142px;max-height:300px;color:var(--ink);background:#fffaf5;border:1px solid #b2b9c9;border-radius:7px;padding:17px;font-size:15px;line-height:1.6;display:block}textarea::placeholder{color:#788095}.prompt-footer{color:#65718b;justify-content:space-between;gap:8px;margin:9px 0 18px;font-size:10px;display:flex}.create-button{background:var(--yellow);border-radius:5px;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.create-button>span:last-child{font-size:29px;font-weight:300;line-height:1}.create-button:hover:not(:disabled){background:#ffdf54}.job-status{min-height:38px;margin:11px 0 17px;font-size:12px;line-height:1.55}.job-status[data-error=true]{color:#a82c24}.job-status[data-running=true]:before{content:"";background:var(--blue);border-radius:50%;width:9px;height:9px;margin-right:8px;animation:1.2s ease-in-out infinite breathe;display:inline-block}.suggestions{border-top:1px solid var(--line);padding-top:18px}.suggestions h2{margin-bottom:10px}.suggestions button{text-align:left;background:0 0;width:100%;padding:9px 0;font-size:12px;line-height:1.4;display:block}.suggestions button:before{content:"";background:currentColor;flex:0 0 14px;width:14px;height:14px;margin-right:9px;display:inline-block;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 19 19 5M5 5h14v14' fill='none' stroke='black' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.suggestions button:hover{color:var(--blue);text-decoration:underline}.frame-options{border:0;border-top:1px solid var(--line);gap:8px;margin:20px 0 0;padding:18px 0 0;display:flex}.frame-options legend{float:left;width:100%;margin-bottom:12px;font-size:12px;font-weight:600}.frame-options button{border:1px solid var(--line);background:0 0;border-radius:4px;align-items:center;gap:7px;padding:9px 12px;font-size:11px;display:flex}.frame-options button[aria-pressed=true]{border-color:var(--blue);background:#e8ebf8}.frame-options i{border-radius:50%;width:13px;height:13px;display:block}.oak{background:#c6a16b}.black{background:#222}.none{border:1px solid #9da3b0}.studio-footnote{color:#69748a;margin-top:20px;font-size:10px;line-height:1.6}.result-notice{background:var(--blue);color:var(--cream);border-radius:4px;justify-content:space-between;align-items:center;gap:9px;margin-bottom:20px;padding:14px;font-size:12px;display:flex}.result-notice button{color:inherit;background:0 0;padding:7px 0;text-decoration:underline}.motif-shelf{border-top:1px solid var(--line);margin-top:50px;padding-top:25px}.motif-shelf h2{letter-spacing:-1px;margin-top:5px;font-family:Outfit Variable,sans-serif;font-size:32px}.motif-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;display:grid}.motif-card{text-align:left;background:0 0;min-width:0;padding:0}.motif-thumb{background:var(--motif-bg);aspect-ratio:4/5;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.motif-thumb img{object-fit:fill;width:65%;height:78%;transition:transform .18s;box-shadow:4px 8px 13px #302e2926}.motif-card:hover img{transform:translateY(-5px)}.motif-card strong{font-size:12px;display:block}.motif-card>span:last-child{color:#65718b;margin-top:4px;font-size:10px;display:block}.saved-designs{margin-top:36px}.saved-designs>div{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.saved-designs button{background:#eceae4;border-radius:4px;padding:10px 13px;font-size:12px}.saved-designs button[aria-pressed=true]{background:var(--blue);color:var(--cream)}.studio-bottom{border-top:1px solid var(--line);gap:20px;margin:0 4vw;padding:24px 0;font-size:11px;display:flex}.studio-bottom span{margin:auto}.studio-bottom a{margin-left:auto}@keyframes breathe{50%{opacity:.3}}@media (width>=1600px){.studio-layout{gap:55px}.studio-controls{max-width:440px}}@media (width<=900px){.studio-layout{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:25px}.studio-intro p{font-size:12px}.motif-grid{gap:12px}.canvas-stage{height:440px}.studio-frame{width:min(70%,260px);height:auto;max-height:none}.canvas-stage[data-view=room] .studio-frame{width:23.5%;height:53%}.bench-footer>span{display:none}}@media (width<=700px){.studio-header{gap:15px;height:78px;padding:0 22px}.studio-logo{font-size:26px}.back-link{margin-left:auto;font-size:11px}.studio-tag{display:none}main{padding:26px 20px 40px}.studio-intro{margin-bottom:23px}.studio-intro .eyebrow{font-size:10px}h1{letter-spacing:-2px;font-size:49px}.studio-intro p{display:none}.studio-layout{flex-direction:column;gap:25px;display:flex}.canvas-stage{aspect-ratio:1/1.08;height:auto}.studio-frame{width:56%;height:auto;max-height:none;padding:9px}.bench-toolbar{font-size:12px}.segmented button{padding:8px 13px}.bench-footer{gap:8px;font-size:10px}.bench-footer>span{font-size:9px;display:inline}.bench-footer a{font-size:10px}.subheading{margin-top:17px}.history-section .subheading>span{font-size:10px}.version-strip{gap:10px}.version-card{flex-basis:54px}.version-card img{width:54px;height:72px}.studio-controls{border-top:1px solid var(--line);padding-top:24px}#edit-form>label{font-size:30px}textarea{min-height:120px;font-size:16px}.job-status{min-height:0}.motif-shelf{margin-top:33px}.motif-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 12px}.motif-shelf .subheading{align-items:start}.motif-shelf .subheading p{max-width:100px;line-height:1.5}.motif-shelf h2{font-size:28px}.motif-card strong{font-size:11px}.motif-card>span:last-child{font-size:9px}.studio-bottom{margin:0 20px}.studio-bottom span{display:none}.studio-footnote{max-width:320px}}@media (width<=350px){h1{font-size:43px}.bench-footer>span{display:none}.motif-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.canvas-stage[data-frame=dark-oak] .studio-frame{background:linear-gradient(105deg,#432b20,#76523a 22%,#513625 55%,#825b3d 85%,#3b281d);box-shadow:7px 14px 24px #422e2333,inset 2px 2px 2px #b795674d}.canvas-stage[data-frame=silver] .studio-frame{background:linear-gradient(120deg,#8b9398,#e6e8e9 19%,#a7aeb3 43%,#f3f4f4 62%,#969fa5 82%,#d8dcdf);box-shadow:7px 14px 24px #24323e2b,inset 1px 1px 2px #fff}.frame-options{flex-wrap:wrap}.frame-options legend{float:none;padding:0}.frame-options .dark-oak{background:linear-gradient(110deg,#432b20,#825b3d)}.frame-options .silver{background:linear-gradient(120deg,#8d918e,#e0e2df 30%,#b9bfba 65%,#939c94);border:1px solid #a7aeb3}.canvas-stage[data-view=room][data-room] .studio-frame{left:var(--room-art-left,56%);top:var(--room-art-top,12%);width:var(--room-art-width,23.5%);height:var(--room-art-height,53%)}.canvas-stage[data-view=room][data-room]:not([data-room=living]) .room-occlusion{display:none}.room-picker{border-bottom:1px solid var(--line);padding:0 0 6px}.room-picker .subheading{align-items:baseline}.room-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:4px 3px 12px;display:grid}.room-option{text-align:left;background:0 0;min-width:0;padding:0}.room-option img{aspect-ratio:3/2;object-fit:cover;outline-offset:2px;border-radius:4px;outline:2px solid #0000;width:100%;height:auto;display:block}.room-option[aria-pressed=true] img{outline-color:var(--blue)}.room-option strong{margin-top:10px;font-size:11px;font-weight:600;display:block}.room-option span{color:#69758b;margin-top:3px;font-size:9px;line-height:1.4;display:block}#room-preview-status{color:#a82c24;margin:0 0 8px;font-size:11px}#room-preview-status:empty{display:none}@media (width<=700px){.room-picker .subheading{display:block}.room-picker .subheading>span{margin-top:5px;display:block}.room-options{scroll-snap-type:x proximity;gap:12px;display:flex;overflow-x:auto}.room-option{scroll-snap-align:start;flex:0 0 128px}}.canvas-stage[data-view][data-orientation] .studio-frame{aspect-ratio:auto;height:auto}.canvas-stage[data-view][data-orientation] .studio-frame>img{object-fit:contain;height:auto}.canvas-stage[data-view=art][data-orientation=Landscape] .studio-frame{width:min(82%, 520px, calc(76cqh * var(--art-ratio,1.5)))}.canvas-stage[data-view=room][data-room][data-orientation=Landscape] .studio-frame{width:calc(var(--room-art-width,23.5%) * 1.3);left:calc(var(--room-art-left,56%) - var(--room-art-width,23.5%) * .15);top:calc(var(--room-art-top,12%) + 10%)}.selected-print-size{color:#65718c;margin:14px 0 0;font-size:12px}.studio-browse-link{text-underline-offset:4px;font-size:13px;text-decoration:underline}.motif-thumb img{object-fit:contain}