*{box-sizing:border-box}body{margin:0;background:#f5f3ee;color:#29271f;font:14px/1.6 Arial,sans-serif}header{padding:28px 6%;display:flex;align-items:center;justify-content:space-between}header img{width:180px}a{color:#8d6a2f}header a{font-size:11px;text-decoration:none}main{max-width:1060px;padding:45px 30px;margin:auto}.eyebrow{font-size:10px;letter-spacing:3px;color:#9a7b47}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:56px;line-height:1.12;letter-spacing:-2px}h2{font-size:30px}h3{font-size:23px}em{color:#9a7b47}button{padding:15px 22px;min-height:46px;border:0;background:#b28a42;color:#211b12;cursor:pointer;font-size:12px}button:disabled{opacity:.5;cursor:wait}input{display:block;padding:14px;border:1px solid #bcb19c;background:#fffa;font-size:16px;width:100%;margin:9px 0 18px}#login-form{max-width:420px}#login-form p,.simulation-note{font-size:11px;color:#81776a}.simulation-note{border-top:1px solid #d5cbbb;padding-top:22px;margin-top:40px}.account-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d5cbbb}.text-button{background:none;color:#8d6a2f;text-decoration:underline}.order-card{padding:30px 0 45px;border-bottom:1px solid #c7bca9}.order-card h2{margin-bottom:6px}.order-card .date{font-size:11px;color:#81776a}.order-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:26px}.visuals{display:grid;gap:14px}.visuals img{width:100%;border:1px solid #ded7ca}.visuals .preview{max-height:400px;object-fit:contain}.spec{white-space:pre-line;margin:20px 0;color:#706859;font-size:13px}.amounts{padding:20px 0;border-block:1px solid #d5cbbb}.amounts strong{font:28px Georgia}.amounts p{margin:6px 0;font-size:12px}.timeline{list-style:none;padding:0;margin:25px 0}.timeline li{padding:0 0 25px 25px;border-left:1px solid #d5cbbb;position:relative;color:#8c8273}.timeline li:before{content:'';position:absolute;left:-5px;top:6px;width:9px;height:9px;border-radius:50%;background:#f5f3ee;border:1px solid #bfb097}.timeline li.done{color:#29271f}.timeline li.done:before{background:#a78954;border-color:#a78954}.timeline small{display:block;font-size:11px;line-height:1.7}.timeline .demo{font-size:10px;color:#9a743c;margin-top:5px}.viewer{height:400px;position:relative;overflow:hidden}.viewer canvas{display:block;width:100%;height:100%;touch-action:pan-y}.order-actions{display:flex;gap:12px;flex-wrap:wrap}.order-actions a{font-size:12px;padding:10px 0}.photo-placeholder{padding:20px;border:1px dashed #bfb097;color:#8c8273;font-size:12px}.notice{padding:15px;border-left:2px solid #a78954;font-size:12px;background:#ede7dc}#client-status{white-space:pre-line;color:#8d6a2f}#pending-draft{padding:20px;background:#ebe3d4}select,textarea{font:14px Arial;padding:10px;width:100%;margin:8px 0}[hidden]{display:none!important}@media(max-width:700px){header{padding:22px 6%}header img{width:145px}main{padding:18px 24px}h1{font-size:42px}.order-grid{grid-template-columns:1fr;gap:22px}.viewer{height:330px}.order-card h2{font-size:25px}.order-actions{flex-direction:column}.account-bar{font-size:11px}}
.has-orders main{padding-top:10px}
.has-orders main>h1{font-size:30px;margin:10px 0 16px}
.has-orders main>h1 br{display:none}
.has-orders main>.eyebrow{display:none}
.has-orders .order-card{padding-top:12px}
.order-card>.amounts{display:grid;grid-template-columns:1fr auto;column-gap:24px;padding:18px;background:#eee7db;border:0;margin-top:16px}
.order-card>.amounts>br{display:none}
.order-card>.amounts>span,.order-card>.amounts>strong,.order-card>.amounts>p{grid-column:1}
.order-card>.amounts>button{grid-column:2;grid-row:1/4;align-self:center;font-size:16px;padding:20px 32px}
.payment-demo{grid-column:2;font-size:10px;text-align:center}
#client-payment{max-width:480px;width:94vw;border:1px solid #bcb19c;padding:28px;background:#f5f3ee;color:#29271f}
#client-payment::backdrop{background:#0008}
#client-payment h2{margin:0 0 12px}
.payment-price{font:36px Georgia}
#client-payment button{width:100%;margin-top:8px}
@media(max-width:700px){
 .has-orders header{padding:18px 6%}
 .has-orders main>h1{font-size:24px}
 .has-orders .order-card h2{font-size:20px;margin-top:12px}
 .order-card>.amounts{display:block;padding:14px}
 .order-card>.amounts>span{font-size:11px;display:block}
 .order-card>.amounts>p{font-size:10px}
 .order-card>.amounts>button{width:100%;padding:16px;margin:8px 0}
 .payment-demo{display:block}
}
.has-orders main>h1 em{margin-left:.25em}
.language-switch{display:flex;gap:8px;align-items:center;font:10px Arial;color:#9a7b47}.language-switch a{padding:7px 2px}.language-switch a[aria-current="page"]{border-bottom:1px solid currentColor}
