.qt-designer{scroll-margin-top:110px}.door-app{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.door-app[hidden]{display:none}.door-workspace{min-width:0}.door-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:var(--navy);color:white;gap:12px;font-size:12px}.door-toolbar button{background:transparent;color:white;border:1px solid #92acb6;padding:7px 12px;font-size:12px}.door-stage{position:relative;background:#dae2e5;line-height:0}.door-stage canvas{display:block;width:100%;height:auto}.door-handle{position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;border:3px solid white;background:#234c60;box-shadow:0 0 0 2px #234c60;touch-action:none;cursor:move;padding:0;z-index:2}.door-handle:focus-visible{outline:3px solid #efb346;outline-offset:3px}.door-hint{font-size:12px;margin:16px 0}.door-preview-actions{display:flex;flex-wrap:wrap;gap:8px}.door-preview-actions button{background:white;color:var(--ink);border:1px solid #a6b8bf;padding:9px 12px;min-height:42px;font-size:12px}.door-preview-actions button:hover{background:var(--pale)}.door-controls{background:white;border:1px solid var(--line);padding:23px}.door-controls fieldset{border:0;margin:0 0 24px;padding:0;min-width:0}.door-controls fieldset:last-child{margin-bottom:0}.door-controls legend{font-size:16px;font-weight:700;margin-bottom:18px}.door-controls legend span{font-size:11px;color:var(--blue);margin-right:8px}.door-controls label:not(.door-upload){display:block;font-size:12px;font-weight:700;margin:14px 0 6px}.door-controls select{font-size:13px;padding:10px;min-height:44px}.door-controls .fine{margin-top:12px;font-size:11px}.door-upload{display:block;border:1px dashed var(--blue);padding:12px;background:var(--pale);font-size:13px;font-weight:700}.door-upload input{border:0;padding:10px 0 0;min-height:0;background:transparent;font-size:11px}.door-samples{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.door-samples button{background:var(--paper);border:2px solid transparent;padding:3px;font-size:11px;color:var(--ink)}.door-samples button[aria-pressed=true]{border-color:var(--blue)}.door-samples img{width:100%;height:65px;object-fit:cover;margin-bottom:5px}.door-summary{padding:24px;margin-top:22px;background:var(--pale)}.door-summary h3{font-size:22px}.door-summary p{font-size:14px;margin:13px 0 18px}.door-summary .button{min-height:46px}#door-status{font-size:13px;margin-top:12px}#door-status:empty{display:none}.door-stage[aria-busy=true]{opacity:.6}.door-preview-actions button:disabled{opacity:.5;cursor:wait}@media(max-width:1000px){.door-app{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.door-controls{padding:17px}}@media(max-width:700px){.door-app{grid-template-columns:1fr}.door-controls{order:-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.door-controls fieldset{margin:0}.door-samples{grid-template-columns:1fr}.door-samples img{height:70px}.door-upload input{max-width:100%}.door-toolbar{font-size:11px}.door-handle{width:28px;height:28px}}@media(max-width:400px){.door-controls{grid-template-columns:1fr}.door-samples{grid-template-columns:1fr 1fr}.door-controls fieldset:first-child{border-bottom:1px solid var(--line);padding-bottom:20px}.door-preview-actions button{font-size:11px;padding:8px}.door-toolbar>span{max-width:50%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
/* Guided designer: large photo, visual choices, one decision at a time. */
.door-app{background:#fff;border:1px solid var(--line);padding:0;grid-template-columns:minmax(0,1fr) 320px;gap:0}.door-app [hidden]{display:none!important}.door-steps{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:#edf2f2}.door-steps button{display:flex;align-items:center;justify-content:center;gap:12px;padding:19px 12px;background:transparent;color:var(--muted);font-size:13px;border-bottom:3px solid transparent}.door-steps button span{width:27px;height:27px;display:grid;place-items:center;border:1px solid #829ba5;border-radius:50%;font-size:12px}.door-steps button[aria-current]{border-color:var(--blue);color:var(--ink);background:white;font-weight:700}.door-steps button[aria-current] span{background:var(--blue);color:#fff;border-color:var(--blue)}.door-workspace{padding:26px;background:#f0f3f3}.door-controls{border:0;border-left:1px solid var(--line);padding:26px}.door-step-intro .eyebrow{font-size:10px;margin-bottom:12px}.door-step-intro h3{font-size:27px;margin-bottom:15px;outline:none}.door-step-intro>p:last-child{font-size:13px;line-height:1.7;margin-bottom:24px}.door-photo-controls .door-samples{grid-template-columns:1fr}.door-photo-controls .door-samples img{height:106px}.door-photo-controls .door-samples button{font-size:12px;padding-bottom:7px}.door-toolbar{background:white;color:var(--ink);border:1px solid var(--line);min-height:49px}.door-toolbar button{color:var(--ink);border-color:#a5b6bd}.door-controls .door-choice-label{font-size:12px;font-weight:700;margin:17px 0 9px}.door-choice-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.door-choice-group button{background:#fff;border:1px solid #c9d4d8;padding:7px 5px;color:var(--ink);font-size:10px;line-height:1.4;min-height:48px}.door-choice-group button[aria-pressed=true]{border:2px solid var(--blue);padding:6px 4px;background:#ecf3f5}.door-choice-group button:hover{border-color:var(--blue)}.door-choice-group button>span:last-child{display:block}.door-swatch{display:block;width:34px;height:34px;border:1px solid #0003;margin:0 auto 6px;border-radius:50%}.panel-icon{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#dddcd5;padding:5px;height:49px;margin-bottom:7px;border:1px solid #bbbcb6}.panel-icon i{border:1px solid #9eaaa9;box-shadow:inset 1px 1px 1px #fff8}.panel-icon.bead i,.panel-icon.long-bead i{background:repeating-linear-gradient(90deg,transparent 0 3px,#9ba19b 4px,transparent 5px)}.panel-icon.long-bead{grid-template-columns:1fr}.panel-icon.long-bead i:nth-child(n+5){display:none}.choice-glass{grid-template-columns:repeat(2,1fr)}.glass-icon{display:flex;gap:3px;background:#d4d4cd;padding:5px;height:30px;margin-bottom:5px}.glass-icon i{flex:1;background:#72909a;border:1px solid #455f6b}.glass-icon.none i{background:#deddd5;border-color:#aaa}.glass-icon.frost i{background:#cad8dc}.glass-icon.tint i{background:#283c45}.choice-hardware{grid-template-columns:repeat(3,1fr)}.door-wizard-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 26px;border-top:1px solid var(--line)}.door-wizard-footer>span{font-size:12px;color:var(--muted);text-align:center}.door-wizard-footer .button{min-height:44px;padding:12px 20px}.door-fit-guide h4,.door-review-guide h4{margin-top:0}.door-fit-guide ol{padding-left:20px;font-size:14px;color:var(--muted)}.door-fit-guide li{margin-bottom:13px}.door-fit-guide p,.door-review-guide p{font-size:13px;line-height:1.8;margin-bottom:20px}.door-fit-guide button{background:var(--pale);padding:11px 15px;font-size:12px;color:var(--ink)}.door-summary{background:white;border:1px solid var(--line)}.door-app[data-step="1"] #door-status{font-size:11px}.door-stage{overflow:visible}.door-controls .fine{font-size:11px}.door-workspace .door-disclaimer{font-size:11px}
@media(max-width:1050px){.door-app{grid-template-columns:minmax(0,1fr) 285px}.door-workspace,.door-controls{padding:18px}.door-steps button{font-size:12px;gap:7px;padding:15px 8px}}
@media(max-width:700px){.door-app{grid-template-columns:1fr}.door-controls{order:initial;display:block;border-left:0;border-top:1px solid var(--line)}.door-steps button{flex-direction:column;gap:6px;font-size:10px;padding:12px 3px}.door-steps button span{width:24px;height:24px}.door-workspace{padding:14px}.door-step-intro h3{font-size:25px}.door-photo-controls .door-samples{grid-template-columns:1fr 1fr}.door-photo-controls .door-samples img{height:85px}.door-choice-group{grid-template-columns:repeat(3,1fr)}.choice-color{grid-template-columns:repeat(5,1fr)}.choice-glass{grid-template-columns:repeat(4,1fr)}.door-wizard-footer{padding:16px;gap:12px;flex-wrap:wrap}.door-wizard-footer>span{order:3;flex-basis:100%;font-size:11px}.door-wizard-footer .button{font-size:12px;padding:12px 14px}.door-swatch{width:30px;height:30px}.door-app[data-step="1"] .door-workspace{padding-bottom:0}.door-app[data-step="4"] .door-review-guide{display:none}.door-app[data-step="4"] .door-step-intro>p:last-child{margin-bottom:0}}


.door-steps button:disabled{opacity:.42;cursor:not-allowed}.door-steps button:disabled:hover{background:transparent}