.elhami-custom-studio{--ink:#102947;--blue:#0753aa;max-width:1240px;margin:auto;color:var(--ink);font-family:Tajawal,Arial,sans-serif;direction:rtl}.elhami-custom-studio *{box-sizing:border-box}.elhami-custom-studio [hidden]{display:none!important}.studio160-intro{margin-bottom:28px}.studio160-intro h2{font-size:clamp(28px,4vw,44px);margin:8px 0}.studio160-intro p{color:#526578;line-height:1.8}.studio160-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start}.studio160-preview{background:#f7f9fc;border:1px solid #dce4ee;border-radius:18px;padding:18px;position:sticky;top:100px;min-width:0}.studio160-controls{min-width:0}.elhami-custom-studio button{font:inherit;cursor:pointer}.studio1130-fits,.studio180-sides{display:flex;gap:8px}.studio1130-fits button,.studio180-sides button,.studio1130-tools button{flex:1;min-height:44px;border:1px solid #cbd6e1;border-radius:10px;background:#fff;color:var(--ink);padding:8px 12px;font-size:14px;font-weight:700}.studio1130-fits button[aria-pressed=true],.studio180-sides button[aria-pressed=true],.studio1130-tools button[aria-pressed=true]{background:var(--blue);color:#fff;border-color:var(--blue)}.studio180-sides{max-width:280px;margin:12px auto 0}.studio170-canvas{display:block;width:min(100%,360px);height:auto;aspect-ratio:600/760;margin:auto;touch-action:none;cursor:grab}.studio170-canvas:active{cursor:grabbing}.studio180-area-note{text-align:center;font-size:14px;margin:8px 0;color:#526578}.studio1130-tools{display:flex;justify-content:center;gap:12px}.studio1130-tools>div{display:flex;gap:4px}.studio1130-tools>button{flex:0 1 auto}.studio160-status{font-size:13px;color:var(--blue);margin:10px 0 4px;min-height:22px}.studio160-note{font-size:12px;color:#526578;margin:4px 0;line-height:1.7}.studio1130-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:10px}.studio1130-tabs button{min-height:52px;border:1px solid #d4deea;border-radius:10px;background:#fff;color:var(--ink);font-weight:700;font-size:15px;padding:8px 3px}.studio1130-tabs button[aria-selected=true]{background:#e7f0fc;color:var(--blue);border:2px solid var(--blue)}.studio1130-panel{padding:18px;border:1px solid #dce4ee;border-radius:14px;background:#fff;height:400px;overflow:auto;overscroll-behavior:contain}.studio1130-panel h3{font-size:18px;margin:0 0 14px}.studio160-controls label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:700}.studio160-controls input:not([type=range]),.studio160-controls select,.studio160-controls textarea{width:100%;max-width:100%;min-height:46px;border:1px solid #cbd6e1;border-radius:8px;background:#fff;padding:10px;color:var(--ink);font:inherit}.studio160-controls input[type=range]{width:100%;min-height:40px;direction:ltr;accent-color:var(--blue)}.studio160-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.studio160-row label{min-width:0}.studio160-controls small{display:block;font-size:12px;line-height:1.8;color:#526578}.studio160-art-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.studio160-art-grid button{padding:8px;background:#f3f6fa;border:1px solid #d5dfeb;border-radius:10px;min-width:0;color:var(--ink)}.studio160-art-grid button[aria-pressed=true]{border:2px solid var(--blue);background:#e7f0fc}.studio160-art-grid img{width:100%;height:70px;object-fit:contain}.studio160-art-grid span{font-size:12px;line-height:1.5;display:block}.studio180-clear{border:0;background:transparent;color:var(--blue);min-height:44px;text-decoration:underline}.studio170-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;padding:5px 3px 14px}.studio170-swatches button{width:44px;height:44px;max-width:100%;border-radius:50%;border:2px solid #d7dee6;background:var(--swatch);padding:0;justify-self:center}.studio170-swatches button[aria-pressed=true]{outline:3px solid var(--blue);outline-offset:3px}.studio1120-color-name{font-size:15px;font-weight:700;margin:0 0 18px}.studio1120-fabric{width:90px;height:60px;object-fit:cover;border-radius:8px;margin:6px 0}.studio1120-stock-note{font-size:13px;line-height:1.8;padding:10px;background:#edf3fb;border-radius:8px}.studio1130-precise{margin-top:10px;border:1px solid #dce4ee;border-radius:10px;background:#fff}.studio1130-precise summary{cursor:pointer;padding:12px;min-height:44px;font-size:13px;color:var(--blue)}.studio160-ranges{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px}.studio160-actions{display:flex;flex-direction:column;gap:10px;margin:14px 0 8px}.studio160-actions .button{display:flex;align-items:center;justify-content:center;text-align:center;width:100%;min-height:50px;white-space:normal;border-radius:10px;font:700 16px Tajawal,Arial,sans-serif;padding:12px;border:1px solid var(--blue);text-decoration:none}.studio160-actions .primary{color:#fff;background:var(--blue)}.studio160-actions .outline{color:var(--blue);background:#fff}.studio160-reset{border:0;background:transparent;color:#526578;min-height:44px;text-decoration:underline;font-size:13px!important}.studio160-download:disabled{opacity:.6;cursor:wait}.elhami-custom-studio :focus-visible{outline:3px solid #78acf0;outline-offset:3px}
@media(max-width:760px){.studio160-intro{margin-bottom:14px}.studio160-intro .eyebrow,.studio160-intro p{display:none}.studio160-intro h2{font-size:26px;margin:0 0 12px}.studio160-grid{display:flex;flex-direction:column;gap:10px}.studio160-preview,.studio160-controls{width:100%}.studio160-preview{position:static;padding:10px;border-radius:14px}.studio170-canvas{width:min(100%,calc(38svh * 600 / 760));max-height:none}.studio180-sides{margin-top:8px;max-width:240px}.studio1130-fits button,.studio180-sides button,.studio1130-tools button{min-height:44px;padding:7px 10px;font-size:13px}.studio180-area-note{font-size:12px;margin:4px 0 6px}.studio160-status{margin:6px 0 0;font-size:12px;min-height:18px}.studio160-note{font-size:11px;line-height:1.5}.studio1130-tabs{margin-bottom:8px}.studio1130-tabs button{min-height:48px;font-size:14px}.studio1130-panel{height:230px;height:clamp(190px,30svh,270px);padding:12px}.studio170-swatches{gap:12px 8px;grid-template-columns:repeat(6,minmax(0,1fr))}.studio160-art-grid img{height:55px}.studio160-actions{gap:8px}.studio160-ranges{grid-template-columns:1fr 1fr}.studio1130-panel h3{font-size:16px;margin-bottom:10px}}
@media(max-width:350px){.studio170-swatches{grid-template-columns:repeat(5,minmax(0,1fr))}.studio1130-tools{gap:5px}.studio1130-tabs button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.elhami-custom-studio *{scroll-behavior:auto}}