*{box-sizing:border-box}.hair-page{margin:0;background:#f4f1ec;color:#203438;font-family:Montserrat,Arial,sans-serif;padding-top:84px;min-height:100vh}.hair-main{min-height:calc(100vh - 84px);padding:14px}.hair-wrap{width:min(1240px,100%);margin:0 auto;display:grid;grid-template-columns:320px minmax(0,1fr);gap:14px;min-height:calc(100vh - 112px)}.hair-tools,.hair-stage-panel{background:#fff;border:1px solid #e2ddd6;border-radius:22px;box-shadow:0 12px 35px rgba(25,58,63,.08)}.hair-tools{padding:18px;overflow:auto}.hair-kicker{font-size:10px;letter-spacing:.13em;font-weight:800;color:#c38f62}.hair-tools h1{font-family:"Cormorant Garamond",serif;font-size:38px;line-height:.95;color:#06323b;margin:5px 0 9px}.hair-tools>p{font-size:12px;color:#667b7f;line-height:1.5;margin-bottom:14px}.hair-card{border:1px solid #e8e1d8;border-radius:14px;padding:12px;margin-bottom:10px;background:linear-gradient(180deg,#fffdfa,#faf6f1)}.hair-card h2{font-size:13px;margin:0 0 9px;color:#073b44}.hair-card label{display:grid;gap:5px;font-size:10px;font-weight:700;color:#607276;margin-top:8px}.hair-card select,.hair-card input[type=text]{height:36px;border:1px solid #d6cec5;border-radius:9px;padding:0 10px;background:#fff;font:500 11px Montserrat,Arial,sans-serif;color:#294146}.hair-photo-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.hair-photo-actions button,.hair-upload,.hair-reset-photo{min-height:36px;border:1px solid #d4ccc2;border-radius:9px;background:#fff;color:#294146;font:700 10px Montserrat,Arial,sans-serif;display:flex;align-items:center;justify-content:center;cursor:pointer}.hair-photo-actions button:first-child{background:#073b44;color:#fff;border-color:#073b44}.hair-upload{grid-column:1/-1;position:relative;overflow:hidden}.hair-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.hair-photo-actions button:disabled,.hair-reset-photo:disabled{opacity:.45;cursor:not-allowed}.hair-reset-photo{width:100%;margin-top:6px}.hair-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.hair-color{min-height:32px;border:1px solid #d8d0c7;border-radius:8px;background:#fff;font:600 9px Montserrat,Arial,sans-serif;color:#42565a;cursor:pointer}.hair-color.is-active{background:#073b44;color:#fff;border-color:#073b44}.hair-privacy{font-size:9px;line-height:1.45;color:#718589;padding:2px 3px 6px}.hair-stage-panel{padding:14px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:0}.hair-stage-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:0 2px 10px}.hair-stage-head span{display:block;font-size:9px;font-weight:800;letter-spacing:.12em;color:#c38f62}.hair-stage-head strong{font-family:"Cormorant Garamond",serif;font-size:24px;color:#073b44}.hair-status{font-size:10px;color:#6c7e82;min-height:14px}.hair-stage{position:relative;min-height:0;border-radius:18px;background:radial-gradient(circle at 50% 35%,#fff 0,#eee7df 58%,#e2d7cc 100%);overflow:hidden;display:grid;place-items:center;border:1px solid #e3dad1}.hair-stage video,.hair-stage img{width:100%;height:100%;object-fit:contain;background:#efeae4}.hair-empty{text-align:center;max-width:380px;padding:30px;color:#52676b}.hair-empty h2{font-family:"Cormorant Garamond",serif;font-size:32px;color:#073b44;margin:8px 0}.hair-empty p{font-size:12px}.hair-face-icon{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:auto;background:#073b44;color:#fff;font-size:28px}.hair-loading{position:absolute;inset:0;background:rgba(2,34,41,.62);backdrop-filter:blur(4px);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}.hair-loading[hidden],.hair-empty[hidden],.hair-stage video[hidden],.hair-stage img[hidden]{display:none!important}.hair-loading span{width:34px;height:34px;border:3px solid rgba(255,255,255,.35);border-top-color:#f2c48f;border-radius:50%;animation:hairspin .8s linear infinite}.hair-loading strong{font-size:14px}.hair-loading small{font-size:10px;color:#d6e4e4}@keyframes hairspin{to{transform:rotate(360deg)}}.hair-stage-footer{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;padding-top:10px}.hair-stage-footer button,.hair-stage-footer a{min-height:42px;border-radius:10px;border:1px solid #c9d2d2;display:flex;align-items:center;justify-content:center;font:800 10px Montserrat,Arial,sans-serif;cursor:pointer}.hair-apply{background:#073b44;color:#fff;border-color:#073b44!important}.hair-compare{background:#fff;color:#294146}.hair-request{background:#d6aa84;color:#18343a;border-color:#d6aa84!important}.hair-stage-footer button:disabled{opacity:.45;cursor:not-allowed}.hair-disabled{max-width:720px;margin:80px auto;background:#fff;border:1px solid #e1dcd5;border-radius:20px;padding:34px;text-align:center}.hair-disabled h1{font-family:"Cormorant Garamond",serif;font-size:42px;color:#073b44}.hair-disabled p{margin:10px 0 18px;color:#65797d}@media(min-width:1000px){.hair-page{height:100dvh;overflow:hidden}.hair-main{height:calc(100dvh - 84px);overflow:hidden}.hair-wrap{height:calc(100dvh - 112px);min-height:0}.hair-tools{height:100%}.hair-stage-panel{height:100%}.hair-stage{min-height:0}}@media(max-width:999px){.hair-page{padding-top:84px}.hair-wrap{grid-template-columns:1fr}.hair-stage-panel{min-height:620px}.hair-tools{overflow:visible}}@media(max-width:650px){.hair-page{padding-top:74px}.hair-main{padding:10px}.hair-wrap{gap:10px}.hair-tools,.hair-stage-panel{border-radius:16px}.hair-tools h1{font-size:32px}.hair-stage-panel{min-height:520px;padding:10px}.hair-stage-footer{grid-template-columns:1fr}.hair-photo-actions{grid-template-columns:1fr}.hair-upload{grid-column:auto}.hair-color-grid{grid-template-columns:1fr 1fr}}