:root{--spx-black:#08090b;--spx-panel:#111216;--spx-gold:#e4a62a;--spx-gold-light:#f6d06b;--spx-ivory:#f5f1e8;--spx-muted:#9e9a90;--spx-line:#302c24;--spx-base:#172a4b;--spx-accent:#e4a62a}.spomexa-studio,.spomexa-studio *{box-sizing:border-box}.spomexa-studio{position:fixed;inset:0;z-index:999999;background:var(--spx-black);color:var(--spx-ivory);font-family:Cairo,Arial,sans-serif;overflow:auto}.spomexa-studio__header{height:82px;padding:0 4vw;display:flex;align-items:center;gap:30px;border-bottom:1px solid #4c3c22;background:#090a0cf2}.spomexa-brand{display:flex;align-items:center;gap:11px;color:var(--spx-ivory);text-decoration:none}.spomexa-brand__mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--spx-gold);transform:skewX(-12deg);font:900 18px Arial;color:var(--spx-gold-light)}.spomexa-brand b,.spomexa-brand small{display:block;font-family:Arial,sans-serif;letter-spacing:1.5px}.spomexa-brand b{font-size:16px}.spomexa-brand small{font-size:8px;color:var(--spx-gold)}.spomexa-progress{height:3px;flex:1;background:#242429;overflow:hidden}.spomexa-progress span{display:block;width:12.5%;height:100%;background:linear-gradient(90deg,var(--spx-gold),var(--spx-gold-light));transition:width .35s}.spomexa-save{border:1px solid #65512f;background:transparent;color:var(--spx-gold-light);padding:9px 14px;font:700 11px Cairo;cursor:pointer}.spomexa-studio__body{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr)}.spomexa-kit-section{min-width:300px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px 4vw;position:relative;overflow:hidden;background:radial-gradient(circle at 45% 45%,#30240f 0,#111114 43%,#07080a 78%)}.spomexa-kit-section:after{content:"";position:absolute;inset:-30%;background:repeating-linear-gradient(-18deg,transparent 0 80px,#e4a62a08 80px 82px);pointer-events:none}.spomexa-visual-copy{width:100%;position:relative;z-index:4}.spomexa-visual-copy small{display:block;color:var(--spx-gold);font:700 9px Arial;letter-spacing:2px}.spomexa-visual-copy b{display:block;font-size:clamp(22px,3vw,44px);margin-top:7px}.kit-showcase{width:100%;height:450px;display:flex;justify-content:center;align-items:center;position:relative;z-index:2}.dynamic-kit-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 20px 28px #000b);transition:all .3s ease;position:relative;z-index:2}.spomexa-kit-glow{position:absolute;width:min(38vw,430px);aspect-ratio:1;border:1px solid #e4a62a44;border-radius:50%;box-shadow:0 0 100px #e4a62a15}.spomexa-kit-tint,.spomexa-kit-accent{position:absolute;inset:0;-webkit-mask:var(--spx-kit) center/contain no-repeat;mask:var(--spx-kit) center/contain no-repeat;pointer-events:none}.spomexa-kit-tint{background:var(--spx-base);mix-blend-mode:multiply;opacity:.65;z-index:3}.spomexa-kit-accent{background:linear-gradient(162deg,transparent 0 34%,var(--spx-accent) 34% 42%,transparent 42%);mix-blend-mode:multiply;z-index:4}.spomexa-kit-logo{position:absolute;z-index:5;right:31%;top:31%;width:36px;height:36px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;font:900 12px Arial;color:#fff}.spomexa-kit-logo img{width:100%;height:100%;object-fit:contain}.spomexa-kit-number{position:absolute;z-index:5;left:29%;top:39%;font:900 32px Arial;color:#fff;text-shadow:0 2px 5px #000}.spomexa-kit-status{position:relative;z-index:4;width:100%;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--spx-muted);font-size:10px}.spomexa-kit-status i{width:3px;height:3px;border-radius:50%;background:var(--spx-gold)}.spomexa-concierge{background:var(--spx-panel);border-right:1px solid var(--spx-line);padding:clamp(25px,4vw,60px);display:flex;flex-direction:column}.spomexa-concierge__head{display:flex;align-items:center;gap:13px;padding-bottom:24px;border-bottom:1px solid var(--spx-line)}.spomexa-orb{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--spx-gold);color:#111;font:900 17px Arial}.spomexa-concierge__head small,.spomexa-concierge__head b{display:block}.spomexa-concierge__head small{font:700 8px Arial;letter-spacing:1.5px;color:var(--spx-gold)}.spomexa-concierge__head b{font-size:12px;margin-top:4px}.spomexa-answer-history{min-height:55px;padding-top:20px;color:var(--spx-muted);font-size:10px}.spomexa-answer-history span{display:inline-block;border:1px solid #3b352b;padding:5px 8px;margin:0 0 5px 5px}.spomexa-question{font-size:clamp(22px,2.3vw,36px);font-weight:900;line-height:1.45;margin:18px 0 24px}.spomexa-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}.spomexa-option{min-height:55px;border:1px solid #363238;background:#18191e;color:var(--spx-ivory);font:700 12px Cairo;text-align:right;padding:12px;cursor:pointer;transition:.2s}.spomexa-option:hover,.spomexa-option.selected{border-color:var(--spx-gold);background:#2a2316;color:var(--spx-gold-light)}.spomexa-color-options{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.spomexa-color-options label,.spomexa-upload{border:1px solid #363238;padding:13px;color:var(--spx-muted);font-size:10px}.spomexa-color-options input{display:block;width:100%;height:48px;border:0;margin-top:7px;background:transparent}.spomexa-upload{grid-column:1/-1;display:block;cursor:pointer;text-align:center}.spomexa-upload input{display:none}.spomexa-upload b,.spomexa-upload small{display:block}.spomexa-upload b{color:var(--spx-gold-light);font-size:13px}.spomexa-upload small{margin-top:4px}.spomexa-summary{grid-column:1/-1;border:1px solid #5c4929;background:#17130d;padding:18px}.spomexa-summary div{display:flex;justify-content:space-between;border-bottom:1px solid #332b1e;padding:7px 0;font-size:11px}.spomexa-summary div:last-child{border-bottom:0}.spomexa-summary span{color:var(--spx-muted)}.spomexa-actions{display:flex;gap:8px;margin-top:auto;padding-top:25px}.spomexa-actions button{flex:1;padding:12px;font:800 12px Cairo;cursor:pointer}.spomexa-primary{border:0;background:linear-gradient(135deg,var(--spx-gold-light),var(--spx-gold));color:#08090b}.spomexa-secondary{border:1px solid #4c4438;background:transparent;color:var(--spx-ivory)}.spomexa-actions button:disabled{opacity:.28;cursor:not-allowed}.spomexa-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:1000000;background:#f5f1e8;color:#111;padding:10px 18px;font-size:11px;box-shadow:0 8px 35px #000}.spomexa-toast[hidden]{display:none}@media(max-width:850px){.spomexa-studio__header{height:70px;padding:0 16px}.spomexa-progress{display:none}.spomexa-brand__mark{width:42px;height:42px}.spomexa-studio__body{grid-template-columns:1fr}.spomexa-kit-section{min-height:48vh;padding:18px}.kit-showcase{height:330px}.spomexa-visual-copy b{font-size:25px}.spomexa-concierge{border-right:0;border-top:1px solid var(--spx-line);padding:25px 18px;min-height:52vh}.spomexa-options{grid-template-columns:1fr 1fr}.spomexa-kit-logo{right:31%;top:30%;transform:scale(.75)}.spomexa-kit-number{left:28%;top:39%;font-size:22px}}@media(max-width:470px){.spomexa-save{font-size:0;padding:9px}.spomexa-save:after{content:"حفظ";font-size:10px}.kit-showcase{height:285px}.spomexa-question{font-size:23px}.spomexa-option{min-height:50px;font-size:11px}}