:root{--ink:#20172d;--muted:#726880;--line:#e9e2f1;--green:#a83df5;--bg:#f7f5fc;--gradient:linear-gradient(110deg,#7c3aed 0%,#c026d3 48%,#f43f5e 80%,#fb923c 100%)}
body{background:radial-gradient(ellipse at 90% 5%,#fae8ff 0,transparent 38%),var(--bg);color:var(--ink);font-size:14px}aside{background:#191224;border-color:#30243d;color:white}.brand{color:#fff}.brand b{background:var(--gradient);color:#fff;border-radius:10px;box-shadow:0 4px 16px #d32aa342}.brand small{color:#c4b5d8}.workspace{color:#a99ab9}.nav{color:#c4b6d1;border:1px solid transparent;font-size:12px}.nav.active{background:linear-gradient(100deg,#762ee8,#b72bba);color:#fff;border-color:#bc75f73b;box-shadow:0 6px 20px #0002}.nav:hover{background-color:#2e203e;color:#fff}.aside-bottom{border-top:1px solid #3b2c48;padding-top:20px;color:#f3eaff}.avatar{background:linear-gradient(130deg,#f43f5e,#a855f7);color:#fff}.aside-bottom small{color:#b4a5c1}header{color:#84788f}header b{color:#41324f}.beta{color:#8b37c0;background:#f5e7ff;border-color:#e9c9fb;font-weight:700}
#studio>.intro{position:relative;overflow:hidden;border-radius:20px;padding:32px 38px;margin:30px 0;background:radial-gradient(circle at 90% 0%,#ff9155aa,transparent 42%),radial-gradient(circle at 72% 140%,#f43f5e80,transparent 55%),linear-gradient(115deg,#311365,#6d22b7 58%,#b0219a);box-shadow:0 12px 35px #6d28a51c}#studio>.intro:after{content:'#';position:absolute;right:45px;top:-50px;font:800 245px 'Manrope',sans-serif;line-height:1.5;transform:rotate(-15deg);color:#fff1;pointer-events:none}#studio>.intro .eyebrow{color:#f0c5ff;font-size:10px}#studio>.intro h1{color:#fff;font-size:43px;letter-spacing:-1.8px;position:relative;z-index:1;margin:13px 0}#studio>.intro h1 em{color:#ffcfde}#studio>.intro p{color:#efe2fa;position:relative;z-index:1;font-size:13px;max-width:80%;line-height:1.7}.intro .eyebrow{color:#922ec2}.intro h1{color:#311547}.intro p{color:#786387}.card{border-color:#e9e0f2;border-radius:17px;box-shadow:0 8px 28px #4e237109}.input-card{border-top:3px solid #b12ce4}.card-heading{margin-bottom:22px}h2{font-size:17px}.step{background:#f4e7ff;border-color:#ead1fc;color:#8e30c2}label{color:#483256;font-size:12px}textarea,input,select{border-color:#ded4e7;background:#fefcff;font-size:13px}textarea{line-height:1.7}textarea:focus,input:focus,select:focus{border-color:#b254ed;box-shadow:0 0 0 3px #f2e5fe}textarea::placeholder,input::placeholder{color:#9a8ba8}.under{color:#8b7c98}.examples{color:#887298}.examples button{background:#f9efff;border-color:#ecdafa;color:#9251ac;font-size:10px}.platform{border-radius:8px;color:#75627f;font-size:13px}.platform[data-platform=YouTube]{color:#d22138}.platform[data-platform=Instagram]{color:#a82d9f}.platform[data-platform=YouTube].selected{background:#fff0f1;border-color:#f15667;box-shadow:0 0 0 1px #f1566715;color:#c41b32}.platform[data-platform=Instagram].selected{background:linear-gradient(110deg,#f5eaff,#ffe9f1,#fff1df);border-color:#c94bc4;color:#9e237f}.primary{background:var(--gradient);color:white;box-shadow:0 5px 14px #ae37d523;border-radius:9px;font-size:12px}.primary:hover{box-shadow:0 6px 20px #ae37d53b;transform:translateY(-1px)}.generate{padding:15px 17px}.secondary{border-color:#e3d2f0;color:#7b369d;background:#fff;border-radius:8px}.text-btn{color:#8e32b9}.secondary:hover{background:#faf1ff}.optional,.local-note{color:#8e7d9c}.tip{color:#887197}.tip>span{color:#d43dba}.tip b{color:#6e4089}.empty{background:radial-gradient(ellipse at 50% 15%,#fff2fb,transparent 65%),#fff;border-top:3px solid #ef4b91}.empty p{color:#8a7598}.art{background:radial-gradient(ellipse,#f4dbff 0,transparent 68%)}.art>span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(5px 9px 0 #ecd6f8)}.art-chip{border-color:#f0d9f7;color:#9f3eaa;box-shadow:0 6px 20px #c03e9010;font-weight:600}.dot{background:#f45ba4}.d2{background:#a855f7}.features{color:#9a5aad;border-color:#f0e5f6}.mini-footer{color:#9b80ac}.green-dot{background:#db3ab9}.result-top .eyebrow{color:#ae38bc}.suggestion{background:#f7e9ff;color:#9836b9}.notice{background:#faf2ff;color:#876196;border-left:3px solid #d49bea}.muted,.help{color:#806a8d}.title-section{border-color:#f0e5f6}.title-option{border-color:#efdef7;background:linear-gradient(110deg,#fffaff,#faf5ff);border-radius:10px}.title-label{color:#b13bc1}.title-option p{color:#4f2b65}.title-option small{color:#9979ab}.chip{background:#fbf6ff;border-color:#ead8f6;color:#865399;border-radius:8px}.chip[aria-pressed=true]{background:linear-gradient(110deg,#8a35dd,#bf36c1);border-color:#a43bdd;color:#fff;box-shadow:0 3px 8px #9638cb1c}.selection{background:#f9f0ff;border-color:#d4a6f2}.selection p{color:#88529e}.selection b{color:#703391}.builder-actions #regenerate{background:linear-gradient(110deg,#f4e7ff,#ffe7f3);border-color:#e8b3e8;color:#a128a0}.history-controls span{color:#9469ac}.research{border-color:#efdef7}.research a{color:#a531b9;font-weight:600}.saved-card p{color:#80628d}.lime{color:#d33aaa}footer{color:#9876a9;border-color:#e7d7ef}#toast{background:linear-gradient(100deg,#6d28a0,#b32da6);box-shadow:0 8px 30px #71249a33}button:focus-visible,a:focus-visible{outline-color:#df4cbd}.history-controls button:disabled{opacity:.45;transform:none;box-shadow:none}
@media(max-width:1050px){#studio>.intro{padding:28px}#studio>.intro h1{font-size:38px}#studio>.intro:after{right:25px;font-size:210px}}
@media(max-width:650px){aside{border-bottom:0}.nav{font-size:10px}.brand .wordmark{font-size:18px}#studio>.intro{padding:25px 22px;border-radius:15px;margin:22px 0}#studio>.intro h1{font-size:34px}#studio>.intro .eyebrow{font-size:8px;letter-spacing:1.3px}#studio>.intro p{font-size:12px;max-width:90%}#studio>.intro:after{font-size:180px;right:5px;top:-10px}.card{border-radius:14px}footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){button{transition:none}.primary:hover{transform:none}}

.brand .brand-icon{display:block;position:relative;width:36px;height:36px;flex:0 0 36px;border-radius:9px;overflow:hidden;background:#233e60;margin:0;align-self:center}.brand-icon img{position:absolute;width:129.1%;height:auto;max-width:none;left:-13.25%;top:-14.1%;display:block}.brand{gap:9px}@media(min-width:651px) and (max-width:1050px){.brand .brand-icon{width:29px;height:29px;flex-basis:29px;border-radius:7px}}@media(max-width:390px){.brand .brand-icon{width:29px;height:29px;flex-basis:29px;border-radius:7px}}

.aside-bottom .ninthspot-logo{position:relative;width:42px;height:42px;flex:0 0 42px;overflow:hidden;border-radius:0;background:transparent;padding:0}.ninthspot-logo img{position:absolute;display:block;width:222.73%;height:auto;max-width:none;left:-62.31%;top:-57.24%}

.magic-heading{display:flex;align-items:center;gap:8px}.magic-sparks{position:relative;display:inline-block;width:35px;height:24px;margin:0;flex-shrink:0}.magic-sparks i{position:absolute;display:block;width:12px;height:12px;background:#c039cd;clip-path:polygon(50% 0,63% 36%,100% 50%,63% 64%,50% 100%,37% 64%,0 50%,37% 36%);animation:magic-twinkle 3.6s ease-in-out infinite}.magic-sparks i:nth-child(1){left:1px;top:8px}.magic-sparks i:nth-child(2){left:16px;top:1px;width:9px;height:9px;background:#ed7099;animation-delay:-1.2s}.magic-sparks i:nth-child(3){left:25px;top:15px;width:6px;height:6px;background:#9c6bdf;animation-delay:-2.4s}.effects-toggle{padding:3px 0 10px;font-size:10px;display:block}.effects-toggle:hover{color:#c026d3}#hashtags{position:relative;isolation:isolate;padding:8px 0}#hashtags>.chip{position:relative;overflow:hidden;animation:magic-appear .45s ease-out both}#hashtags>.chip:nth-child(3n+2){animation-delay:.05s}#hashtags>.chip:nth-child(3n){animation-delay:.1s}#hashtags>.chip:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#ffffff85 50%,transparent 75%);transform:translateX(-130%);animation:magic-sheen 1.1s .2s ease-out both;pointer-events:none}#hashtags>.chip[aria-pressed=true]:after{background:linear-gradient(110deg,transparent 25%,#ffffff45 50%,transparent 75%)}@keyframes magic-twinkle{0%,100%{opacity:.3;transform:scale(.7) rotate(0)}45%{opacity:1;transform:scale(1.12) rotate(25deg)}70%{opacity:.6;transform:scale(.85) rotate(45deg)}}@keyframes magic-appear{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes magic-sheen{from{transform:translateX(-130%)}to{transform:translateX(130%)}}.effects-off .magic-sparks i,.effects-off #hashtags>.chip,.effects-off #hashtags>.chip:after{animation:none}.effects-off #hashtags>.chip:after{display:none}@media(prefers-reduced-motion:reduce){.magic-sparks i,#hashtags>.chip,#hashtags>.chip:after{animation:none!important}#hashtags>.chip:after{display:none}}

.magic-word-group{position:relative;border-radius:12px;margin:5px 0 12px;padding:12px 10px;background:linear-gradient(120deg,#fbf5ff,#fff8fc);border:1px solid #f1e2f9;isolation:isolate}.magic-word-group .chips{position:relative;z-index:1}.word-magic{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:visible}.word-magic i{position:absolute;width:9px;height:9px;background:#b66be0;clip-path:polygon(50% 0,61% 38%,100% 50%,61% 62%,50% 100%,39% 62%,0 50%,39% 38%);opacity:0;animation:word-mote 5.4s ease-in-out infinite}.word-magic i:nth-child(1){left:5%;top:12%;animation-delay:-.6s}.word-magic i:nth-child(2){left:35%;top:0;animation-delay:-3s;width:6px;height:6px;background:#e88dbd}.word-magic i:nth-child(3){right:4%;top:25%;animation-delay:-1.5s}.word-magic i:nth-child(4){left:15%;bottom:4%;animation-delay:-4.2s;width:6px;height:6px;background:#edb271}.word-magic i:nth-child(5){right:24%;bottom:0;animation-delay:-2.3s;background:#c899e9}.word-magic i:nth-child(6){right:1%;bottom:15%;animation-delay:-4.8s;width:5px;height:5px}.magic-word-group .chip{animation:word-halo 7s ease-in-out infinite}.magic-word-group .chip:nth-child(3n+2){animation-delay:-2.4s}.magic-word-group .chip:nth-child(3n){animation-delay:-4.7s}#hashtags>.chip{animation:magic-appear .45s ease-out both,word-halo 7s ease-in-out infinite}#hashtags>.chip:nth-child(3n+2){animation-delay:.05s,-2.4s}#hashtags>.chip:nth-child(3n){animation-delay:.1s,-4.7s}@keyframes word-mote{0%,12%,80%,100%{opacity:0;transform:translateY(5px) scale(.3) rotate(0)}35%{opacity:.75;transform:translateY(-2px) scale(1) rotate(20deg)}60%{opacity:0;transform:translateY(-10px) scale(.45) rotate(50deg)}}@keyframes word-halo{0%,65%,100%{box-shadow:0 0 0 0 #bb68dd00}78%{box-shadow:0 0 10px 2px #c16fdd33}88%{box-shadow:0 0 4px 1px #c16fdd12}}.effects-off .word-magic{display:none}.effects-off .magic-word-group .chip{animation:none!important}@media(prefers-reduced-motion:reduce){.word-magic{display:none}.magic-word-group .chip{animation:none!important}}

.site-info{border-top:1px solid var(--line);padding:30px 0 5px;margin-top:24px}.info-intro h2{margin:10px 0 6px}.info-intro>p{color:#806a8d;font-size:12px}.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;align-items:start}.info-grid details{background:#fff;border:1px solid #eadff1;border-radius:12px;min-width:0;overflow:hidden}.info-grid summary{cursor:pointer;padding:17px 15px;font-weight:600;font-size:12px;display:flex;justify-content:space-between;align-items:center;list-style:none;gap:8px;color:#62337c}.info-grid summary::-webkit-details-marker{display:none}.info-grid summary:focus-visible{outline:2px solid #bc5bd9;outline-offset:-3px}.info-grid summary span{color:#ae70cb;transition:transform .2s}.info-grid details[open] summary span{transform:rotate(45deg)}.info-body{padding:0 15px 17px;font-size:12px;line-height:1.85;color:#776083;overflow-wrap:anywhere}.info-body p{margin:10px 0}.info-body a{color:#9b32b5}.founder-credit{border-left:3px solid #cb81e5;padding:10px 12px;background:#faf3ff;border-radius:0 8px 8px 0}.founder-credit strong{color:#432551}.founder-credit span{font-size:10px;color:#957ba3}.info-body textarea{min-height:120px;font-size:13px}.info-body .primary{margin-top:8px}.info-body label{margin-top:13px}@media(max-width:1100px){.info-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.info-grid summary span{transition:none}}

.brand .brand-icon{background:#16064e}#studio>.intro:after{content:'#mayakshara';font-family:'Manrope',sans-serif;font-weight:400;font-size:clamp(30px,4.8vw,72px);letter-spacing:-3px;line-height:1;top:auto;bottom:28px;right:28px;transform:none;color:rgba(255,255,255,.2);max-width:50%;white-space:nowrap}#studio>.intro h1{max-width:60%}#studio>.intro p{max-width:60%}.help,.muted{font-size:12px;color:#70567f}.under{font-size:11px;color:#786585}.optional,.local-note{font-size:11px;color:#786585}.title-label{font-size:10px;color:#87319d}.title-option small{font-size:11px;color:#80628f}.notice{font-size:12px;color:#73507f}.examples{font-size:11px;color:#786585}.examples button{font-size:11px}.selection,.text-btn{font-size:11px}.mini-footer{font-size:11px;color:#80628f}#studio>.intro .eyebrow{font-size:10px;color:#f5d9ff}.info-body .help{color:#70567f}@media(max-width:1050px){#studio>.intro:after{font-size:42px;right:24px;bottom:24px;letter-spacing:-2px;max-width:none}#studio>.intro{padding-bottom:78px}#studio>.intro h1,#studio>.intro p{max-width:100%}}@media(max-width:650px){#studio>.intro:after{font-size:32px;right:20px;bottom:18px;letter-spacing:-1.3px}#studio>.intro{padding-bottom:65px}.under{font-size:10px;flex-wrap:wrap}.title-label{font-size:10px}.title-option small{font-size:11px}.examples button{font-size:11px;padding:7px 9px}}
