/*
Theme Name: Ai luq Ai Design Stage
Author: Premium Software House
Description: Image and Video Studio design staging theme.
Version: 0.1.1
Text Domain: ailuq-ai
*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#09090d;--panel:#141419;--line:#29292f;--muted:#a4a4b2;--red:#ff414e;--white:#f9f7f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--white);font:15px/1.65 Manrope,system-ui,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,label.import-button{cursor:pointer}button{color:inherit}header{height:84px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1240px)/2));position:sticky;top:0;background:#09090ded;backdrop-filter:blur(16px);z-index:10}.brand{font-size:24px;font-weight:800;display:flex;gap:10px;align-items:center;letter-spacing:-1px}.brand>span:last-child{color:var(--red)}nav{display:flex;gap:30px;color:var(--muted);font-size:13px}.robotmark{width:37px;height:29px;border:2px solid #c9c9d2;border-radius:10px;display:inline-flex;justify-content:center;align-items:center;gap:7px;background:#25252d;position:relative;box-shadow:0 0 16px #ff334c22}.robotmark i{width:7px;height:5px;border-radius:3px;background:#ff6b74;box-shadow:0 0 9px 3px #ff253c}.robotmark:after{content:'';position:absolute;top:18px;width:10px;height:2px;background:#a8a8bb;border-radius:50%}.robotmark.large{width:80px;height:65px;gap:14px;margin:0 auto 24px}.robotmark.large i{width:17px;height:8px}.robotmark.large:after{top:45px;width:22px}.button{background:var(--red);border:1px solid var(--red);color:white;border-radius:10px;padding:14px 20px;font-weight:800;font-size:13px;transition:background .2s,transform .2s}.button:hover{background:#ff5964;transform:translateY(-2px)}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.outline{background:transparent;border-color:#45454e}.small{padding:10px 15px}.notice{text-align:center;font-size:10px;letter-spacing:1.5px;padding:12px;color:#b6a4a6;background:#221012}main>section,footer{max-width:1240px;margin:auto;padding:65px 26px}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;min-height:650px;gap:30px;background:radial-gradient(ellipse at 80% 50%,#ff26301a,transparent 55%)}.eyebrow{letter-spacing:2px;font-size:10px;font-weight:800;color:#ff7c85}.hero h1{font-size:clamp(48px,5.8vw,80px);line-height:1.06;letter-spacing:-4px;margin:20px 0 26px}em{font-style:normal;color:var(--red)}.lead{max-width:540px;color:#bcbcc8;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0}.muted{color:var(--muted);font-size:12px}.pills{display:flex;gap:20px;font-size:11px;color:#bcbcc8;margin-top:30px}.pills span:before{content:'✓';color:var(--red);margin-right:6px}.hero-art{position:relative}.hero-art img{width:100%;height:auto;filter:drop-shadow(0 0 40px #ff263518)}.floating{background:#17171ecc;border:1px solid #36363d;border-radius:30px;padding:12px 18px;text-align:center;font-size:11px;width:max-content;max-width:100%;margin:-10px auto 0;position:relative}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff424d;box-shadow:0 0 10px red;margin-right:7px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}h2{font-size:clamp(28px,3.1vw,43px);line-height:1.15;letter-spacing:-1.6px;margin:12px 0}h3{letter-spacing:-.5px}.section-head>p{color:var(--muted);font-size:13px}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.studio-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;overflow:hidden}.studio-card>img{width:100%;height:280px;object-fit:cover}.card-content{padding:28px}.tag{font-size:9px;letter-spacing:1.2px;color:#f5b2b7;border:1px solid #623039;background:#31151c;border-radius:6px;padding:6px 9px;display:inline-block}.card-content h3{font-size:25px;margin:17px 0 9px}.card-content p{font-size:13px;color:var(--muted)}.card-bottom{border-top:1px solid var(--line);padding-top:20px;margin-top:25px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.text-button{background:none;border:0;padding:5px 0;color:#ff8c96;font-size:11px}.motion-art{height:280px;display:grid;place-items:center;background:radial-gradient(ellipse,#93304455,transparent 60%),linear-gradient(145deg,#171323,#241116);position:relative;overflow:hidden}.orb{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#ffbead,#de4358 35%,#2b1130 70%);box-shadow:0 0 50px #ff44552b}.play{position:absolute;display:grid;place-items:center;width:60px;height:60px;background:#ffffff18;border:1px solid #ffffff66;border-radius:50%;font-size:22px;backdrop-filter:blur(5px)}.motion-art small{position:absolute;bottom:20px;font-size:9px;letter-spacing:2px;color:#e6adb8}.workspace{display:grid;grid-template-columns:190px 1fr;border:1px solid #303038;border-radius:18px;overflow:hidden;background:#111116;box-shadow:0 24px 80px #0004}.workspace aside{padding:26px 16px;border-right:1px solid var(--line);background:#0e0e12}.compact{font-size:18px;margin-bottom:35px}.compact .robotmark{transform:scale(.8)}.side{display:block;border:0;background:none;color:#90909e;width:100%;padding:12px 13px;text-align:left;border-radius:8px;font-size:12px;margin-bottom:7px}.side.active{background:#36161c;color:#ffa0a8}.wallet{background:#1c151a;border:1px solid #49242b;border-radius:10px;padding:15px;margin-top:55px}.wallet small{font-size:8px;color:#ae8d93;letter-spacing:1px}.wallet strong{display:block;margin:8px 0;font-size:15px}.wallet p,.wallet a,.sidebar-note{font-size:10px;color:var(--muted)}.wallet a{color:#ff8995}.sidebar-note{margin-top:20px}.creation{padding:24px}.creation-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px;gap:10px}.creation-top h3{margin:0;font-size:19px}.editor-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px}.segmented{display:flex;gap:5px;padding:5px;border:1px solid var(--line);background:#09090d;border-radius:9px;margin-bottom:23px}.segmented button{background:transparent;border:0;color:#91919f;border-radius:6px;padding:9px 12px;font-size:11px;flex:1}.segmented .selected{background:#3b1b23;color:#ffb8bd}.creation label{display:block;font-size:11px;color:#b8b8c5;margin:12px 0 8px}textarea,select{width:100%;color:#e9e9ef;background:#19191f;border:1px solid #33333d;border-radius:8px;padding:12px;font-size:12px}textarea{height:135px;resize:vertical;line-height:1.7}textarea::placeholder{color:#767686}.prompt-meta{display:flex;justify-content:space-between;font-size:9px;color:#80808e}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.options>div:last-child{grid-column:1/-1}.cost{padding:16px 0;margin:14px 0;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:9px;color:var(--muted)}.cost strong{display:block;color:#f9dee1;font-size:15px}.generate{width:100%}.tiny{font-size:9px;line-height:1.7}.result-top{display:flex;justify-content:space-between;font-size:10px;color:#b7b7c5;margin-bottom:13px}.canvas{min-height:330px;aspect-ratio:16/10;background:radial-gradient(ellipse,#29151d,#0c0c11 70%);border:1px dashed #42313b;border-radius:12px;display:grid;place-items:center;overflow:hidden;padding:20px;text-align:center}.canvas h3{font-size:16px}.canvas p{font-size:11px;color:var(--muted)}.canvas img,.canvas video{width:100%;max-height:390px;object-fit:contain}.timeline{display:flex;align-items:center;gap:10px;font-size:9px;color:var(--muted);padding:22px 0}.timeline div{height:20px;background:repeating-linear-gradient(90deg,#64313b 0 3px,#2b1b25 3px 13px);flex:1;border-radius:4px}.export{display:flex;justify-content:space-between;align-items:center;gap:10px}.import-button{border:1px solid #393941;border-radius:8px;padding:9px!important;font-size:10px!important}.import-button input,.upload input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0}.upload{padding:22px;text-align:center;border:1px dashed #65505b;border-radius:8px}.upload small{display:block;color:var(--muted);font-size:9px}#status{font-size:11px;margin-top:10px;color:#ffb7be}.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:30px}.plan{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:25px}.plan.featured{border-color:#ab414f;background:linear-gradient(150deg,#30171f,#151419)}.plan h3{font-size:15px;margin:0}.price{font-size:37px;font-weight:800;letter-spacing:-2px;margin:20px 0 5px}.plan strong{font-size:16px}.plan p{color:var(--muted);font-size:11px;min-height:45px}.plan button{width:100%;margin-top:20px}.trial{display:flex;gap:20px;align-items:center;border:1px solid #4b2830;border-radius:15px;background:#201218;padding:25px;margin-top:25px}.trial>span{font-size:35px;color:var(--red)}.trial h3{margin:0 0 7px}.trial p{font-size:11px;color:var(--muted);margin:0;max-width:700px}.trial button{white-space:nowrap}.price-toggle{margin:0}.faq{max-width:850px}details{padding:22px 0;border-bottom:1px solid var(--line)}summary{font-weight:700;cursor:pointer}details p{font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}dialog{color:white;background:#21171e;border:1px solid #693441;border-radius:22px;max-width:420px;width:calc(100% - 32px);text-align:center;padding:40px}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}#close-dialog{position:absolute;right:16px;top:10px;background:none;border:0;font-size:25px}.success-icon{display:inline-grid;place-items:center;width:65px;height:65px;border-radius:50%;background:#ff414e;color:white;font-size:35px}dialog p{font-size:13px;color:var(--muted)}[hidden]{display:none!important}:focus-visible{outline:2px solid #ff8792;outline-offset:4px}@media(max-width:1000px){.workspace{grid-template-columns:150px 1fr}.editor-grid{grid-template-columns:1fr}.hero h1{font-size:58px}.plans{grid-template-columns:1fr 1fr}.trial{flex-wrap:wrap}}@media(max-width:650px){header{height:70px;padding:0 20px}nav{display:none}.hero{grid-template-columns:1fr;padding-top:42px}.hero h1{font-size:54px;letter-spacing:-3px}.hero-art{max-width:440px;margin:auto}.studio-grid{grid-template-columns:1fr}.section-head{display:block}.workspace{grid-template-columns:1fr}.workspace aside{border-right:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:8px;padding:15px}.compact{width:100%;margin:0}.side{width:auto;margin:0}.wallet{margin:0;width:100%;padding:10px}.wallet p,.wallet a,.sidebar-note{display:none}.creation{padding:16px}.creation-top{flex-wrap:wrap}.plans{gap:10px}.plan{padding:18px}.section-head h2{font-size:32px}.price-toggle{margin-top:20px}.trial{padding:20px}main>section,footer{padding:45px 20px}.pills{gap:12px}.notice{font-size:8px}.hero-art img{max-height:380px;object-fit:contain}.export{flex-wrap:wrap}footer{flex-wrap:wrap;gap:20px}.canvas{min-height:260px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:30px}.example-card{overflow:hidden;border:1px solid #36303b;border-radius:18px;background:#16151d}.example-visual{display:flex;aspect-ratio:2/1;background:#101018}.example-visual img{width:100%;height:100%;object-fit:cover}.example-visual.split img{width:50%;object-fit:cover}.example-labels{display:grid;grid-template-columns:1fr 1fr;font-size:10px;font-weight:600;color:#dccdd3;background:#241c29}.example-labels span{padding:8px 14px}.example-labels span:last-child{background:#30202b;color:#ffb2ba}.example-copy{padding:20px 24px}.example-copy h3{margin:0;font-size:20px}.example-copy p{margin:5px 0;color:#aaa5b5;font-size:13px}.example-guide{margin-top:30px;max-width:850px}.example-guide p{color:#aaa5b5}.example-guide h3{font-size:24px}@media(max-width:650px){.example-grid{grid-template-columns:1fr;gap:18px}.example-copy{padding:16px 20px}}
.dragon-play{color:white;cursor:pointer;z-index:2;box-shadow:0 0 35px #ff344c55}.dragon-play:hover{background:#ff344c99;transform:scale(1.08)}.motion-art>img{animation:dragon-cinema 6s ease-in-out infinite}.motion-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 50%,#ff173e22,transparent 65%);animation:dragon-fire-glow 3s ease-in-out infinite}@keyframes dragon-cinema{50%{transform:scale(1.045)}}@keyframes dragon-fire-glow{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.motion-art>img,.motion-art:after{animation:none}}
.hero-art{overflow:visible;isolation:isolate}.hero-art img{position:relative;z-index:1}.hero-laser{position:absolute;top:34%;left:57%;width:80%;height:12px;transform-origin:0 50%;transform:rotate(155deg);pointer-events:none;z-index:2;mix-blend-mode:screen;animation:laser-power 2.8s ease-in-out infinite}.hero-laser-right{top:39%;left:84%;width:55%;transform:rotate(24deg);animation-delay:-1.3s}.laser-core{position:absolute;inset:3px 0;background:linear-gradient(90deg,#fff 0%,#fff5ef 30%,#ffb2a1 70%,#ff223800 100%);border-radius:50%;box-shadow:0 0 8px #fff,0 0 18px #ff253b,0 0 35px #ff1b35}.laser-flame{position:absolute;left:40%;top:-14px;width:65%;height:40px;background:linear-gradient(90deg,#ff242b99,#ff592766,transparent);filter:blur(7px);clip-path:polygon(0 40%,35% 10%,27% 35%,75% 0,59% 38%,100% 30%,81% 51%,100% 75%,55% 62%,70% 100%,25% 66%,0 65%);animation:laser-flare 1.7s ease-in-out infinite alternate}.laser-spark{position:absolute;left:35%;top:0;width:4px;height:4px;border-radius:50%;background:#fff2c4;box-shadow:18px -10px 2px #ff5638,55px 13px 3px #ff5638,96px -16px 2px #ffc195,140px 9px 2px #ff292e;animation:laser-sparks 1.3s linear infinite}.hero .floating{z-index:3}.hero>div:first-child{position:relative;z-index:3}body{overflow-x:clip}@keyframes laser-power{0%,100%{opacity:.55}40%,70%{opacity:1}}@keyframes laser-flare{to{transform:scaleY(1.5) translateX(7%);opacity:.45}}@keyframes laser-sparks{to{transform:translateX(120px);opacity:0}}@media(max-width:650px){.hero-laser{width:70%}.hero-laser-right{width:40%}}@media(prefers-reduced-motion:reduce){.hero-laser,.laser-flame,.laser-spark{animation:none}.laser-spark{display:none}}
.laser-core{background:linear-gradient(90deg,#ff2036 0%,#ff1831 40%,#ed082b 75%,#ff163000 100%);box-shadow:0 0 8px #ff1730,0 0 20px #ff0829,0 0 38px #dc002b}.laser-flame{background:linear-gradient(90deg,#ff003cc9,#e6003299,transparent);filter:blur(5px)}.laser-spark{background:#ff2344;box-shadow:18px -10px 2px #ff163a,55px 13px 3px #ed0038,96px -16px 2px #ff3754,140px 9px 2px #e50032}.hero-laser{mix-blend-mode:normal}
.hero-laser-left{left:0;top:59%;width:42%;transform:rotate(155deg)}.hero-laser-right{left:100%;top:49%;width:35%;transform:rotate(24deg)}@media(max-width:650px){.hero-laser-left{width:32%}.hero-laser-right{width:25%}}
.hero-laser-left{top:51%;left:1%;transform:rotate(155deg)}.hero-laser-right{top:59%;left:99%;transform:rotate(24deg)}.hero-laser .laser-core{background:linear-gradient(90deg,#fff1f0 0%,#ff5462 8%,#ff1831 45%,#ed082b 75%,#ff163000 100%)}
.hero-laser{height:clamp(16px,2.8vw,30px)}.hero-laser .laser-core{inset:20% 0;border-radius:0;background:linear-gradient(90deg,#fff6f5 0%,#ffb8ba 12%,#ff354f 45%,#f00832 72%,#ff163000 100%);box-shadow:0 0 10px #ff2344,0 0 24px #ff1036}.hero-laser .laser-flame{top:-25%;height:150%}
.robot-laser-frame{position:relative;width:100%;aspect-ratio:1374/1145}.robot-laser-frame>img{display:block;width:100%;height:100%;max-height:none;object-fit:fill}.robot-laser-frame .hero-laser{height:3.2%;transform-origin:0 50%;animation:none;opacity:1}.robot-laser-frame .hero-laser-left{left:0;top:60.3%;width:42%;transform:translateY(-50%) rotate(155deg)}.robot-laser-frame .hero-laser-right{left:100%;top:62.9%;width:35%;transform:translateY(-50%) rotate(29deg)}.robot-laser-frame .laser-core{inset:32% 0;background:linear-gradient(90deg,#fff 0%,#ffdadc 15%,#ff304c 60%,#ff163000 100%);box-shadow:0 0 7px #fff7,0 0 15px #ff163a,0 0 30px #ff163a}.robot-laser-frame .laser-flame{opacity:.4;top:-40%;height:180%}
.robot-laser-frame .hero-laser{height:7%}.robot-laser-frame .laser-core{inset:40% 0;box-shadow:0 0 8px #fff9,0 0 20px #ff173c,0 0 42px #ff0a37}.robot-laser-frame .laser-flame{left:-3%;width:103%;top:-45%;height:190%;opacity:.95;background:linear-gradient(90deg,#ff003bdb 0%,#fb0035b8 45%,#d9003277 75%,transparent 100%);filter:blur(8px);clip-path:polygon(0 34%,24% 15%,18% 35%,60% 0,51% 32%,100% 22%,82% 48%,100% 76%,55% 66%,67% 100%,22% 69%,0 67%)}
.robot-laser-frame .hero-laser-left{left:2%;top:59.15%;width:44%}.robot-laser-frame .hero-laser-right{left:98%;top:61.55%;width:37%}.robot-laser-frame .hero-laser{height:5.8%;z-index:4}.robot-laser-frame .laser-core{inset:37% 0;border-radius:0;background:linear-gradient(90deg,#ff7584 0%,#ff4058 25%,#ff173b 72%,#ff173b00 100%);box-shadow:0 0 9px #ff4058,0 0 22px #ff173b,0 0 35px #ef0038}.robot-laser-frame .laser-flame{left:0;top:-25%;height:150%;width:100%;opacity:.8;clip-path:none;border-radius:50%;background:linear-gradient(90deg,#ff1747aa,#ee003c88 65%,transparent);filter:blur(9px);animation:none}.robot-laser-frame .laser-spark{display:none}
.robot-laser-frame .hero-laser-left{left:45.8%;top:34.8%;width:92%;transform:translateY(-50%) rotate(155deg)}.robot-laser-frame .hero-laser-right{left:66.1%;top:40%;width:77%;transform:translateY(-50%) rotate(29deg)}.robot-laser-frame .hero-laser{height:4.5%;animation:continuous-eye-power 3s ease-in-out infinite;z-index:4}.robot-laser-frame .laser-core{inset:40% 0;border-radius:50%;background:linear-gradient(90deg,#ff8d9b,#ff244e 38%,#fb003d 75%,transparent);box-shadow:0 0 10px #ff254b,0 0 25px #ff1642}.robot-laser-frame .laser-flame{left:0;top:-60%;height:220%;width:100%;background:linear-gradient(90deg,#ff164599,#fa003ec9 40%,#ed003d77 75%,transparent);clip-path:polygon(0 45%,16% 30%,23% 0,28% 35%,54% 12%,50% 39%,85% 20%,75% 48%,100% 35%,87% 60%,100% 82%,62% 65%,70% 100%,37% 67%,19% 82%,0 57%);filter:blur(6px);opacity:.8;animation:eye-fire-dance 1.2s ease-in-out infinite alternate}.robot-laser-frame .laser-spark{display:block;background:#ff3056;animation:laser-sparks 1.5s linear infinite}@keyframes eye-fire-dance{to{transform:scaleY(1.3) translateX(3%);opacity:.45}}@keyframes continuous-eye-power{50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.robot-laser-frame .hero-laser,.robot-laser-frame .laser-flame,.robot-laser-frame .laser-spark{animation:none}.robot-laser-frame .laser-spark{display:none}}
.auth-art .auth-robot-frame{max-width:500px;margin:20px auto;isolation:isolate}.auth-art .auth-robot-frame>img{height:100%;max-height:none;width:100%;object-fit:fill}.auth-robot-frame .hero-laser{pointer-events:none}.auth-art h1,.auth-art>.lead,.auth-art>.muted{position:relative;z-index:5}@media(max-width:750px){.auth-art .auth-robot-frame{display:none}}
/*
Theme Name: Ai luq Ai Design Stage
Author: Premium Software House
Description: Approved red-laser robot and Image/Video Studio design. Staging only; no live generation, payments or authentication.
Version: 0.1.0
Text Domain: ailuq-ai
*/