button:disabled{cursor:not-allowed;opacity:.43;transform:none!important;filter:none!important}select:disabled{background:#f2eee7;color:#93877c}.inline-error{color:#a43d2b;font-size:14px;margin:15px 0}.flow-steps{display:flex;align-items:center;gap:18px;margin:0 0 22px;max-width:845px}.flow-steps button{position:relative;flex:1;display:flex;align-items:center;gap:11px;padding:10px 0;font-size:15px;color:var(--muted)}.flow-steps b{height:31px;width:31px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;font:17px Georgia,serif;background:#fffaf2}.flow-steps .active{color:var(--accent);font-weight:600}.flow-steps .active b{background:var(--accent);border-color:var(--accent);color:#fff}.flow-steps .done b{background:#e9eee3;color:#52745c;border-color:#cad7c6}.flow-steps button:not(:last-child):after{content:'';height:1px;width:36px;background:var(--border);margin-left:auto;margin-right:10px}
body[data-page=studio] .studio{padding-top:22px}body[data-page=studio] .studio-body{display:grid!important;grid-template-columns:minmax(0,1fr) 322px!important;gap:28px;align-items:start}body[data-page=studio] .form-card{order:0;padding:28px 30px;background:#fffcf7;border-radius:18px;border:1px solid var(--border)}body[data-page=studio] .form-intro h1{font-size:31px;line-height:1.5;font-family:SimSun,serif;font-weight:600}body[data-page=studio] .form-intro .eyebrow{margin-bottom:10px;font-size:12px}body[data-page=studio] .form-intro>p:last-child{font-size:14px;margin-top:8px}body[data-page=studio] .year-row{margin:20px 0;padding:14px 0;border-block:1px solid var(--border)}body[data-page=studio] .year-row h3{font-size:16px}body[data-page=studio] .year-row p{font-size:12px}body[data-page=studio] .field-head{margin-bottom:12px}body[data-page=studio] .field-head h3{font-size:16px}body[data-page=studio] .field-head .text-link{font-size:13px}body[data-page=studio] .zodiacs{grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:18px}body[data-page=studio] .zodiacs button{padding:10px 3px 8px;border-radius:10px}body[data-page=studio] .zodiacs i{width:53px;height:53px}body[data-page=studio] .zodiacs strong{font-size:15px}body[data-page=studio] .year-buttons button{font-size:14px;min-width:113px;border-radius:8px;padding:10px 13px}body[data-page=studio] .form-actions{margin-top:19px;padding-top:17px;border-top:1px solid var(--border)}body[data-page=studio] .form-actions .primary{border-radius:8px;font-size:15px;gap:15px;padding-inline:22px}body[data-page=studio] .form-actions>span{font-size:12px}body[data-page=studio] .fine-note{font-size:12px;margin-top:13px}
.intent-card{display:flex;align-items:center;gap:13px;padding:17px 18px;border:1px solid #e8cbb8;background:#fbede2;border-radius:12px}.intent-card.harmony{background:#eef2e8;border-color:#d0ddc6}.intent-card .intent-symbol{width:43px;height:43px;font-size:24px}.intent-card.harmony .intent-symbol{background:#e6eddd;color:#56705a;border-color:#c7d6bd}.intent-card>div{flex:1}.intent-card small{font-size:12px;color:#94765d}.intent-card.harmony small{color:#6c7e60}.intent-card h3{font-size:16px;margin-top:3px;color:#7e3c2b}.intent-card.harmony h3{color:#3e634b}.intent-card p{font-size:13px;margin-top:5px}.intent-card>.text-link{font-size:12px;white-space:nowrap}.intent-card.compact{padding:11px 15px;margin:18px 0}.intent-card.compact h3{font-size:14px}.intent-card.compact .intent-symbol{width:35px;height:35px;font-size:20px}.intent-empty{border:1px dashed var(--border);border-radius:10px;padding:18px;color:var(--muted);font-size:14px}
body[data-page=studio] .preview{order:1;position:sticky;top:154px;border:1px solid var(--border);border-radius:18px;background:#f4ecdf;padding:23px 21px 19px}body[data-page=studio] .preview .phone{width:198px;max-width:100%;aspect-ratio:9/19.5;margin:20px auto;border:5px solid #fffbf4;border-radius:28px;box-shadow:0 10px 25px #66523720}body[data-page=studio] .preview .phone-clock{top:26px}body[data-page=studio] .preview-head{font-size:14px}body[data-page=studio] .preview-head span{font-size:11px}body[data-page=studio] .preview>p{font-size:11px}body[data-page=studio] .preview-summary{display:flex;flex-direction:column;gap:5px;font-size:12px;border-top:1px solid #dfd1bd;padding-top:15px}body[data-page=studio] .segmented{margin-top:20px}.preview .segmented{width:180px;margin:15px auto}.preview h3{font-size:17px}.preview .segmented button{font-size:13px}
body[data-page=studio] .style-options{gap:13px;margin-top:17px}body[data-page=studio] .style-options img{height:183px;object-fit:contain;background:#f0e7d7}body[data-page=studio] .style-options button{padding:0;border-radius:11px;overflow:hidden}body[data-page=studio] .style-options button>span{padding:12px 11px;display:block}body[data-page=studio] .style-options b{font-size:15px}body[data-page=studio] .style-options small{font-size:11px}body[data-page=studio] .device-section{margin-top:23px;padding-top:19px}body[data-page=studio] .device-fields{gap:12px;grid-template-columns:1fr 1.1fr 1.3fr}body[data-page=studio] .device-fields label{font-size:13px}body[data-page=studio] .device-fields select{font-size:14px;border-radius:8px;height:45px;padding-inline:9px}.device-helper{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:13px}.device-helper>span{font-size:11px;color:var(--muted)}.device-helper .text-link{font-size:12px;white-space:nowrap}
body[data-page=studio] .summary{margin-top:17px}body[data-page=studio] .summary>div{font-size:14px;padding:14px 0;grid-template-columns:1fr 2fr auto}body[data-page=studio] .summary>div>b{font-weight:500}body[data-page=studio] .summary small{display:block;color:var(--muted);font-size:12px;margin-top:3px}body[data-page=studio] .notice{margin-top:17px;padding:15px 17px}body[data-page=studio] .notice p{font-size:13px}body[data-page=studio] .checkout-price{margin-top:17px;padding-block:14px}body[data-page=studio] .checkout-price>span{font-size:15px}.local-delivery-note{font-size:12px;color:#7a6c5a;margin-top:10px}.consent{align-items:center;gap:8px;font-size:13px!important;flex-wrap:wrap}.consent input{width:17px;height:17px;accent-color:var(--accent)}.consent .text-link{font-size:13px}.terms-scroll{max-height:48vh;overflow:auto;padding-right:12px;margin:20px 0}.terms-scroll h3{font-size:17px;margin-top:18px}.terms-scroll p{font-size:14px!important}.login-options{display:grid;gap:12px;margin:20px 0}
.creating{text-align:center;padding:80px 0 110px}.creating h1{font-family:SimSun,serif;font-size:35px;margin-bottom:25px}.creating>p{margin-bottom:16px}.creating-mark{width:83px;height:83px;display:grid;place-items:center;border:1px solid #d3b596;background:#f2e6d3;border-radius:50%;font:37px SimSun,serif;color:#a34d39;margin:0 auto 28px}.spinning{animation:breathe 1.3s ease-in-out infinite}@keyframes breathe{50%{box-shadow:0 0 0 12px #ddc5a521}}.actual-pair figure{margin:0}.delivered-image{width:210px;height:auto;max-height:490px;object-fit:contain;border:5px solid #fffaf2;border-radius:21px;box-shadow:0 12px 25px #765b3c22}.actual-pair{align-items:start!important;gap:24px!important;padding:30px!important}.actual-pair figcaption{text-align:center;margin-top:16px;font-size:13px}.download .label.harmony{background:#e4eddd;color:#47654b}.download .text-link{display:block;margin-top:16px;text-align:left}.order-code{display:block;color:var(--muted);font-size:11px;margin-top:25px;word-break:break-all}.orders-list{display:grid;gap:16px;margin-top:30px}.orders-list .order-demo{margin:0;padding:22px;display:flex;align-items:center;gap:22px}.orders-list .order-demo>div{flex:1}.orders-list .order-demo img{width:75px;height:130px;object-fit:cover;border-radius:9px}.orders-list .order-demo h3{font-size:18px}.orders-list .order-demo p{font-size:13px}.orders-list .order-demo small{font-size:11px}.empty-page{padding-block:90px;min-height:480px}.empty-page h1{font-size:34px;margin-bottom:20px}.empty-page p{margin-bottom:25px}.empty-card{background:#fffaf3;border:1px dashed var(--border);border-radius:18px;padding:50px;text-align:center;margin-top:30px}.empty-card>span{display:block;font:35px SimSun,serif;color:var(--accent);margin-bottom:15px}.empty-card h2{font-size:26px}.empty-card p{margin:15px 0 24px}.guide{max-width:850px;padding-top:55px}.guide h1{font-size:37px;margin-bottom:25px}.guide h3{margin:20px 0 8px}.guide p{font-size:15px;line-height:1.9}.guide .primary{margin-top:30px}.gallery-page>.annual-style-grid{margin-top:32px}.gallery-page>h1{font-size:42px;margin-bottom:18px}
@media(max-width:1200px){body[data-page=studio] .studio-body{grid-template-columns:minmax(0,1fr) 280px!important;gap:20px}body[data-page=studio] .form-card{padding:23px}body[data-page=studio] .form-intro h1{font-size:27px}body[data-page=studio] .zodiacs i{width:45px;height:45px}body[data-page=studio] .style-options img{height:145px}.intent-card{gap:9px;padding:13px}.intent-card>.text-link{display:none}.intent-card p{font-size:12px}body[data-page=studio] .device-fields{gap:7px}body[data-page=studio] .device-fields select{font-size:12px}.flow-steps{max-width:700px}.flow-steps button{font-size:13px}.delivered-image{width:170px}.actual-pair{padding:20px!important;gap:16px!important}}
@media(max-width:800px){body[data-page=studio] .studio-body{display:flex!important;flex-direction:column}.flow-steps{gap:8px}.flow-steps button{font-size:11px;gap:5px}.flow-steps button:after{display:none}.flow-steps b{width:25px;height:25px}.studio-top>span{font-size:10px}.intent-card p{font-size:12px}.device-helper{display:block}.device-helper button{margin-top:10px}body[data-page=studio] .preview{position:static;width:100%}.actual-pair{gap:12px!important}.delivered-image{width:135px}.orders-list .order-demo{flex-wrap:wrap}.orders-list .order-demo>.secondary{width:100%}.flow-steps .active{font-weight:600}.creating h1{font-size:29px}.gallery-page>h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){.spinning{animation:none}}
@media(min-width:801px){body[data-page=studio] .form-card{padding:24px 28px}.flow-steps{margin-bottom:16px}body[data-page=studio] .form-intro h1{font-size:29px}body[data-page=studio] .year-row{margin:15px 0;padding:11px 0}body[data-page=studio] .zodiacs button{padding:7px 3px 6px}body[data-page=studio] .zodiacs i{width:45px;height:45px}body[data-page=studio] .preview .phone{width:172px;margin:16px auto}body[data-page=studio] .style-options img{height:153px}body[data-page=studio] .device-section{margin-top:18px;padding-top:14px}body[data-page=studio] .intent-card:not(.compact){padding:13px 15px}body[data-page=studio] .form-actions{margin-top:15px;padding-top:14px}}
@media(min-width:801px) and (max-height:900px){body[data-page=studio] .studio{padding-top:14px}.studio-top{margin-bottom:8px}.flow-steps{margin-bottom:10px}.flow-steps button{padding:7px 0}body[data-page=studio] .form-card{padding:21px 25px}body[data-page=studio] .form-intro h1{font-size:27px}body[data-page=studio] .form-intro>p:last-child{font-size:13px}body[data-page=studio] .preview .phone{width:155px}.intent-card.compact{margin:13px 0}body[data-page=studio] .style-options img{height:130px}body[data-page=studio] .style-options button>span{padding:9px 10px}.flow-preview .preview-summary{font-size:11px}body[data-page=studio] .notice p{font-size:12px}}
@media(min-width:801px) and (max-height:900px){body[data-page=studio] .summary{margin-top:9px}body[data-page=studio] .summary>div{padding:9px 0}body[data-page=studio] .notice{margin-top:12px;padding:11px 15px}body[data-page=studio] .checkout-price{margin-top:10px;padding-block:9px}body[data-page=studio] .intent-card.compact{margin:10px 0;padding:8px 14px}body[data-page=studio] .form-actions{margin-top:10px;padding-top:10px}body[data-page=studio] .local-delivery-note{margin-top:7px}body[data-page=studio] .consent{margin-top:9px}}
@media(min-width:801px) and (max-height:900px){body[data-page=studio] .year-row{padding-block:9px}body[data-page=studio] .zodiacs i{width:42px;height:42px}body[data-page=studio] .zodiacs button{padding-block:6px}body[data-page=studio] .form-intro .eyebrow{margin-bottom:7px}.flow-steps{margin-bottom:8px}}
@media(min-width:801px) and (max-height:900px){body[data-page=studio] .style-options{margin-top:12px}body[data-page=studio] .style-options button>span{padding-block:8px}body[data-page=studio] .device-section{margin-top:14px;padding-top:10px}}
.download .consent{display:flex;flex-wrap:nowrap;align-items:flex-start;gap:10px;line-height:1.8;margin:18px 0}.download .consent input{flex:0 0 17px;margin:4px 0 0}.login-options+ [role=status]{font-size:14px;line-height:1.7;color:var(--accent);min-height:24px}
.home-effect{border:0;padding:0;margin:22px 0}.home-effect legend{font-size:15px;font-weight:600;margin-bottom:10px}.home-effect-options{display:flex;gap:12px}.home-effect-options label{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px;padding:12px 14px;cursor:pointer;font-size:14px;flex:1}.home-effect-options label:has(input:checked){border-color:var(--accent);background:var(--soft);color:var(--accent)}.home-effect-options input{width:17px;height:17px;accent-color:var(--accent);margin:0}.home-effect-options small{font-size:11px;color:var(--muted)}.home-effect p{font-size:12px;line-height:1.8;margin:10px 0 0;color:var(--muted)}.flow-preview .phone.home img{filter:none;transform:none}