.mb-order-shell{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.8fr 1.2fr;background:#f7f3ef;border:1px solid #e5dbd6}.mb-order-intro{padding:70px 55px;background:#31272f;color:#fff}.mb-order-intro h2{font:52px/1 Georgia,serif;margin:14px 0 22px}.mb-order-intro p{color:#e5d8dc;font:18px/1.6 Georgia,serif}.mb-order-intro ol{padding-left:20px;margin-top:42px;line-height:2}.mb-order-form{padding:55px;display:grid;gap:32px}.form-step{border-top:1px solid #d9cfca;padding-top:18px;display:grid;gap:14px}.form-step>span{color:#8d667c;font:24px Georgia,serif}.form-step h3{font:28px Georgia,serif;margin:0}.form-step label{font-size:13px;font-weight:700}.form-step input,.form-step select,.form-step textarea{display:block;width:100%;padding:12px;margin-top:7px;border:1px solid #d8ceca;background:#fff;font:inherit}.form-step input[type=checkbox]{display:inline;width:auto;margin-right:8px}.ratio-preview{width:min(300px,100%);aspect-ratio:1/1.414;background:#d9c2c5;overflow:hidden;position:relative}.ratio-preview div{height:100%;display:grid;place-items:center;background:linear-gradient(135deg,#c69aa5,#f3e6dc);background-size:cover;background-position:center;color:#fff;font:15px Georgia,serif;text-align:center}.sample-label{max-width:400px}.mb-order-note{font-size:12px;color:#70636b}.studio{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 88px);background:#fbfaf8}.studio-side{background:#2e252c;color:#fff;padding:35px 24px}.studio-brand{display:block;font:26px Georgia,serif;margin-bottom:60px}.studio-side .eyebrow{color:#d4aeba}.project-link{display:block;padding:15px 12px;border-top:1px solid #51424c;color:#fff}.project-link.current{background:#705064}.project-link b,.project-link span{display:block}.project-link span{font-size:11px;color:#ded1d5;margin-top:4px}.new-project{display:block;margin-top:22px;color:#e7bdc9;font-size:13px}.studio-main{padding:58px 7vw}.project-header{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.project-header h1{font:clamp(38px,5vw,68px)/1 Georgia,serif;margin:8px 0}.project-status{padding:9px 12px;background:#eee0e3;color:#71465c;font-size:11px;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.project-tabs{display:flex;gap:26px;border-bottom:1px solid #ded5d0;margin:42px 0 34px;overflow:auto}.project-tabs a{padding-bottom:14px;font-size:13px;white-space:nowrap}.project-tabs .active{border-bottom:2px solid #764c5e}.workspace-card{background:#fff;border:1px solid #e5dcd7;padding:32px;margin-bottom:22px}.workspace-card h2{font:34px Georgia,serif;margin:10px 0 15px}.project-summary{display:grid;gap:22px}.progress-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;margin-top:35px}.progress-steps div{font-size:11px;color:#85767c}.progress-steps i{display:block;height:4px;background:#e4d9d8;margin-bottom:9px}.progress-steps .now i{background:#754a5e}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e4dcd7}.project-facts div{padding:22px;background:#fff}.project-facts span,.project-facts b{display:block}.project-facts span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#7d6f75}.project-facts b{font:21px Georgia,serif;margin-top:8px}.drop-zone{display:flex;align-items:center;justify-content:center;padding:45px;border:1px dashed #a58e97;background:#fbf7f5;margin:20px 0;cursor:pointer}.drop-zone input{max-width:230px}.photo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:30px}.photo-grid a{position:relative;aspect-ratio:1;background:#eee;text-decoration:none}.photo-grid img{width:100%;height:100%;object-fit:cover}.photo-grid span{display:none}.proof-viewer{position:relative;background:#222;min-height:300px;cursor:crosshair}.proof-viewer img{width:100%;max-height:70vh;object-fit:contain;display:block}.proof-hint{position:absolute;left:15px;bottom:15px;background:#fff;color:#332a30;padding:8px 10px;font-size:11px}.proof-pin{position:absolute;transform:translate(-50%,-50%);width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#7a4c61;color:white;font-size:12px}.comment-composer{display:grid;gap:12px;margin-top:22px;max-width:700px}.comment-composer textarea{width:100%;padding:12px;border:1px solid #d8ceca;font:inherit}.revision-list{margin-top:35px}.revision-list a{display:flex;justify-content:space-between;border-top:1px solid #e4dbd6;padding:14px 0}.revision-list span{font-size:12px;color:#85767c}.comment-log{display:grid;gap:12px}.comment-log article{display:flex;gap:14px;padding:16px 0;border-top:1px solid #e4dbd6}.comment-log small{display:block;color:#887980;margin-top:3px}.comment-log p{margin:8px 0}.comment-pin{background:#efe1e4;color:#764b5e;padding:8px;font-size:11px;height:max-content}.studio-empty{max-width:700px;margin:120px auto;padding:30px}.studio-empty h2{font:60px Georgia,serif}@media(max-width:800px){.mb-order-shell,.studio{grid-template-columns:1fr}.mb-order-intro,.mb-order-form{padding:42px 25px}.mb-order-intro h2{font-size:43px}.studio-side{padding:25px}.studio-brand{margin-bottom:25px}.studio-main{padding:35px 20px}.project-header{display:block}.project-status{display:inline-block;margin-top:10px}.project-tabs{gap:20px}.progress-steps{grid-template-columns:repeat(3,1fr);row-gap:16px}.project-facts{grid-template-columns:1fr 1fr}.photo-grid{grid-template-columns:repeat(3,1fr)}}