*{box-sizing:border-box}body{margin:0;background:#f5f3ef;color:#171719;font:16px/1.5 system-ui,sans-serif}header{background:#171719;color:white;padding:22px 5%;display:flex;justify-content:space-between}a{color:inherit}header a{text-decoration:none;font-size:26px;font-weight:900}header small{display:block;font-size:10px;font-weight:500;letter-spacing:2px}main{max-width:1400px;margin:auto;padding:40px 5%}h1{font-size:clamp(28px,4vw,46px);letter-spacing:-2px;margin:0}h2{font-size:25px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#8051af}.intro{display:flex;gap:25px;justify-content:space-between;align-items:center}.intro p{max-width:700px}button{border:0;background:#19191c;color:white;border-radius:7px;padding:13px 20px;font-weight:750;cursor:pointer;font-size:13px}button:disabled{opacity:.5;cursor:wait}#save-all{position:sticky;top:12px;background:#7740b4;white-space:nowrap;z-index:3}#status{padding:12px 16px;background:#ece3f5;border-radius:8px}nav{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ccc;padding-bottom:20px;margin:25px 0}nav button{background:transparent;color:#222}.selected{background:#19191c!important;color:white!important}nav a{margin-left:auto;font-size:14px}.toolbar{display:flex;gap:15px;margin-bottom:25px}.toolbar input{flex:1}.workspace{display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:24px}aside{max-height:85vh;overflow:auto}.item{display:block;text-align:left;width:100%;margin-bottom:8px;background:white;color:#222;border:1px solid #ddd;padding:14px}.item strong,.item small{display:block}.item small{font-weight:400;color:#777}.item.current{border:2px solid #8950c1;background:#f5edfc}.editor-head{display:flex;justify-content:space-between;align-items:center}#editor,#payments-section{background:white;padding:28px;border:1px solid #ddd;border-radius:12px}label{display:block;font-weight:650;font-size:14px;margin:14px 0}input,select,textarea{width:100%;font:inherit;font-weight:400;padding:11px;border:1px solid #ccc;border-radius:6px;background:white;margin-top:5px;color:#222}input[type=checkbox]{width:auto;margin-right:8px}.two,.prices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 15px}.hint{font-size:13px;color:#666}.variant{padding:16px;background:#f6f5f3;border:1px solid #ddd;border-radius:8px;margin:15px 0}.variant img{max-width:100%;max-height:180px;object-fit:contain;display:block;margin:10px 0}.variant button{background:#ddd;color:#333}.danger{background:#f9e6e6;color:#911}.small{font-size:12px;padding:8px}#payments-form{max-width:700px}#status.error{background:#ffdddd;color:#811}#status.success{background:#e1f1e7;color:#254b33}input:focus,textarea:focus,select:focus{outline:2px solid #ac7ed6;outline-offset:2px}@media(max-width:750px){main{padding:25px 16px}.intro{display:block}#save-all{width:100%;margin:10px 0}.workspace{grid-template-columns:1fr}aside{max-height:250px}#editor{padding:18px}.toolbar{flex-direction:column}nav{gap:3px}nav button{padding:10px}header{padding:15px}h1{letter-spacing:-1px}}

.variant .media-frame{width:100%;max-width:280px;max-height:340px;background:#eee;overflow:hidden}.variant .cropped-photo{display:block;width:100%;height:100%}.variant .frame:has(.normal){aspect-ratio:auto}.variant img.normal{max-height:250px;width:100%;height:auto;object-fit:contain}.variant .photo-placeholder{padding:35px;color:#777}

.orders-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.orders-head p{font-size:13px;color:#777}.orders-tools{display:flex;gap:15px;margin:20px 0}.orders-tools input{flex:1}.orders-tools select{max-width:240px}#order-detail{background:white;border:1px solid #ddd;padding:25px;border-radius:12px;min-width:0}.orders-workspace .item span{display:block;font-size:13px;margin:5px 0}.orders-pages{display:flex;justify-content:center;align-items:center;gap:20px;margin:25px 0;font-size:12px}.order-badge{display:inline-block;background:#e9def8;color:#62408c;padding:8px 12px;border-radius:20px;font-size:12px}.order-note{background:#f3edf8;padding:15px;font-size:13px}.receipt-lines article{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #ddd;padding:14px 0}.receipt-lines p{font-size:12px;margin:5px 0;color:#666}.receipt-lines small{font-size:9px;color:#7948e8}.receipt-totals{max-width:360px;margin:20px 0 20px auto}.receipt-totals p{display:flex;justify-content:space-between;gap:15px;font-size:13px}.receipt-totals .grand-total{border-block:1px solid #ddd;padding:12px 0;font-size:19px}#orders-status,#order-save-status{font-size:13px;color:#76518f}.orders-head h2{margin-top:0}#admin-signin{display:inline-block;background:#eee3fa;padding:12px 18px;font-size:13px}#admin-signin[hidden]{display:none}@media(max-width:750px){.orders-head{display:block}.orders-tools{flex-direction:column}.orders-tools select{max-width:none}#order-detail{padding:18px}.orders-pages{gap:8px}.orders-pages button{padding:9px;font-size:10px}nav{flex-wrap:wrap}}
#audience-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px 0}.metric{padding:24px;background:#eee8f8;border:1px solid #d4c7e4}.metric b{display:block;font-size:32px}.metric span{display:block;font-size:13px;margin-top:8px}.audience-table{overflow:auto;max-width:100%;margin-bottom:24px}.audience-table table{width:100%;border-collapse:collapse;background:white}.audience-table th,.audience-table td{text-align:left;padding:14px;border-bottom:1px solid #ddd;font-size:14px}.audience-table th{background:#eee8f8}nav{flex-wrap:wrap}@media(max-width:850px){#audience-metrics{grid-template-columns:repeat(2,1fr)}}
.coupon-editor{background:white;border:1px solid #dcd1e7;padding:24px;margin:18px 0;border-radius:8px}.coupon-editor h3{margin:0}.coupon-editor .checkbox-row{display:flex;align-items:center;gap:10px;margin:18px 0}.coupon-editor .checkbox-row input{width:18px;height:18px}.coupon-editor .two{margin-top:20px}

.look-admin-part{border:1px solid #cfc3db;padding:16px;margin:18px 0;min-width:0}.look-admin-part legend{font-weight:700;font-size:12px}.look-admin-total{background:#e9dff4;padding:20px;line-height:1.8;margin:20px 0;font-size:13px}#look-photo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}#look-photo-list .frame{max-height:260px;aspect-ratio:9/16}#look-editor{min-width:0}#looks-section .toolbar>div{max-width:650px}#looks-section .toolbar .hint{margin-bottom:0}#look-editor label{display:block;margin:18px 0 8px}#look-editor input:not([type=checkbox]),#look-editor textarea,#look-editor select{width:100%;padding:12px;box-sizing:border-box}#look-editor input[type=checkbox]{width:auto}#look-editor .variant input{max-width:100%}@media(max-width:650px){#looks-section .toolbar{flex-wrap:wrap;gap:15px}#look-photo-list{grid-template-columns:1fr}}
