.room-planner{min-height:calc(100vh - 160px);padding:64px 70px 90px;background:#f4f5f3;box-sizing:border-box}.room-planner__content{max-width:1460px;margin:0 auto}.room-planner__back{display:inline-flex;gap:8px;align-items:center;margin-bottom:46px;color:#313532;font-size:.92rem;font-weight:600;text-decoration:none}.room-planner__back:hover{color:var(--secondary)}.room-planner__layout{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(480px,1.2fr);gap:72px;align-items:center}.room-planner__eyebrow{display:block;margin-bottom:14px;color:#717671;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.room-planner__intro h1{margin:0 0 22px;color:#202320;font-size:clamp(2.7rem,5vw,5.6rem);line-height:.98}.room-planner__intro p{max-width:590px;margin:0 0 30px;color:#606560;font-size:1.08rem;line-height:1.7}.room-planner__approximation-note{max-width:650px;margin-top:-14px;color:#666d66;font-size:.82rem;font-style:italic;line-height:1.55}.room-planner__form{margin-bottom:26px}.room-planner__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.room-planner__field{display:flex;flex-direction:column;gap:8px;color:#313532;font-size:.86rem;font-weight:700}.room-planner__orientation,.room-planner__shelf-gap{grid-column:1 / -1;min-width:0;margin:2px 0 0;padding:0;border:0}.room-planner__shelf-gap legend{margin-bottom:8px;padding:0;color:#313532;font-size:.86rem;font-weight:700}.room-planner__shelf-gap-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.room-planner__shelf-gap-options label{position:relative;cursor:pointer}.room-planner__shelf-gap-options input{position:absolute;width:1px;height:1px;opacity:0}.room-planner__shelf-gap-options label>span{display:flex;min-height:54px;box-sizing:border-box;flex-direction:column;align-items:center;justify-content:center;padding:8px;border:1px solid #d5d9d4;border-radius:9px;background:#fff;color:#626862;text-align:center;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.room-planner__shelf-gap-options strong{color:#313532;font-size:.86rem}.room-planner__shelf-gap-options small{margin-top:2px;font-size:.67rem}.room-planner__shelf-gap-options label:hover>span{transform:translateY(-1px)}.room-planner__shelf-gap-options input:checked+span{border-color:#9fb91b;box-shadow:0 0 0 3px rgba(191,220,46,.2)}.room-planner__shelf-gap-options input:focus-visible+span{outline:3px solid rgba(191,220,46,.45);outline-offset:1px}.room-planner__custom-gap{display:flex;margin-top:10px;flex-direction:column;gap:8px;color:#313532;font-size:.8rem;font-weight:700}.room-planner__custom-gap[hidden]{display:none}.room-planner__orientation legend{margin-bottom:8px;padding:0;color:#313532;font-size:.86rem;font-weight:700}.room-planner__orientation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:5px;border:1px solid #d5d9d4;border-radius:12px;background:#e9ece7}.room-planner__orientation-option{position:relative;min-width:0;cursor:pointer}.room-planner__orientation-option input{position:absolute;width:1px;height:1px;opacity:0}.room-planner__orientation-card{display:flex;min-height:62px;box-sizing:border-box;flex-direction:column;gap:7px;align-items:center;justify-content:center;padding:9px 7px;border:1px solid transparent;border-radius:8px;color:#676d67;font-size:.72rem;font-weight:700;line-height:1.2;text-align:center;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.room-planner__orientation-option:hover .room-planner__orientation-card{color:#313532;transform:translateY(-1px)}.room-planner__orientation-option input:checked+.room-planner__orientation-card{border-color:#d8ddce;background:#fff;box-shadow:0 3px 10px rgba(35,42,32,.1);color:#313532}.room-planner__orientation-option input:focus-visible+.room-planner__orientation-card{outline:3px solid rgba(191,220,46,.45);outline-offset:1px}.room-planner__orientation-icon{position:relative;display:grid;width:34px;height:22px;box-sizing:border-box;border:1px solid #aeb5aa;border-radius:4px;place-items:center}.room-planner__orientation-icon i{display:block;border-radius:999px;background:currentColor}.room-planner__orientation-icon--horizontal{grid-template-rows:repeat(2,3px);gap:4px}.room-planner__orientation-icon--horizontal i{width:24px;height:3px}.room-planner__orientation-icon--vertical{grid-template-columns:repeat(2,3px);gap:5px}.room-planner__orientation-icon--vertical i{width:3px;height:16px}.room-planner__orientation-icon--auto{grid-template-columns:repeat(3,5px);gap:3px}.room-planner__orientation-icon--auto i{width:5px;height:12px}.room-planner__orientation-icon--auto i:nth-child(2){height:17px}.room-planner__input-wrap{display:flex;align-items:center;overflow:hidden;border:1px solid #d5d9d4;border-radius:8px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.room-planner__input-wrap:focus-within{border-color:#8ca211;box-shadow:0 0 0 3px rgba(191,220,46,.2)}.room-planner__input-wrap input{width:100%;min-width:0;padding:13px 14px;border:0;outline:0;background:transparent;color:#202320;font:inherit;font-weight:500;-webkit-appearance:textfield;appearance:textfield}.room-planner__input-wrap input::-webkit-inner-spin-button,.room-planner__input-wrap input::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.room-planner__input-wrap>span{padding:0 14px;color:#777d77;font-size:.78rem;font-weight:600}.room-planner__result{padding:18px;border:1px solid #dfe3dc;border-radius:10px;background:#fff}.room-planner__result[hidden]{display:none}.room-planner__result h2{margin:0 0 14px;color:#202320;font-size:1rem}.room-planner__result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.room-planner__result-grid div{display:flex;flex-direction:column;gap:3px}.room-planner__result-grid span{color:#777d77;font-size:.74rem}.room-planner__result-grid strong{color:#313532;font-size:.92rem}.room-planner__share-plan{margin-top:16px}.room-planner__share-open{width:100%;padding:15px 20px;border:0;border-radius:10px;background:#313532;color:#fff;cursor:pointer;font:inherit;font-size:.86rem;font-weight:800;transition:background .2s ease,transform .2s ease}.room-planner__share-open:hover{background:#202320;transform:translateY(-1px)}.room-planner-modal-open{overflow:hidden}.room-planner__plan-modal{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;display:grid;padding:clamp(16px,4vw,52px);place-items:center}.room-planner__plan-modal[hidden]{display:none}.room-planner__plan-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(20,23,20,.74);backdrop-filter:blur(5px)}.room-planner__plan-dialog{position:relative;z-index:1;width:min(960px,100%);max-height:calc(100vh - clamp(32px,8vw,104px));box-sizing:border-box;overflow-y:auto;padding:clamp(28px,5vw,64px);border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.28)}.room-planner__plan-close{position:absolute;top:18px;right:18px;display:grid;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:#eef0ec;color:#313532;cursor:pointer;font-size:1.55rem;line-height:1;place-items:center}.room-planner__share-copy{margin-bottom:24px}.room-planner__share-copy>span{display:block;margin-bottom:3px;color:#858b84;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.room-planner__share-copy h2{margin:0;color:#202320;font-size:clamp(1.5rem,3vw,2.4rem)}.room-planner__share-copy p{max-width:650px;margin:10px 0 0;color:#707670;line-height:1.55}.room-planner__consultation-open{width:100%;margin:0 0 20px;padding:15px 20px;border:1px solid #e3b300;border-radius:10px;background:#fcc700;color:#313532;cursor:pointer;font:inherit;font-size:.86rem;font-weight:800;transition:background .2s ease,color .2s ease,transform .2s ease}.room-planner__consultation-open:hover{background:#eebd00;color:#202320;transform:translateY(-1px)}.room-planner__share-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.room-planner__share-field{display:flex;min-width:0;flex-direction:column;gap:6px;color:#313532;font-size:.76rem;font-weight:700}.room-planner__share-field input{width:100%;min-width:0;box-sizing:border-box;padding:12px 13px;border:1px solid #d5d9d4;border-radius:8px;outline:0;background:#fff;color:#202320;font:inherit;font-weight:500}.room-planner__share-field--wide{grid-column:1 / -1}.room-planner__share-field textarea{width:100%;min-width:0;box-sizing:border-box;padding:12px 13px;border:1px solid #d5d9d4;border-radius:8px;outline:0;background:#fff;color:#202320;font:inherit;font-weight:500;resize:vertical}.room-planner__share-field textarea:focus{border-color:#8ca211;box-shadow:0 0 0 3px rgba(191,220,46,.2)}.room-planner__capture-note{grid-column:1 / -1;margin:0;color:#777d77;font-size:.72rem;line-height:1.45}.room-planner__share-form .room-planner__legal-toggle{display:flex;grid-column:1 / -1;align-items:center;gap:10px;padding:11px 12px;border:1px solid #d5d9d4;border-radius:8px;background:#f8f9f7;color:#313532;cursor:pointer;font:inherit;font-size:.76rem;font-weight:800;text-align:left;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.room-planner__legal-toggle:before{content:"";width:16px;height:16px;flex:0 0 auto;border:1px solid #aeb5aa;border-radius:4px;background:#fff;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.room-planner__legal-toggle:after{content:"+";margin-left:auto;color:#777d77;font-size:1rem;line-height:1}.room-planner__legal-toggle[aria-expanded=true]:before{border-color:#313532;background:#313532;box-shadow:inset 0 0 0 4px #fff}.room-planner__legal-toggle[aria-expanded=true]:after{content:"-"}.room-planner__share-form .room-planner__legal-toggle:hover,.room-planner__share-form .room-planner__legal-toggle[aria-expanded=true]{border-color:#8ca211;background:#fbfdf3;box-shadow:0 0 0 3px rgba(191,220,46,.16);transform:none}.room-planner__legal-fields{display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-height:0;opacity:0;overflow:hidden;transform:translateY(-4px);transition:max-height .3s ease,opacity .3s ease,transform .3s ease}.room-planner__legal-fields.is-open{max-height:420px;opacity:1;transform:translateY(0)}.room-planner__share-field input:focus{border-color:#8ca211;box-shadow:0 0 0 3px rgba(191,220,46,.2)}.room-planner__share-field small,.room-planner__share-file-error{color:#b33a32;font-size:.68rem;font-weight:600}.room-planner__upload-field{position:relative;display:flex;min-width:0;gap:10px;align-items:center;padding:10px 12px;border:1px dashed #b9c0b6;border-radius:8px;background:#f8f9f7;cursor:pointer;transition:border-color .2s ease,background .2s ease}.room-planner__upload-field--wide{grid-column:1 / -1}.room-planner__upload-field:hover,.room-planner__upload-field:focus-within{border-color:#8ca211;background:#fbfdf3}.room-planner__upload-field input{position:absolute;width:1px;height:1px;opacity:0}.room-planner__upload-icon{display:grid;width:32px;height:32px;flex:0 0 auto;border-radius:8px;background:#313532;color:#fff;font-size:1rem;font-weight:800;place-items:center}.room-planner__upload-field>span:last-child{display:flex;min-width:0;flex-direction:column;gap:2px}.room-planner__upload-field strong{overflow:hidden;color:#313532;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}.room-planner__upload-field small{color:#858b84;font-size:.62rem}.room-planner__share-file-error{grid-column:1 / -1;margin-top:-7px}.room-planner__share-form button{grid-column:1 / -1;padding:12px 18px;border:0;border-radius:8px;background:#313532;color:#fff;cursor:pointer;font:inherit;font-size:.78rem;font-weight:800;transition:background .2s ease,transform .2s ease}.room-planner__share-form button:hover{background:#202320;transform:translateY(-1px)}.room-planner__share-message{margin:0 0 12px;padding:9px 11px;border-radius:7px;font-size:.72rem;font-weight:700}.room-planner__share-message--success{background:#eef5d2;color:#4d5b09}.room-planner__share-message--error{background:#fbe8e6;color:#9f3029}.room-planner__preview{padding:30px;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(27,31,27,.12)}.room-planner__elevations[hidden]{display:none}.room-planner__elevations{margin-top:34px;overflow:hidden;border:1px solid #dde1da;border-radius:14px;background:#fafbf9}.room-planner__elevation-grid{display:grid;grid-template-columns:minmax(0,1fr);min-height:310px}.room-planner__elevation-view{min-width:0;margin:0;padding:18px 18px 14px}.room-planner__elevation-view--side{border-top:1px solid #e3e6e0}.room-planner__elevation-view figcaption{display:flex;gap:8px;align-items:baseline;margin-bottom:8px}.room-planner__elevation-view figcaption strong{color:#292d29;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.room-planner__elevation-canvas{position:relative;display:grid;height:245px;padding:8px 22px 96px 42px;place-items:end center;background-image:linear-gradient(rgba(219,224,216,.55) 1px,transparent 1px),linear-gradient(90deg,rgba(219,224,216,.55) 1px,transparent 1px);background-position:42px 8px;background-size:28px 28px}.room-planner__elevation-canvas:after{position:absolute;right:12px;bottom:95px;left:38px;height:1px;background:#767c76;content:""}.room-planner__elevation-walls{position:absolute;z-index:0;top:8px;right:22px;bottom:95px;left:42px;box-sizing:border-box;border-right:7px solid #444944;border-left:7px solid #444944;pointer-events:none}.room-planner__elevation-structure{position:absolute;z-index:1;top:8px;bottom:95px;box-sizing:border-box;border-right:5px solid #3d423d;border-left:5px solid #3d423d}.room-planner__elevation-structure:before,.room-planner__elevation-structure:after{position:absolute;bottom:-4px;width:16px;height:4px;border-radius:1px;background:#313532;content:""}.room-planner__elevation-structure:before{left:-13px}.room-planner__elevation-structure:after{right:-13px}.room-planner__elevation-structure--side{border-right:0;border-left:0}.room-planner__elevation-structure--side:before,.room-planner__elevation-structure--side:after{display:none}.room-planner__section-upright{position:absolute;z-index:2;top:0;bottom:0;width:4px;background:#3d423d;transform:translate(-50%)}.room-planner__section-upright:after{position:absolute;bottom:-4px;left:50%;width:14px;height:4px;border-radius:1px;background:#313532;content:"";transform:translate(-50%)}.room-planner__side-rack{position:absolute;bottom:0;height:100%;box-sizing:border-box;border-right:3px solid #3d423d;border-left:3px solid #3d423d}.room-planner__side-rack:before,.room-planner__side-rack:after{position:absolute;bottom:-4px;width:9px;height:4px;border-radius:1px;background:#313532;content:""}.room-planner__side-rack:before{left:-6px}.room-planner__side-rack:after{right:-6px}.room-planner__frame-brace{position:absolute;z-index:0;right:0;left:0;pointer-events:none}.room-planner__frame-brace--forward{background:linear-gradient(to top right,transparent calc(50% - 1.5px),#626862 calc(50% - 1.5px),#626862 calc(50% + 1.5px),transparent calc(50% + 1.5px))}.room-planner__frame-brace--reverse{background:linear-gradient(to top left,transparent calc(50% - 1.5px),#626862 calc(50% - 1.5px),#626862 calc(50% + 1.5px),transparent calc(50% + 1.5px))}.room-planner__shelf-level{position:absolute;right:-3px;left:-3px;height:5px;box-sizing:border-box;border:1px solid #303430;background:#bfdc2e;transform:translateY(50%)}.room-planner__side-rack .room-planner__shelf-level{height:4px;background:#bfdc2e}.room-planner__elevation-height,.room-planner__elevation-width{position:absolute;padding:2px 5px;background:#fafbf9;color:#555b55;font-size:.6rem;font-weight:700;white-space:nowrap}.room-planner__elevation-height{top:50%;left:0;transform:translateY(-50%) rotate(-90deg)}.room-planner__elevation-width{bottom:5px;left:50%;transform:translate(-50%)}.room-planner__measurement-track{position:absolute;z-index:3;bottom:32px;height:60px}.room-planner__measurement-segment{position:absolute;top:0;min-width:1px;height:8px;box-sizing:border-box;border-top:1px solid #6e746e}.room-planner__measurement-segment:before,.room-planner__measurement-segment:after{position:absolute;top:-4px;width:1px;height:8px;background:#6e746e;content:""}.room-planner__measurement-segment:before{left:0}.room-planner__measurement-segment:after{right:0}.room-planner__measurement-label{position:absolute;top:calc(7px + var(--measurement-level, 0) * 14px);left:50%;color:#555b55;font-size:clamp(.46rem,.8vw,.58rem);font-weight:700;line-height:1;white-space:nowrap;transform:translate(-50%)}.room-planner__stage{display:grid;place-items:center;width:100%;min-height:520px}.room-planner__grid{position:relative;width:100%;height:450px;box-sizing:border-box;border:5px solid #313532;background-color:#fafbf9;background-image:linear-gradient(#e6e9e5 1px,transparent 1px),linear-gradient(90deg,#e6e9e5 1px,transparent 1px);background-size:var(--rack-step-px, 28px) var(--rack-step-px, 28px);transition:width .2s ease,height .2s ease,background-size .2s ease}.room-planner__racks{position:absolute;top:0;right:0;bottom:0;left:0}.room-planner__gap{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#555b55;font-size:clamp(.46rem,.72vw,.66rem);font-weight:700;line-height:1;pointer-events:none}.room-planner__gap:before,.room-planner__gap:after{content:"";position:absolute;background:#555b55}.room-planner__gap--horizontal{left:50%!important;width:70px!important;transform:translate(-50%)}.room-planner__gap--horizontal:before{top:0;bottom:0;left:50%;width:1px}.room-planner__gap--horizontal:after{top:0;left:calc(50% - 4px);width:9px;height:100%;border-top:1px solid #555b55;border-bottom:1px solid #555b55;background:transparent}.room-planner__gap--horizontal{writing-mode:vertical-rl}.room-planner__gap--vertical{top:50%!important;height:40px!important;transform:translateY(-50%)}.room-planner__gap--vertical:before{top:50%;right:0;left:0;height:1px}.room-planner__gap--vertical:after{top:calc(50% - 4px);left:0;width:100%;height:9px;border-right:1px solid #555b55;border-left:1px solid #555b55;background:transparent}.room-planner__gap>span{position:relative;z-index:1;padding:3px;background:#fafbf9}.room-planner__end-gap{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box;color:#555b55;font-size:clamp(.46rem,.72vw,.66rem);font-weight:700;line-height:1;pointer-events:none}.room-planner__end-gap:before{content:"";position:absolute;background:#555b55}.room-planner__end-gap--horizontal:before{top:50%;right:0;left:0;height:1px}.room-planner__end-gap--vertical{writing-mode:vertical-rl}.room-planner__end-gap--vertical:before{top:0;bottom:0;left:50%;width:1px}.room-planner__end-gap>span{position:relative;z-index:1;padding:3px;background:#fafbf9}.room-planner__rack{position:absolute;z-index:2;display:flex;overflow:hidden;box-sizing:border-box;border:3px solid #303430;background-color:#777c77;background-image:repeating-linear-gradient(135deg,transparent 0,transparent 5px,#c7cbc7 5px,#c7cbc7 6px);box-shadow:0 2px 5px rgba(32,35,32,.18)}.room-planner__rack--vertical{flex-direction:column}.room-planner__rack-section{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;box-sizing:border-box;border-right:2px solid #111;color:#fff;font-size:clamp(.48rem,.75vw,.68rem);font-weight:700;line-height:1;text-shadow:0 1px 2px rgba(0,0,0,.95),0 0 3px rgba(0,0,0,.8);white-space:nowrap}.room-planner__rack--vertical .room-planner__rack-section{border-right:0;border-bottom:2px solid #111}.room-planner__rack-section:last-child{border-right:0;border-bottom:0}.room-planner__rack-section-label[hidden]{display:none}.room-planner__empty{position:absolute;inset:50% auto auto 50%;z-index:2;width:min(80%,320px);margin:0;padding:12px 16px;transform:translate(-50%,-50%);border-radius:8px;background:rgba(49,53,50,.9);color:#fff;font-size:.82rem;line-height:1.45;text-align:center}.room-planner__dimension{position:absolute;z-index:3;color:#313532;font-size:.75rem;white-space:nowrap;pointer-events:none}.room-planner__dimension strong{display:inline-block;padding:4px 8px;border-radius:999px;background:#313532;color:#fff;font-size:.72rem}.room-planner__dimension--width{left:50%;bottom:-34px;transform:translate(-50%)}.room-planner__dimension--depth{top:50%;left:-45px;transform:translateY(-50%) rotate(-90deg)}@media(max-width:960px){.room-planner{padding:42px 40px 70px}.room-planner__layout{grid-template-columns:1fr;gap:44px}}@media(max-width:600px){.room-planner{padding:28px 16px 54px}.room-planner__back{margin-bottom:30px}.room-planner__intro h1{font-size:2.7rem}.room-planner__fields{grid-template-columns:1fr}.room-planner__orientation-card{min-height:68px;font-size:.68rem}.room-planner__share-form,.room-planner__legal-fields{grid-template-columns:1fr}.room-planner__plan-modal{padding:10px}.room-planner__plan-dialog{max-height:calc(100vh - 20px);padding:54px 20px 24px;border-radius:14px}.room-planner__share-file-error{grid-column:1}.room-planner__preview{padding:18px}.room-planner__stage{min-height:390px}.room-planner__elevation-grid{grid-template-columns:1fr}.room-planner__elevation-canvas{height:220px}}