.habitat-studio{--habitat-ink: #173228;--habitat-muted: #64716a;--habitat-paper: #f7f2e8;--habitat-card: #fffdf8;--habitat-line: rgba(23, 50, 40, .16);--habitat-moss: #476c51;--habitat-warm: #c46f3c;color:var(--habitat-ink);background:radial-gradient(circle at 85% 10%,rgba(184,139,86,.13),transparent 28rem),var(--habitat-paper)}.habitat-studio button,.habitat-studio input,.habitat-studio select{font:inherit}.habitat-studio__hero{overflow:hidden;padding:clamp(4.5rem,9vw,8rem) 0 clamp(3rem,7vw,6rem);border-bottom:1px solid var(--habitat-line)}.habitat-studio__hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:center;gap:clamp(2rem,7vw,7rem)}.habitat-studio__hero h1{max-width:13ch;margin:0 0 1.5rem;font-size:clamp(3rem,7vw,7rem);line-height:.92;letter-spacing:-.065em}.habitat-studio__hero p:last-child{max-width:38rem;color:var(--habitat-muted);font-size:clamp(1.05rem,1.6vw,1.3rem)}.habitat-studio__hero-object{position:relative;min-height:21rem;border:1px solid rgba(255,255,255,.65);border-radius:4rem 4rem 2rem 2rem;background:linear-gradient(145deg,#ffffffb8,#476c511f);box-shadow:0 3rem 8rem #1732281f;transform:perspective(50rem) rotateY(-8deg) rotateX(3deg)}.habitat-studio__hero-object:before,.habitat-studio__hero-object:after{content:"";position:absolute;top:12%;right:9%;bottom:12%;left:9%;border:1px solid rgba(23,50,40,.17);border-radius:2.3rem}.habitat-studio__hero-object:after{inset:auto 8% 8%;height:23%;border:0;border-radius:50% 40% 20% 30%;background:#6e4a2d;box-shadow:inset 0 1rem 2rem #ffffff1f}.habitat-studio__hero-object span,.habitat-studio__hero-object i,.habitat-studio__hero-object b{position:absolute;z-index:1;display:block;border-radius:999px;background:#84603b;transform-origin:bottom}.habitat-studio__hero-object span{width:13%;height:55%;left:27%;bottom:21%;transform:rotate(24deg)}.habitat-studio__hero-object i{width:10%;height:43%;left:55%;bottom:20%;transform:rotate(-42deg)}.habitat-studio__hero-object b{width:8%;height:31%;left:63%;bottom:26%;transform:rotate(42deg)}.habitat-studio__shell{padding-block:clamp(2rem,5vw,5rem) 7rem}.habitat-studio__steps{display:grid;grid-template-columns:repeat(3,1fr);max-width:56rem;margin:0 auto clamp(3rem,7vw,6rem);border:1px solid var(--habitat-line);border-radius:999px;background:#ffffff8f}.habitat-studio__steps button{min-height:3.5rem;border:0;border-radius:999px;color:var(--habitat-muted);background:transparent;cursor:pointer}.habitat-studio__steps button[aria-current=step]{color:#fff;background:var(--habitat-ink)}.habitat-studio__steps button:disabled{opacity:.45;cursor:not-allowed}.habitat-studio__steps span{margin-right:.45rem;font-variant-numeric:tabular-nums}.habitat-studio__panel,.habitat-studio__workspace{max-width:76rem;margin-inline:auto}.habitat-studio__panel>header{max-width:52rem;margin-bottom:3rem}.habitat-studio__panel h2,.habitat-studio__workspace h2{margin:0 0 1rem;font-size:clamp(2.3rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em}.habitat-studio__panel>header>p:last-child,.habitat-studio__workspace-header p:last-child{color:var(--habitat-muted);font-size:1.06rem}.habitat-studio fieldset{margin:0 0 2rem;padding:0;border:0}.habitat-studio legend{width:100%;margin-bottom:1rem;font-weight:700}.habitat-studio__choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.habitat-studio__choice-grid label,.habitat-studio__goals label{position:relative;min-height:7rem;border:1px solid var(--habitat-line);border-radius:1.25rem;background:var(--habitat-card);cursor:pointer}.habitat-studio__choice-grid input,.habitat-studio__goals input{position:absolute;opacity:0}.habitat-studio__choice-grid label>span{display:flex;height:100%;padding:1.35rem;flex-direction:column;justify-content:space-between;border:2px solid transparent;border-radius:inherit}.habitat-studio__choice-grid small{color:var(--habitat-muted)}.habitat-studio__choice-grid input:checked+span,.habitat-studio__choice-grid input:focus-visible+span{border-color:var(--habitat-moss);box-shadow:0 0 0 3px #476c511f}.habitat-studio__measurements,.habitat-studio__details,.habitat-studio__vision,.habitat-studio__usable-card,.habitat-studio__profile-note,.habitat-studio__concept{margin-bottom:2rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--habitat-line);border-radius:1.5rem;background:#ffffffa3}.habitat-studio__model-field{margin-bottom:2rem}.habitat-studio__model-field label,.habitat-studio__model-field input{display:block;width:100%}.habitat-studio__model-field input,.habitat-studio__dimension-grid input,.habitat-studio__feature-grid input,.habitat-studio__interview-grid input,.habitat-studio select{min-height:3.2rem;padding:.7rem .8rem;border:1px solid var(--habitat-line);border-radius:.8rem;color:var(--habitat-ink);background:#fff}.habitat-studio__unit-switch{display:flex;gap:1.25rem;margin-bottom:1.5rem}.habitat-studio__dimension-grid,.habitat-studio__feature-grid,.habitat-studio__interview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.habitat-studio__dimension-grid label,.habitat-studio__feature-grid label,.habitat-studio__interview-grid label{display:grid;gap:.4rem;font-weight:700}.habitat-studio__feature-grid{grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.habitat-studio__feature-grid span{display:flex;align-items:center;gap:.4rem}.habitat-studio__feature-grid input{min-width:0;width:100%}.habitat-studio__feature-grid small{color:var(--habitat-muted)}.habitat-studio__confirm{display:flex;gap:.65rem;align-items:flex-start;margin-top:1.4rem;font-weight:700}.habitat-studio__details summary{cursor:pointer;font-weight:700}.habitat-studio__details[open] summary{margin-bottom:1.5rem}.habitat-studio__vision{display:grid;gap:1rem}.habitat-studio__vision h3{margin:0}.habitat-studio__vision h3 span{color:var(--habitat-muted);font-size:.75em;font-weight:500}.habitat-studio__vision [data-habitat-photo-preview]{display:grid;grid-template-columns:8rem 1fr auto;gap:1rem;align-items:center}.habitat-studio__vision [data-habitat-photo-preview][hidden]{display:none}.habitat-studio__vision img{width:8rem;height:6rem;object-fit:cover;border-radius:.8rem}.habitat-studio__error{padding:1rem 1.2rem;border-left:4px solid #a64135;color:#6e211b;background:#fff0ed}.habitat-studio__actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem}.habitat-studio__usable-card{display:grid;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:1.25rem}.habitat-studio__usable-card div{display:grid;gap:.25rem}.habitat-studio__usable-card span{color:var(--habitat-muted);font-size:.85rem}.habitat-studio__usable-card button{border:0;color:var(--habitat-moss);background:none;text-decoration:underline;cursor:pointer}.habitat-studio__choice-grid--profiles{grid-template-columns:repeat(4,1fr)}.habitat-studio__goals{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.habitat-studio__goals legend{grid-column:1 / -1}.habitat-studio__goals label{display:flex;min-height:3.5rem;padding:1rem;align-items:center}.habitat-studio__goals label:has(input:checked){border-color:var(--habitat-moss);background:#edf4ed}.habitat-studio__goals input{position:static;margin-right:.65rem;opacity:1}.habitat-studio__profile-note{margin-top:1.5rem}.habitat-studio__profile-note span{margin-left:.7rem;color:var(--habitat-warm);font-size:.78rem;letter-spacing:.04em}.habitat-studio__workspace{max-width:92rem}.habitat-studio__workspace-header{display:flex;justify-content:space-between;gap:2rem;align-items:flex-start;margin-bottom:2rem}.habitat-studio__workspace-header>div{max-width:50rem}.habitat-studio__workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,22rem);gap:1.25rem;align-items:start}.habitat-studio__canvas-panel,.habitat-studio__inspector,.habitat-studio__inventory{border:1px solid var(--habitat-line);border-radius:1.5rem;background:var(--habitat-card)}.habitat-studio__toolbar{display:flex;justify-content:space-between;gap:1rem;padding:.8rem;border-bottom:1px solid var(--habitat-line)}.habitat-studio__toolbar>div{display:flex;flex-wrap:wrap;gap:.35rem}.habitat-studio__toolbar button,.habitat-studio__inspector button,.habitat-studio__layer-toggles button{min-height:2.75rem;padding:.55rem .75rem;border:1px solid var(--habitat-line);border-radius:.7rem;color:var(--habitat-ink);background:#fff;cursor:pointer}.habitat-studio__toolbar button[aria-pressed=true]{color:#fff;background:var(--habitat-ink)}.habitat-studio__toolbar button:disabled{opacity:.4;cursor:not-allowed}.habitat-studio__layer-toggles{display:flex;gap:1rem;padding:.8rem 1rem;border-bottom:1px solid var(--habitat-line)}.habitat-studio__stage-wrap{overflow:auto;padding:clamp(1rem,3vw,2.5rem);background:#e7e2d7}.habitat-studio__stage{--stage-zoom: 1;position:relative;width:100%;max-width:50rem;aspect-ratio:var(--stage-ratio, 1 / 1);margin:auto;overflow:hidden;border:.55rem solid #26372f;border-radius:.8rem;background:linear-gradient(180deg,#d7ebdcb3,#eee2c9d6);box-shadow:0 1.5rem 4rem #17322826;contain:layout paint;touch-action:none}.habitat-studio__stage.is-perspective{transform:perspective(80rem) rotateX(4deg) rotateY(var(--stage-orbit, -8deg))}.habitat-studio__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(23,50,40,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(23,50,40,.08) 1px,transparent 1px);background-size:10% 10%}.habitat-studio__protected-layer,.habitat-studio__piece-layer{position:absolute;top:0;right:0;bottom:0;left:0}.habitat-studio__protected-layer span{position:absolute;left:var(--zone-left);bottom:var(--zone-bottom);width:var(--zone-width);height:var(--zone-height);border:2px dashed rgba(166,65,53,.7);background:repeating-linear-gradient(135deg,rgba(166,65,53,.12),rgba(166,65,53,.12) 5px,transparent 5px,transparent 10px)}.habitat-studio__piece{position:absolute;left:var(--piece-left);bottom:var(--piece-bottom);width:max(var(--piece-width),2rem);height:max(var(--piece-height),2rem);min-width:2rem;min-height:2rem;padding:0;overflow:hidden;border:2px solid #507151;border-radius:42% 56% 38% 48%;color:#fff;background:linear-gradient(135deg,#8b633e,#4d3523);box-shadow:0 .5rem 1.2rem #17322833;cursor:grab;transition:box-shadow .16s ease,border-color .16s ease}.habitat-studio__piece:active{cursor:grabbing}.habitat-studio__piece.is-selected{z-index:2;border-color:#fff;box-shadow:0 0 0 4px var(--habitat-ink),0 1rem 2rem #17322840}.habitat-studio__piece.is-does-not-fit{border-color:#b33c31;background:#8f322a}.habitat-studio__piece.is-fit-with-warning{border-color:#bd7527}.habitat-studio__piece.is-unknown{border-style:dashed;filter:grayscale(.45)}.habitat-studio__piece img{width:100%;height:100%;object-fit:cover}.habitat-studio__piece span{display:block;width:100%;height:100%;background:radial-gradient(circle at 35% 30%,#b58a5e,#553923)}.habitat-studio__piece small{position:absolute;left:.2rem;right:.2rem;bottom:.2rem;overflow:hidden;padding:.16rem .25rem;border-radius:.3rem;background:#173228b8;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.habitat-studio.is-layout-arriving .habitat-studio__piece{animation:habitat-piece-arrives .62s cubic-bezier(.2,.8,.2,1) both}.habitat-studio.is-build-accepted .habitat-studio__stage{animation:habitat-build-confirmed .76s cubic-bezier(.2,.8,.2,1)}@keyframes habitat-piece-arrives{0%{opacity:0;transform:translateY(1.5rem) scale(.82)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes habitat-build-confirmed{0%,to{box-shadow:0 1.5rem 4rem #17322826}45%{box-shadow:0 0 0 .45rem #81b07c8c,0 2rem 5rem #17322840}}.habitat-studio__scale-label{position:absolute;right:.6rem;bottom:.5rem;padding:.3rem .5rem;border-radius:.35rem;color:#fff;background:#173228c7;font-size:.72rem}.habitat-studio__proxy-note{margin:0;padding:1rem;color:var(--habitat-muted);font-size:.86rem}.habitat-studio__inspector{position:sticky;top:1rem;padding:1.2rem}.habitat-studio__fit-summary{display:grid;gap:.2rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--habitat-line)}.habitat-studio__fit-summary strong[data-fit=FIT]{color:#35633f}.habitat-studio__fit-summary strong[data-fit=DOES_NOT_FIT]{color:#9a3028}.habitat-studio__fit-summary small{color:var(--habitat-muted)}.habitat-studio__inspector-piece{display:flex;gap:.8rem;align-items:center}.habitat-studio__inspector-piece img{width:4rem;height:4rem;object-fit:cover;border-radius:.7rem}.habitat-studio__inspector-piece div{display:grid}.habitat-studio__inspector dl>div{display:grid;gap:.25rem;padding:.8rem 0;border-bottom:1px solid var(--habitat-line)}.habitat-studio__inspector dt{color:var(--habitat-muted);font-size:.78rem}.habitat-studio__inspector dd{margin:0}.habitat-studio__inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1rem}.habitat-studio__inventory{margin-top:1.25rem;padding:clamp(1.25rem,3vw,2rem)}.habitat-studio__inventory h3{margin:0 0 1rem}.habitat-studio__inventory [data-habitat-piece-list]{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.habitat-studio__inventory [data-habitat-piece-list] button{display:grid;grid-template-columns:3.5rem 1fr;gap:.15rem .7rem;align-items:center;padding:.6rem;border:1px solid var(--habitat-line);border-radius:.8rem;text-align:left;background:#fff}.habitat-studio__inventory [data-habitat-piece-list] img,.habitat-studio__inventory [data-habitat-piece-list] span{grid-row:1 / 3;width:3.5rem;height:3.5rem;object-fit:cover;border-radius:.6rem;background:#85613e}.habitat-studio__inventory [data-habitat-piece-list] small{color:var(--habitat-muted)}.habitat-studio__empty{max-width:42rem;padding:2rem 0}.habitat-studio__concept{display:grid;grid-template-columns:1fr minmax(18rem,30rem);gap:1rem 2rem;align-items:center;margin-top:1.25rem}.habitat-studio__concept-stage{position:relative;grid-column:2;grid-row:1 / 4;min-height:18rem;overflow:hidden;border-radius:1.2rem;background:linear-gradient(150deg,#dce8df,#bc9f78)}.habitat-studio__concept-stage>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#173228b3}.habitat-studio__concept-proxy{position:absolute;top:0;right:0;bottom:0;left:0}.habitat-studio__concept-proxy span{position:absolute;left:var(--concept-x);bottom:var(--concept-y);width:15%;height:38%;border-radius:60% 35% 55% 30%;background:linear-gradient(135deg,#9b744c,#49301f);box-shadow:0 1rem 2rem #17322833;transform:rotate(var(--concept-r))}.habitat-studio__concept-stage small{position:absolute;inset:auto .8rem .8rem;padding:.5rem;border-radius:.5rem;color:#fff;background:#173228c2}.habitat-studio__accept{position:sticky;z-index:4;bottom:1rem;display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-top:1.25rem;padding:1.2rem 1.4rem;border:1px solid rgba(255,255,255,.4);border-radius:1.2rem;color:#fff;background:#173228f5;box-shadow:0 1rem 3rem #17322838;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.habitat-studio__accept p{max-width:48rem;margin:.2rem 0 0;color:#ffffffb8;font-size:.85rem}.habitat-studio :focus-visible{outline:3px solid #de8b47;outline-offset:3px}@media(max-width:64rem){.habitat-studio__choice-grid--profiles{grid-template-columns:repeat(2,1fr)}.habitat-studio__workspace-grid{grid-template-columns:1fr}.habitat-studio__inspector{position:static}.habitat-studio__inventory [data-habitat-piece-list]{grid-template-columns:repeat(2,1fr)}.habitat-studio__concept{grid-template-columns:1fr}.habitat-studio__concept-stage{grid-column:1;grid-row:auto}}@media(max-width:48rem){.habitat-studio__hero-grid{grid-template-columns:1fr}.habitat-studio__hero-object{min-height:16rem}.habitat-studio__steps button{font-size:.78rem}.habitat-studio__choice-grid,.habitat-studio__goals,.habitat-studio__dimension-grid,.habitat-studio__feature-grid,.habitat-studio__interview-grid{grid-template-columns:1fr 1fr}.habitat-studio__toolbar,.habitat-studio__workspace-header,.habitat-studio__accept{align-items:stretch;flex-direction:column}.habitat-studio__usable-card{grid-template-columns:1fr}.habitat-studio__usable-card>span{transform:rotate(90deg)}}@media(max-width:35rem){.habitat-studio__choice-grid,.habitat-studio__goals,.habitat-studio__dimension-grid,.habitat-studio__feature-grid,.habitat-studio__interview-grid,.habitat-studio__choice-grid--profiles,.habitat-studio__inventory [data-habitat-piece-list]{grid-template-columns:1fr}.habitat-studio__steps span{display:none}.habitat-studio__vision [data-habitat-photo-preview]{grid-template-columns:1fr}.habitat-studio__actions{flex-direction:column-reverse}.habitat-studio__actions .c-button{width:100%}.habitat-studio__toolbar>div{width:100%}.habitat-studio__toolbar button{flex:1}.habitat-studio__layer-toggles{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.habitat-studio *,.habitat-studio *:before,.habitat-studio *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.habitat-studio__stage.is-perspective,.habitat-studio__hero-object{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/corkopia-habitat-studio.css.map */