@media(min-width:1024px){main{max-width:1920px;padding:18px clamp(24px,2.5vw,48px) 20px}.mast{margin-bottom:12px;gap:24px}.mast h1{font-size:28px;margin-top:6px}.mast .quiet{padding:10px 18px;font-size:13px}.eyebrow{font-size:10px}#workflow-bar{gap:18px;margin-bottom:14px;padding:8px 0;background:#f6f6f6}#workflow-bar .step{min-height:44px;font-size:14px;padding:10px 18px;flex-direction:row}#workflow-bar #next{min-width:172px}.workspace>.panel{padding:28px 36px}.workspace:not(.design)>.visual{position:relative;top:auto;margin-top:20px}.workspace.design .visual:not(.expanded) #viewport{height:clamp(380px,calc(100dvh - 420px),1000px);max-height:none;min-height:380px}.workspace:not(.design) .visual:not(.expanded) #viewport{height:clamp(380px,58dvh,760px)}.visual:not(.expanded) .studio-toolbar{padding:10px 14px;gap:14px;align-items:center}.visual:not(.expanded) .toolbar-scroll{gap:8px;padding:2px 0}.visual:not(.expanded) .studio-toolbar .toolbar-cluster{gap:6px;padding-right:12px;margin-right:0}.visual:not(.expanded) .studio-toolbar .view-navigation{width:226px;height:42px}.visual:not(.expanded) .studio-toolbar .view-navigation select{width:158px;max-width:158px;font-size:14px;height:42px;padding:7px}.visual:not(.expanded) .studio-toolbar .view-navigation button{width:34px;min-width:34px;height:42px}.visual:not(.expanded) .studio-toolbar button.toolbar-icon{height:42px;min-height:42px}.visual:not(.expanded) .studio-toolbar button[data-desktop-label]{width:auto;gap:7px;padding:8px 11px}.visual:not(.expanded) .studio-toolbar button[data-desktop-label]:after{content:attr(data-desktop-label);font-size:13px;white-space:nowrap}.visual:not(.expanded) .studio-toolbar #expand-view:after{content:attr(data-desktop-label);font-size:13px}.visual:not(.expanded) .studio-toolbar #request-quote{font-size:13px;padding:10px 16px;min-height:42px}.visual:not(.expanded) .studio-toolbar .toolbar-menu-trigger{font-size:13px;min-height:42px}.visual:not(.expanded) .spec-strip{padding:10px 20px;font-size:12px}.visual:not(.expanded) .design-save-row{justify-content:flex-end;gap:10px;padding:12px 18px;background:#fff;border-top:1px solid #dedede}.visual:not(.expanded) .design-save-row button{flex:0 1 auto;min-width:125px;min-height:42px;padding:10px 18px;font-size:13px}.visual:not(.expanded) .design-save-row #save{margin-right:auto;min-width:155px}.view-hint{font-size:12px;max-width:650px;bottom:12px;padding:8px 14px}#project-form{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;gap:20px 24px}#project-form .field:has(textarea){grid-column:1/-1}#project-reopen,.project-file-actions{max-width:1000px}.cabinet-style-grid{max-width:920px;gap:20px}.door-photo-grid{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:24px}.door-photo-card img{max-height:290px}.door-photo-card strong{font-size:15px;padding:14px 16px}.layout-photo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.layout-photo-card svg{max-height:240px}.layout-controls,.layout-extras,.layout-dimensions{max-width:none}.finish-photo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.finish-photo-card img,.finish-color-sample{max-height:230px}.door-assignments{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}#selection-card,#add-item-panel,#group-style-editor,#island-editor{padding:20px 24px}.panel h2{font-size:28px}.panel p{font-size:14px}footer{font-size:11px;padding-top:14px}}@media(min-width:1600px){.door-photo-grid:not(.layout-photo-grid):not(.finish-photo-grid){grid-template-columns:repeat(5,minmax(0,1fr))}.finish-photo-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(min-width:1024px)and (hover:hover){.door-photo-card:hover,.cabinet-style-card:hover{border-color:#b74c17;box-shadow:0 4px 16px #0000000a}}@media(hover:hover)and (pointer:fine){#pan-toggle,.door-nav{display:none!important}}@media(min-width:1024px)and (hover:hover)and (pointer:fine){.workspace.design .visual:not(.expanded) #viewport{height:clamp(420px,calc(100dvh - 320px),1100px)}.visual:not(.expanded) .toolbar-scroll{flex-wrap:wrap;overflow:visible;min-width:0;row-gap:8px}.visual:not(.expanded) .studio-toolbar{flex-wrap:wrap;row-gap:8px}.visual:not(.expanded) .design-save-row{flex-wrap:wrap}.studio-toolbar button:focus-visible,.design-save-row button:focus-visible{outline:2px solid #b74c17;outline-offset:3px}#door-apply-dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}#door-apply-dialog .door-3d-preview{height:clamp(260px,52dvh,640px)}}#cabinet-context-menu{position:fixed;margin:0;width:min(320px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;padding:10px;border:1px solid #d6d6d6;border-radius:12px;box-shadow:0 12px 45px #0003;background:#fff;color:#292929}#cabinet-context-menu::backdrop{background:transparent}#cabinet-context-menu>button{display:block;width:100%;min-height:44px;text-align:left;padding:10px 14px;margin:3px 0;border:0;border-radius:7px;background:#f5f5f2}#cabinet-context-menu>button:hover,#cabinet-context-menu>button:focus-visible{background:#ffe1cb}#cabinet-context-menu>strong{display:block;padding:10px 14px}#cabinet-context-menu #group-style-editor{padding:12px;margin:0;border:0}
/*# sourceMappingURL=/cdn/shop/t/8/assets/gcs-design-desktop.css.map */
