.designer-section{border-top:1px solid var(--line);padding-top:45px;padding-bottom:60px}.designer-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:45px 0 45px}.designer-heading h2{font-size:clamp(48px,6.5vw,108px);line-height:.94;letter-spacing:-.065em}.designer-heading h2 em{font-size:1.14em;letter-spacing:-.045em}.designer-heading>div{max-width:300px;font-size:13px;line-height:1.8}.designer-heading>div>span{display:block;font-size:11px;opacity:.7;margin-top:20px}.design-studio{border:1px solid #cdbec1;background:#fdfaf6;box-shadow:0 15px 60px #49182c08}.design-studio [hidden]{display:none!important}.studio-topbar{min-height:91px;display:flex;align-items:center;gap:25px;padding:16px 22px;border-bottom:1px solid var(--line);background:#f0e8de}.studio-topbar>label{display:block;font-size:10px;line-height:1.5;margin:0;min-width:185px}.studio-topbar select{font-size:13px;color:var(--ink);border:0;background:none;width:100%;padding:5px 25px 4px 0;color-scheme:light}.studio-topbar select option,.inspector-panel select option{background:#fdfaf6;color:var(--ink)}.studio-history{display:flex;gap:7px}.studio-history button{background:transparent;border:1px solid #cdbec1;padding:9px 11px;border-radius:4px;font-size:13px;white-space:nowrap}.studio-history button span{font-size:10px}.studio-history button:disabled{opacity:.35}.studio-history button:not(:disabled):hover{background:var(--paper)}.save-state{font-size:9px;color:#795d63;margin-left:auto;line-height:1.5;max-width:140px}.studio-layout{display:grid;grid-template-columns:225px minmax(0,1fr) 220px;grid-template-areas:"catalog stage inspector";align-items:stretch}.catalog-panel{grid-area:catalog;border-right:1px solid var(--line);padding:22px 16px}.panel-title{display:flex;flex-direction:column;gap:6px;margin-bottom:19px}.panel-title h3{font-size:17px;letter-spacing:-.5px;font-weight:500}.panel-title>span{font-size:9px;opacity:.65;line-height:1.4}.design-categories{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:16px}.design-categories button{background:transparent;border:1px solid #d4c4c5;padding:8px 5px;border-radius:25px;font-size:10px}.design-categories button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.design-catalog{display:grid;grid-template-columns:1fr 1fr;gap:8px}.catalog-piece{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:start;gap:5px;background:#f6f0e9;border:1px solid #e7dcd6;border-radius:5px;padding:12px 6px 10px;min-height:122px;text-align:center;transition:background .2s,border-color .2s}.catalog-piece:hover{background:#efe0e5;border-color:var(--ink)}.catalog-piece:disabled{opacity:.45}.catalog-piece svg{display:block;width:100%;height:75px;overflow:visible}.catalog-piece>span{font-size:9px;line-height:1.4}.catalog-piece>i{position:absolute;right:6px;top:3px;font-size:13px;font-style:normal}.catalog-hint{font-size:9px;line-height:1.7;margin-top:18px;opacity:.7}.stage-area{grid-area:stage;background:#eae3d9;padding:20px;min-width:0;display:flex;flex-direction:column;align-items:center}.stage-meta{display:flex;justify-content:space-between;align-items:end;gap:12px;width:100%;max-width:578px;margin-bottom:15px}.stage-meta label{font-size:9px;margin:0;min-width:0;flex:1}.stage-meta input{padding:4px 0;font-size:13px;color:var(--ink);border-bottom:1px solid #b69ca5;max-width:250px;width:100%;background:none}.stage-meta>span{font-size:9px;white-space:nowrap;padding-bottom:6px;opacity:.7}.stage-frame{width:100%;max-width:578px;background:var(--paper);border:1px solid #c9bfb3;box-shadow:0 7px 20px #4a32291a;position:relative;overflow:hidden;line-height:0}.stage-frame svg{display:block;width:100%;height:auto;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.design-item{cursor:grab;outline:none}.design-item:active{cursor:grabbing}.design-item:focus-visible>.design-selection{stroke-width:3}.stage-frame svg:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.stage-options{width:100%;max-width:578px;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.stage-options>div{display:flex;gap:7px}.background-swatch,.color-swatch{position:relative;display:block;width:25px;height:25px;flex-shrink:0;background:var(--swatch);border-radius:50%;padding:0;border:1px solid #92778066}.background-swatch[aria-pressed=true]:after,.color-swatch[aria-pressed=true]:after{content:"";position:absolute;inset:-4px;border:1.5px solid var(--ink);border-radius:50%}.grid-toggle{display:flex;align-items:center;gap:5px;font-size:9px;margin:0;white-space:nowrap}.grid-toggle input{width:13px;height:13px;margin:0;padding:0;accent-color:var(--ink)}#design-help{font-size:9px;line-height:1.7;opacity:.75;margin-top:13px;width:100%;max-width:578px}.inspector-panel{grid-area:inspector;border-left:1px solid var(--line);padding:22px 17px;min-width:0}.paint-options>p{font-size:10px;line-height:1.5;margin-bottom:14px}.design-colors{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin:5px 0 17px}.color-swatch{width:25px;height:25px}.custom-color-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;margin:15px 0 20px;gap:10px}.custom-color-label input{height:25px;width:40px;padding:0;border:0;border-radius:4px;background:transparent}.inspector-label{font-size:10px;line-height:1.6;margin:17px 0}.inspector-label select,.inspector-label input{font-size:12px;padding:9px 7px;border:1px solid #d7c6cb;border-radius:3px;color:var(--ink);background:#fffdfa;margin-top:7px;min-width:0;max-width:100%;color-scheme:light}.range-label{margin:19px 0;font-size:10px}.range-label>span{display:flex;justify-content:space-between;gap:15px;margin-bottom:7px}.range-label output{font-size:10px;opacity:.7}.range-label input{border:0;padding:0;height:22px;accent-color:var(--ink);width:100%}.item-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:22px 0}.item-actions button{font-size:10px;padding:10px 3px;background:#f2e9e7;border:1px solid #d4bfc6;border-radius:4px}.item-actions button:hover{background:#eacfd9}.selection-hint{font-size:10px;line-height:1.8;opacity:.7;margin-top:25px}.design-layers{border-top:1px solid var(--line);padding-top:16px;margin-top:22px}.design-layers>summary{font-size:10px;cursor:pointer;line-height:1.7}.design-layers summary>span{opacity:.65;margin-left:5px}#design-layers-list{margin-top:13px;max-height:200px;overflow:auto;display:flex;flex-direction:column;gap:6px}#design-layers-list button{display:flex;gap:7px;align-items:center;text-align:left;font-size:9px;line-height:1.5;background:#f3edeb;border:1px solid transparent;padding:7px;border-radius:3px;flex-wrap:wrap}#design-layers-list button>span{width:10px;height:10px;border-radius:50%;border:1px solid #0002;flex-shrink:0}#design-layers-list button[aria-pressed=true]{border-color:var(--ink)}#design-layers-list button small{display:block;width:100%;font-size:8px;padding-left:17px;opacity:.7}.studio-bottom{border-top:1px solid var(--line);padding:21px 22px;display:flex;justify-content:space-between;align-items:center;gap:25px}.studio-bottom>p{font-size:10px;line-height:1.6;max-width:400px}.studio-bottom>p strong{font-size:12px;font-weight:500;display:block;margin-bottom:5px}.studio-bottom>p>span{opacity:.7}.studio-bottom>div{display:flex;gap:10px;flex-shrink:0}.studio-bottom button{font-size:11px;padding:13px 18px;border-radius:30px;border:1px solid var(--ink);line-height:1.5}.studio-download{background:transparent}.studio-consult{background:var(--ink);color:var(--paper)}.studio-bottom button:disabled{opacity:.35}.studio-bottom button:not(:disabled):hover{background:var(--rose);color:var(--ink)}.design-status{font-size:11px;line-height:1.6;min-height:24px;margin-top:14px}.designer-share-layout{display:grid;grid-template-columns:1fr 1fr;gap:0}.designer-share-copy{padding:75px 35px 35px}.designer-share-copy h2{font-size:48px;line-height:1;letter-spacing:-.05em;margin:22px 0}.designer-share-copy>p:not(.dialog-eyebrow){font-size:12px;line-height:1.8}.designer-share-layout>#design-share-preview{padding:35px;background:#eae3d9;align-self:stretch;display:flex;align-items:center}.designer-share-layout svg{display:block;width:100%;height:auto;border:1px solid #c9bfb3}.designer-share-copy textarea{color:var(--ink);background:#f0e4e8;border:1px solid var(--line);padding:14px;font-size:10px;line-height:1.7;resize:vertical;margin:20px 0;min-height:140px;max-height:260px}.designer-share-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.designer-share-actions button{font-size:10px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);border-radius:30px;padding:11px 15px}.designer-share-actions button:nth-child(2){background:none;color:var(--ink)}.designer-share-actions>a{font-size:11px;border-bottom:1px solid;margin:15px 0 0;flex-basis:fit-content}.designer-share-copy #design-share-status{font-size:10px;min-height:22px;line-height:1.6;margin-top:17px}
@media(max-width:1150px){.studio-layout{grid-template-columns:195px minmax(0,1fr) 195px}.catalog-panel{padding:20px 12px}.inspector-panel{padding:20px 12px}.stage-area{padding:17px 14px}.color-swatch{width:23px;height:23px}.design-colors{gap:8px}.studio-bottom{align-items:start}.studio-bottom>p{max-width:270px}.studio-bottom button{padding:12px;font-size:10px}.studio-topbar{gap:15px;padding:15px}.save-state{font-size:8px;max-width:105px}.studio-history{gap:5px}.studio-history button{padding:9px 8px}.studio-history span{display:none}}
@media(max-width:900px){.studio-layout{grid-template-columns:180px minmax(0,1fr);grid-template-areas:"catalog stage" "inspector inspector"}.catalog-panel{border-bottom:1px solid var(--line)}.stage-area{border-bottom:1px solid var(--line)}.inspector-panel{border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:15px 30px;padding:22px}.inspector-panel>.panel-title{grid-column:1/-1;margin-bottom:0}.paint-options{grid-row:span 2}.design-colors{grid-template-columns:repeat(10,25px);justify-content:start;gap:8px}.inspector-panel>.inspector-label{margin-top:0}.inspector-panel>#design-selection-controls{grid-column:2;grid-row:3/span 2}.inspector-panel>.selection-hint{margin:0}.inspector-panel>.design-layers{grid-column:1;margin-top:0}.custom-color-label{justify-content:start}.design-layers>summary{font-size:11px}.studio-topbar{flex-wrap:wrap}.save-state{max-width:none;margin-left:auto}.studio-topbar>label{min-width:175px}.studio-bottom{flex-direction:column;gap:15px}.studio-bottom>p{max-width:none}.studio-bottom>div{width:100%}.studio-bottom button{flex:1}.designer-share-layout{grid-template-columns:1fr}.designer-share-layout>#design-share-preview{padding:35px 80px;max-height:440px;justify-content:center}.designer-share-layout svg{width:auto;height:370px;max-width:100%}.designer-share-copy{padding:35px}.designer-share-copy h2{font-size:46px}.designer-heading>div{max-width:240px;font-size:12px}.designer-heading h2{font-size:7vw}}
@media(max-width:700px){.studio-layout{grid-template-columns:1fr;grid-template-areas:"catalog" "stage" "inspector"}.catalog-panel{padding:17px;border-right:0}.catalog-panel .panel-title{flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:12px}.panel-title h3{font-size:16px}.design-categories{grid-template-columns:repeat(4,1fr);gap:5px;margin-bottom:12px}.design-catalog{display:flex;overflow:auto;gap:8px;padding:2px 2px 10px;scrollbar-width:thin}.catalog-piece{min-width:86px;width:86px;min-height:115px;flex-shrink:0}.catalog-piece svg{height:67px}.catalog-hint{margin-top:2px;font-size:8px}.catalog-hint br{display:none}.stage-area{padding:18px}.stage-frame{max-width:400px}.stage-meta,.stage-options,#design-help{max-width:400px}.inspector-panel{padding:18px;grid-template-columns:1fr 1fr;gap:15px}.design-colors{grid-template-columns:repeat(5,25px);gap:9px}.inspector-panel>#design-selection-controls{grid-row:2/span 3}.paint-options{grid-row:span 1}.inspector-panel>.inspector-label{grid-column:1}.inspector-panel>.design-layers{grid-column:1/-1}.inspector-panel>.selection-hint{grid-column:2;grid-row:2/span 2}.custom-color-label{font-size:9px}.item-actions{margin-bottom:0}.studio-topbar{gap:12px;justify-content:space-between}.studio-topbar>label{flex-basis:100%;min-width:0;font-size:9px}.studio-topbar select{font-size:13px}.studio-history{gap:7px}.studio-history button{padding:7px 10px;font-size:13px}.save-state{font-size:8px;max-width:130px}.studio-bottom{padding:18px}.studio-bottom>p{font-size:9px}.studio-bottom>p strong{font-size:11px}.studio-bottom button{font-size:9px;padding:12px 8px}.studio-bottom>div{gap:7px}.studio-download,.studio-consult{min-height:42px}.designer-heading{display:block;margin:35px 0}.designer-heading h2{font-size:14vw}.designer-heading>div{max-width:260px;font-size:12px;margin:28px 0 0 auto}.designer-heading>div>span{font-size:10px;margin-top:12px}.designer-section{padding-top:30px}.design-status{font-size:10px}.stage-meta input{font-size:12px}.stage-meta>span{font-size:8px}.stage-options{flex-wrap:wrap;gap:14px}.stage-options>div{gap:7px}.background-swatch{width:23px;height:23px}.grid-toggle{font-size:8px}.designer-share-copy{padding:32px 23px}.designer-share-copy h2{font-size:42px}.designer-share-layout>#design-share-preview{padding:25px 35px;height:350px}.designer-share-layout svg{height:300px;width:auto}.designer-share-actions button{padding:11px 12px}.designer-share-copy textarea{font-size:10px}.studio-history span{display:none}}
@media(max-width:380px){.inspector-panel{grid-template-columns:1fr;gap:10px}.paint-options{grid-row:auto}.design-colors{grid-template-columns:repeat(10,20px);gap:6px}.color-swatch{width:20px;height:20px}.inspector-panel>#design-selection-controls{grid-row:auto;grid-column:1}.inspector-panel>.selection-hint{grid-row:auto;grid-column:1}.stage-area{padding:14px}.studio-history button{padding:7px 8px}.save-state{max-width:110px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.catalog-piece{transition:none}}
@media(min-width:701px) and (max-width:900px){.design-colors{grid-template-columns:repeat(5,25px)}}
@media(max-width:600px){.inspector-panel{grid-template-columns:1fr;gap:12px}.paint-options{grid-row:auto}.design-colors{grid-template-columns:repeat(10,20px);gap:6px}.color-swatch{width:20px;height:20px}.inspector-panel>#design-selection-controls,.inspector-panel>.selection-hint{grid-row:auto;grid-column:1}.inspector-panel>.inspector-label{margin-top:0}.inspector-panel>.design-layers{margin-top:5px}}
@media(max-width:700px){.studio-layout{grid-template-columns:minmax(0,1fr)}.catalog-panel{min-width:0}.studio-bottom>div{min-width:0;flex-shrink:1}.studio-bottom button{min-width:0}}