.ruaa-studio{--rg-bg:#071321;--rg-card:#0b1d30;--rg-line:#23415a;--rg-accent:#58e6cf;color:#eff8ff;direction:rtl;max-width:1260px;margin:24px auto;padding:20px;font-family:Tahoma,Arial,sans-serif;text-align:right;line-height:1.8}.ruaa-studio *{box-sizing:border-box}.ruaa-studio [hidden]{display:none!important}.rg-intro{margin-bottom:22px}.rg-intro h2{font-size:clamp(24px,3.4vw,36px);margin:8px 0}.rg-eyebrow,.rg-link{color:var(--rg-accent)}.rg-intro p,.rg-hint{color:#b3c8d9;font-size:14px}.rg-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.rg-card{background:var(--rg-card);border:1px solid var(--rg-line);border-radius:20px;padding:24px;min-width:0}.ruaa-studio label{display:block;margin:16px 0 7px;font-weight:bold}.ruaa-studio textarea,.ruaa-studio select,.ruaa-studio input[type=file]{width:100%;background:#05111e;color:#f1f7fe;border:1px solid #42627c;border-radius:12px;padding:13px;font:inherit;font-size:16px;min-width:0}.ruaa-studio textarea{min-height:180px;resize:vertical}.ruaa-studio :focus-visible{outline:3px solid #79e9da;outline-offset:3px}.rg-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.rg-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px;align-items:center}.ruaa-studio button,.ruaa-studio .rg-link{font:inherit;font-size:15px;border-radius:12px;padding:11px 16px;cursor:pointer;text-decoration:none}.ruaa-studio button{background:var(--rg-accent);color:#03221d;border:1px solid transparent;font-weight:bold}.ruaa-studio button.rg-secondary{background:#102b44;color:#e6f7ff;border:1px solid #55748f}.ruaa-studio button:disabled{opacity:.5;cursor:not-allowed}.rg-notice{background:#282818;border:1px solid #8b8145;padding:14px 18px;border-radius:12px;margin-bottom:22px}.rg-output{min-height:240px;background:#040c16;border:1px dashed #39536b;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:20px 0;overflow:hidden;text-align:center}.rg-output p{padding:24px;color:#b3c8d9}.rg-output img,.rg-output video,#rg-source-preview{display:block;max-width:100%;max-height:560px;object-fit:contain;border-radius:12px}#rg-source-preview{margin:12px auto;max-height:200px}#rg-error{color:#ffbcbc;overflow-wrap:anywhere}#rg-job{direction:ltr;text-align:right;overflow-wrap:anywhere}.rg-history{margin-top:22px}.rg-history-row{display:flex;gap:12px;justify-content:space-between;align-items:center;border-top:1px solid var(--rg-line);padding:12px 0}.rg-history-row span{overflow-wrap:anywhere;min-width:0}.rg-link{display:inline-block}.rg-history-row small{display:block;color:#b3c8d9}@media(max-width:820px){.rg-grid{grid-template-columns:1fr}.ruaa-studio{padding:12px;margin:12px auto}.rg-card{padding:18px}}@media(max-width:480px){.rg-options{grid-template-columns:1fr}.rg-actions>*{width:100%;text-align:center}.rg-history-row{align-items:flex-start;flex-direction:column}}

/* Shared generator layout, including the image page's legacy outer shell. */
.ruaa-studio{width:100%;min-width:0}
.ruaa-studio :is(form,section,p,dl,dd){min-width:0;max-width:100%;overflow-wrap:anywhere}
.ruaa-studio :is(select,input[type=file]){height:auto;min-height:50px;max-width:100%}
.ruaa-studio textarea{height:auto;max-width:100%;white-space:pre-wrap;overflow-wrap:break-word}
.ruaa-studio button,.ruaa-studio .rg-link{max-width:100%;white-space:normal;overflow-wrap:anywhere}
.rg-actions>*{min-width:0}.rg-output{width:100%}.rg-output :is(img,video){height:auto;min-width:0}
.rg-script-preview{border:1px solid var(--rg-line);border-radius:12px;padding:14px;margin-top:14px;background:#071624}
.rg-script-preview h3{font-size:17px;margin:0}.rg-script-preview dt{font-weight:bold;margin-top:12px}
.rg-script-preview dd{margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere}
body:has(.ruaa-studio) :is(.workspace,.wrap,.container,.page){min-width:0;max-width:100%;box-sizing:border-box}
body:has(.ruaa-studio) :is(.header,.footer-inner,.nav,.user-zone,.user-box,.user-card,.recent-head,.recent-filters,.footer-links){min-width:0;max-width:100%;flex-wrap:wrap}
body:has(.ruaa-studio) :is(.gallery-row,.features-grid){min-width:0}
body:has(.ruaa-studio) :is(.feature,.work-card,.recent){min-width:0;overflow-wrap:anywhere}
body:has(.ruaa-studio) .gallery-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr))}
body:has(.ruaa-studio) :is(.work-card img,.work-card video){max-width:100%}
body:has(.ruaa-studio) .toast{min-width:0;max-width:calc(100vw - 32px);right:16px}
@media(max-width:1000px){
 body:has(.ruaa-studio) .header{height:auto;min-height:82px;gap:14px;padding:16px}
 body:has(.ruaa-studio) :is(.nav,.user-zone,.user-box){justify-content:center}
 body:has(.ruaa-studio) .nav{gap:16px;white-space:normal}
}
@media(max-width:820px){
 body:has(.ruaa-studio) .header{justify-content:center}
 body:has(.ruaa-studio) :is(.nav,.user-zone,.user-box){width:100%;flex-wrap:wrap}
 body:has(.ruaa-studio) .nav a{height:auto;padding:8px 4px}
 body:has(.ruaa-studio) .feature{padding:18px;flex-wrap:wrap}
 body:has(.ruaa-studio) :is(.footer-inner,.footer-links){justify-content:center}
 .rg-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:480px){
 .ruaa-studio{padding:8px}.rg-card{padding:14px}.rg-actions>*{flex:1 1 100%}
 body:has(.ruaa-studio) :is(.recent-head,.recent-filters){gap:10px;flex-wrap:wrap}
 body:has(.ruaa-studio) .logo{font-size:clamp(25px,8vw,36px);max-width:100%}
}