@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{color:#1d1713;font-synthesis:none;background:#f5efe7;font-family:IBM Plex Sans Arabic,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.brand{font-size:1.25rem;font-weight:800}.eyebrow{color:#9a4d25;letter-spacing:.13em;text-transform:uppercase;font-size:.75rem;font-weight:800}.landing{background:radial-gradient(circle at 12% 18%,#f69e6d40,#0000 32%),radial-gradient(circle at 85% 85%,#87573a22,#0000 35%),#f5efe7;min-height:100vh;padding:0 7vw}.landing nav{border-bottom:1px solid #3b241522;justify-content:space-between;align-items:center;min-height:5rem;display:flex}.landing nav div{align-items:center;gap:1.5rem;display:flex}.nav-cta{border:1px solid #2b211b;padding:.65rem 1rem}.landing section{max-width:76rem;padding:13vh 0}.landing h1{letter-spacing:-.055em;max-width:10ch;margin:1rem 0 2rem;font-size:clamp(3.25rem,8vw,8.4rem);line-height:.96}.landing section>p:not(.eyebrow){color:#5d5149;max-width:42rem;font-size:1.2rem;line-height:1.9}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cta,.secondary{cursor:pointer;border:1px solid #1d1713;justify-content:center;align-items:center;min-height:3.25rem;padding:.8rem 1.4rem;display:inline-flex}.cta{color:#fff;background:#1d1713}.secondary{background:0 0}.cta:disabled{opacity:.5;cursor:wait}.auth-page{background:radial-gradient(circle at 20% 20%,#f69e6d45,#0000 33%),#f5efe7;place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{background:#fffdf9;border:1px solid #37251b22;width:min(100%,31rem);padding:clamp(1.5rem,5vw,3.5rem);box-shadow:0 30px 80px #3e26131a}.auth-card h1{margin:.5rem 0 2rem;font-size:2.5rem}.auth-card form,.auth-card label{gap:.65rem;display:grid}.auth-card form{gap:1rem}.auth-card input,.studio-form input,.studio-form textarea,.studio-form select,.settings select{background:#fff;border:1px solid #3b241533;width:100%;padding:.85rem 1rem}.auth-card .cta{width:100%;margin-top:.5rem}.text-button{cursor:pointer;color:#914622;background:0 0;border:0;padding:1rem 0}.auth-note{color:#6f625b;border-top:1px solid #3b241522;margin-top:1rem;padding-top:1rem;font-size:.85rem;line-height:1.7}.dashboard{grid-template-columns:17rem minmax(0,1fr);min-height:100vh;display:grid}.dashboard aside{color:#fff;background:#1c1714;flex-direction:column;height:100vh;padding:2rem;display:flex;position:sticky;top:0}.dashboard aside>p{color:#aa9d94}.dashboard aside nav{gap:.4rem;margin-top:2rem;display:grid}.dashboard aside nav button{color:#d9d0c9;text-align:right;cursor:pointer;background:0 0;border:0;padding:.75rem}.dashboard aside nav button.active{color:#fff;background:#ffffff12;border-inline-start:3px solid #ee9567}.account{border-top:1px solid #ffffff1f;gap:.3rem;margin-top:auto;padding-top:1.25rem;display:grid}.account small{color:#ee9567}.account button{color:#aaa;cursor:pointer;background:0 0;border:0;width:fit-content;padding:.5rem 0}.workspace{min-width:0;padding:clamp(1.5rem,4vw,4rem)}.workspace header h1{margin:.4rem 0 2rem;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.function-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.function-grid button{text-align:right;cursor:pointer;background:#fffaf4;border:1px solid #3b241522;align-content:end;gap:.5rem;min-height:9rem;padding:1.2rem;display:grid}.function-grid button.selected{color:#fff;background:#9a4d25;border-color:#9a4d25}.function-grid span{opacity:.75;font-size:.85rem;line-height:1.6}.panel{background:#fffdf9;border:1px solid #3b241522;padding:clamp(1.25rem,3vw,2.5rem)}.studio-form{gap:1.2rem;display:grid}.studio-form h2{margin:0;font-size:1.5rem}.studio-form label,.settings label{gap:.5rem;display:grid}.studio-form textarea{resize:vertical;min-height:8rem}.studio-form>.cta,.settings>.cta{width:fit-content}.options{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;display:grid}.card{background:#fffdf9;border:1px solid #3b241522;align-content:start;gap:.65rem;padding:.8rem;display:grid}.card img,.card video,.placeholder{aspect-ratio:1;object-fit:cover;background:#e9ded1;width:100%}.placeholder{color:#705e51;place-items:center;display:grid}.card small{color:#6f625b}.card-actions{flex-wrap:wrap;gap:.5rem;display:flex}.card-actions button,.upload{cursor:pointer;background:0 0;border:1px solid #3b241533;padding:.55rem .75rem}.upload{background:#fffdf9;margin-bottom:1rem;display:inline-flex}.upload input{max-width:16rem}.settings{gap:1.2rem;max-width:42rem;display:grid}.error{color:#a33625}.success{color:#26734d}.banner{background:#fff0eb;border:1px solid #a3362540;padding:.8rem 1rem}.loading{place-items:center;min-height:100vh;display:grid}.product-picker{grid-template-columns:repeat(auto-fill,minmax(9rem,1fr));gap:.65rem;max-height:22rem;display:grid;overflow:auto}.product-picker button{text-align:right;cursor:pointer;background:#fff;border:1px solid #3b241522;gap:.5rem;padding:.55rem;display:grid}.product-picker button.selected{background:#fff4ed;outline:2px solid #9a4d25}.product-picker img{aspect-ratio:1;object-fit:cover;width:100%}@media (width<=900px){.function-grid,.options{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.landing nav div>a:first-child{display:none}.landing{padding:0 1.25rem}.landing h1{font-size:3.5rem}.dashboard{grid-template-columns:1fr}.dashboard aside{height:auto;padding:1.25rem;position:static}.dashboard aside nav{grid-template-columns:repeat(3,1fr);margin-top:1rem}.account{margin-top:1rem}.function-grid,.options{grid-template-columns:1fr}.workspace{padding:1.25rem}}