/* A private architectural design desk. */
.atelier-body{background:var(--paper)}.atelier-header{height:72px;background:var(--forest);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 30px}.atelier-header .brand{gap:20px}.atelier-header .brand img{width:136px;height:auto}.atelier-header .atelier-name{border-left:1px solid #76806f;padding-left:20px;font:italic 20px var(--serif);color:#d4c0a0}.atelier-header .header-note{font-size:9px;letter-spacing:.18em;color:#b3bca9}.atelier-actions{display:flex;gap:22px;align-items:center;font-size:10px}.atelier-actions button{display:flex;align-items:center;gap:9px}.atelier-actions .save-project{border:1px solid #71806c;padding:10px 15px}.atelier-actions .arrow{width:16px}.atelier-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;height:calc(100svh - 72px);min-height:730px}.design-stage{position:relative;min-width:0;overflow:hidden;background:#e8e6dc}.design-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:pan-y}.design-stage canvas.dragging{cursor:grabbing}.stage-heading{position:absolute;top:30px;left:32px;z-index:3;pointer-events:none}.stage-heading .eyebrow{font-size:8px;color:#77836d;margin-bottom:12px}.stage-heading h1{font-size:37px;letter-spacing:-.04em}.stage-heading h1 em{color:#7d8a70}.stage-view{position:absolute;top:33px;right:28px;display:flex;border:1px solid #adb4a345;background:#f4f1eb88;z-index:4;padding:3px;backdrop-filter:blur(8px)}.stage-view button{padding:8px 11px;font-size:9px;letter-spacing:.04em}.stage-view button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.stage-photo{position:absolute;inset:0;background:#e6e1d5;z-index:2}.stage-photo[hidden]{display:none}.stage-photo img{width:100%;height:100%;object-fit:contain;padding:105px 55px 115px}.photo-note{position:absolute;bottom:92px;left:50%;transform:translateX(-50%);font-size:9px;text-align:center;width:80%;color:#626e5d;background:#f4f1ebdd;padding:8px 15px}.dimension-label{position:absolute;z-index:3;transform:translate(-50%,-50%);font-size:10px;letter-spacing:.025em;white-space:nowrap;background:#f8f6efe8;border:1px solid #aeb5a2;padding:8px 11px;box-shadow:0 3px 15px #343b2810;display:flex;gap:12px;align-items:center;transition:background .2s}.dimension-label:hover{background:var(--ink);color:var(--paper)}.dimension-label span:last-child{color:#858f78;font-size:11px}.dimension-label[hidden]{display:none}.stage-tools{position:absolute;bottom:61px;left:50%;transform:translateX(-50%);z-index:5;display:flex;align-items:center;gap:15px;white-space:nowrap}.lift-switch{display:flex;padding:4px;background:#f8f6eeeb;border:1px solid #b7bda951;box-shadow:0 6px 25px #25301a0a;backdrop-filter:blur(8px)}.lift-switch button{padding:10px 19px;font-size:10px;letter-spacing:.06em;display:flex;gap:12px;align-items:center}.lift-switch button[aria-pressed=true]{color:var(--paper);background:var(--ink)}.rotate-tool{background:#f8f6eebb;border:1px solid #aab39d70;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;font-size:21px;line-height:1}.stage-caption{position:absolute;bottom:19px;left:30px;right:30px;display:flex;justify-content:space-between;gap:25px;font-size:8px;color:#748069;letter-spacing:.06em;z-index:3;pointer-events:none}.stage-caption span:last-child{text-align:right}.stage-badge{position:absolute;left:32px;bottom:112px;font-size:8px;letter-spacing:.09em;color:#66715d;display:flex;align-items:center;gap:7px}.stage-badge:before{content:'';height:4px;width:4px;border-radius:50%;background:#a88a52}.stage-message{position:absolute;left:30px;top:132px;font-size:10px;color:#68775b;z-index:4;background:#f4f1ebcc;padding:5px 9px;max-width:75%}.stage-message:empty{display:none}
.config-sidebar{border-left:1px solid var(--line);display:flex;flex-direction:column;min-height:0;background:var(--paper);position:relative;z-index:5}.config-intro{padding:27px 28px 22px;display:flex;justify-content:space-between;align-items:center}.config-intro .eyebrow{font-size:8px}.config-intro span:last-child{font-size:9px;color:#89917e}.step-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 20px;justify-content:space-between}.step-tab{text-align:left;font-size:9px;padding:14px 9px;position:relative;color:#8a9183;display:flex;align-items:center;gap:7px}.step-tab b{font-size:8px;font-weight:400;opacity:.65}.step-tab[aria-selected=true]{color:var(--ink)}.step-tab[aria-selected=true]:after{content:'';height:2px;position:absolute;bottom:-1px;left:9px;right:9px;background:var(--ink)}.panel-area{padding:26px 28px 20px;overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#acb49c transparent}.config-panel[hidden]{display:none}.config-panel h2{font-size:37px;margin:2px 0 14px}.config-panel .panel-desc{font-size:11px;line-height:1.75;color:var(--muted);max-width:325px}.mini-presets{display:flex;gap:7px;margin:24px 0 5px}.mini-presets button{border:1px solid var(--line);padding:8px 12px;font-size:9px;flex:1}.mini-presets button[aria-pressed=true]{background:#e5e6da;border-color:#a2ad95}.dimension-control{border-bottom:1px solid var(--line);padding:27px 0 23px}.dimension-control .measure-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.measure-head label{font-size:11px;line-height:1.65}.measure-head small{display:block;font-size:8px;letter-spacing:.04em;color:#8a9280}.numeric-value{display:flex;align-items:baseline;gap:6px}.numeric-value input{width:80px;font:34px var(--serif);letter-spacing:-.04em;text-align:right;background:transparent;color:var(--ink);border:0;border-bottom:1px solid #a9b39b;padding:0;appearance:textfield;border-radius:0}.numeric-value input::-webkit-inner-spin-button{appearance:none}.numeric-value input[aria-invalid=true]{border-color:#a34933}.numeric-value span{font-size:10px;color:#858e79}.dimension-control input[type=range]{width:100%;margin:23px 0 0;accent-color:var(--ink);height:17px;cursor:ew-resize;background:none}.range-labels{display:flex;justify-content:space-between;color:#949b8b;font-size:8px;margin-top:8px}.range-labels span:nth-child(2){font-style:italic}.config-note{background:#e8e8dc;padding:13px 15px;margin-top:24px;font-size:9px;line-height:1.75;color:#77816b;border-left:2px solid #b6a07a}.error-note{font-size:10px;color:#984932;margin-top:9px;min-height:0}.error-note:empty{display:none}.finish-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.finish-choice{border:1px solid var(--line);padding:17px 7px 12px;display:flex;flex-direction:column;align-items:center;gap:11px;font-size:9px;position:relative}.finish-choice .finish-dot{height:47px;width:47px}.finish-choice[aria-pressed=true]{border-color:var(--ink);background:#e9e8dd}.finish-choice[aria-pressed=true]:after{content:'✓';position:absolute;right:5px;top:2px;font-size:9px}.finish-description{margin-top:18px;font:italic 19px/1.4 var(--serif);color:#7c856f}.config-subhead{font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin:29px 0 15px;border-top:1px solid var(--line);padding-top:25px}.floor-picker{display:flex;gap:9px}.floor-choice{flex:1;border:1px solid var(--line);padding:12px 7px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:9px}.floor-choice[aria-pressed=true]{border-color:var(--ink)}.floor-swatch{width:15px;height:15px;display:block}.oak-swatch{background:#cdb892}.stone-swatch{background:#d5d5c5}.dark-swatch{background:#62695d}.micro-note{font-size:9px;line-height:1.7;color:#8a9380;margin-top:12px}.engraving-input{margin:25px 0 21px}.engraving-input input{font:19px var(--serif);letter-spacing:.06em;padding:13px 12px}.engraving-meta{display:flex;justify-content:space-between;font-size:8px;color:#8a9380;margin-top:8px}.option-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:20px 0;cursor:pointer}.option-row strong{display:block;font-size:12px;font-weight:400}.option-row small{display:block;font-size:9px;color:#8a9280;line-height:1.7;margin-top:5px;max-width:240px}.option-row input{appearance:none;width:33px;height:19px;flex:none;position:relative;background:#c9cdbf;border-radius:20px;cursor:pointer;transition:background .2s;margin:0}.option-row input:before{content:'';height:13px;width:13px;position:absolute;left:3px;top:3px;border-radius:50%;background:var(--paper);transition:transform .2s}.option-row input:checked{background:var(--ink)}.option-row input:checked:before{transform:translateX(14px)}.project-summary{margin:20px 0 0}.project-summary>div{display:flex;gap:15px;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:10px}.project-summary dt{color:#838c76}.project-summary dd{margin:0;text-align:right;max-width:65%;overflow-wrap:anywhere}.export-options{margin:23px 0;display:flex;gap:9px}.export-options button{font-size:9px;border:1px solid var(--line);padding:10px;flex:1;display:flex;gap:10px;align-items:center;justify-content:space-between}.local-actions{display:flex;justify-content:space-between;gap:20px;margin-top:16px}.local-actions button,.local-actions label{padding:0;font-size:9px;color:#7e876f;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.config-bottom{padding:19px 28px 20px;border-top:1px solid var(--line);background:var(--paper);box-shadow:0 -15px 30px #f4f1eb66}.config-bottom .bottom-overview{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bottom-overview small{font-size:8px;letter-spacing:.08em;color:#8b9380}.bottom-overview .price-on-request{font:20px var(--serif);letter-spacing:-.025em}.bottom-overview #stepCount{font-size:9px;color:#8b9380}.config-bottom .button{width:100%;font-size:10px;min-height:50px;padding:13px 18px}.config-bottom .back-row{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:8px;color:#929a89}.config-bottom .back-row button{font-size:9px;padding:0;color:#6c7b5f}.config-bottom #backStep:disabled{visibility:hidden}.project-dialog-summary{padding:12px 16px;background:var(--paper2);margin:20px 0;font-size:11px;white-space:pre-line;line-height:1.8}.config-panel .file-import{display:none}.atelier-help{border-top:1px solid var(--line);padding:28px 30px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:var(--paper2);font-size:11px}.atelier-help p{color:#7e8873;max-width:580px}.atelier-help a{white-space:nowrap}.saved-status{font-size:9px;color:#c9b998}.config-panel .status-line{color:#6c7c5f;font-size:10px;margin-top:18px}.stage-controls-hidden .dimension-label,.stage-controls-hidden .rotate-tool,.stage-controls-hidden .lift-switch{visibility:hidden}.stage-photo .photo-note{pointer-events:none}
@media(min-width:1600px){.atelier-layout{grid-template-columns:minmax(0,1fr) 465px}.config-intro,.panel-area,.config-bottom{padding-left:36px;padding-right:36px}.stage-heading{top:40px;left:44px}.stage-heading h1{font-size:46px}}
@media(max-width:1150px){.atelier-layout{grid-template-columns:minmax(0,1fr) 365px}.atelier-header{padding:0 23px}.atelier-header .header-note{display:none}.panel-area{padding:25px 23px 20px}.config-bottom{padding:18px 23px}.config-intro{padding:23px}.step-tabs{padding:0 14px}.step-tab{font-size:8px;gap:5px}.stage-heading{left:23px}.stage-heading h1{font-size:31px}.stage-view{right:19px;top:31px}.stage-view button{font-size:8px;padding:7px 8px}.stage-caption{left:23px;right:23px;gap:15px;font-size:7px}.stage-caption span:last-child{max-width:135px}.stage-badge{left:23px}.config-panel h2{font-size:35px}.finish-picker{gap:8px}}
@media(max-width:850px){.atelier-layout{height:auto;display:block;min-height:0}.design-stage{height:590px}.config-sidebar{border-left:0;border-top:1px solid var(--line)}.panel-area{overflow:visible;padding:28px 8vw;min-height:450px}.config-intro{padding:20px 8vw}.step-tabs{padding:0 7vw;justify-content:space-between}.step-tab{font-size:11px;padding:18px 10px}.step-tab b{font-size:9px}.config-bottom{padding:23px 8vw}.config-panel h2{font-size:43px}.config-panel .panel-desc{max-width:500px;font-size:12px}.config-note{font-size:10px}.stage-heading{left:8vw;top:30px}.stage-heading h1{font-size:35px}.stage-view{right:8vw}.stage-caption{left:8vw;right:8vw;font-size:8px}.stage-badge{left:8vw}.stage-tools{bottom:57px}.config-bottom .button{font-size:11px}.finish-choice{padding:20px;font-size:11px}.finish-choice .finish-dot{height:56px;width:56px}.option-row{padding:22px 0}.option-row strong{font-size:14px}.option-row small{font-size:10px;max-width:400px}.project-summary>div{font-size:12px}.atelier-help{padding:30px 8vw}.atelier-actions{gap:16px}.atelier-actions button{font-size:9px}.config-panel .local-actions{padding-bottom:10px}.stage-caption span:last-child{max-width:none}}
@media(max-width:600px){.atelier-header{height:65px;padding:0 19px;gap:10px}.atelier-header .brand{gap:10px}.atelier-header .brand img{width:112px}.atelier-header .atelier-name{font-size:16px;padding-left:10px}.atelier-actions{gap:11px}.atelier-actions .help-project{display:none}.atelier-actions .save-project{font-size:9px;padding:9px 11px;gap:5px}.atelier-actions .save-project .arrow{width:13px}.saved-status{display:none}.design-stage{height:520px}.stage-heading{left:20px;top:23px}.stage-heading h1{font-size:29px}.stage-heading .eyebrow{font-size:7px;margin-bottom:7px}.stage-view{top:26px;right:18px}.stage-view button{font-size:8px;padding:7px}.dimension-label{padding:6px 8px;font-size:9px;gap:6px}.stage-tools{bottom:48px;gap:10px}.lift-switch button{padding:9px 15px;font-size:9px}.rotate-tool{width:32px;height:32px}.stage-caption{left:20px;right:20px;bottom:15px;font-size:6px;line-height:1.5}.stage-caption span:last-child{max-width:140px}.stage-badge{left:20px;bottom:103px;font-size:7px}.stage-photo img{padding:90px 25px 110px}.stage-photo .photo-note{bottom:87px;font-size:8px}.stage-message{top:100px;left:20px;font-size:8px}.config-intro{padding:20px 22px 17px}.step-tabs{padding:0 15px}.step-tab{font-size:10px;padding:15px 8px;gap:7px}.step-tab b{font-size:8px}.panel-area{padding:26px 23px 22px;min-height:485px}.config-panel h2{font-size:39px}.config-panel .panel-desc{font-size:11px}.config-bottom{padding:19px 23px 22px}.config-bottom .button{min-height:52px}.measure-head label{font-size:11px}.numeric-value input{font-size:35px}.mini-presets{margin-top:22px}.dimension-control{padding:23px 0}.config-note{font-size:9px}.finish-choice{padding:18px 8px;font-size:10px}.finish-choice .finish-dot{width:48px;height:48px}.floor-choice{font-size:9px}.atelier-help{display:block;padding:26px 23px}.atelier-help p{font-size:10px}.atelier-help a{margin-top:17px}.project-summary>div{font-size:11px}.option-row strong{font-size:12px}.option-row small{font-size:9px;max-width:245px}.stage-heading .eyebrow{max-width:200px}.stage-photo .photo-note{width:90%}}
@media print{.atelier-header,.stage-tools,.step-tabs,.config-bottom,.atelier-help,.local-actions,.export-options,.stage-view{display:none!important}.atelier-layout{display:block;height:auto}.design-stage{height:600px}.panel-area{overflow:visible}.config-panel[hidden]{display:none}.config-sidebar{border:0}.stage-caption{display:none}}