.result-tools{display:flex;gap:8px;margin-top:12px}.result-tools button{width:auto;border:1px solid var(--green);border-radius:9px;padding:10px 14px;font:inherit;font-size:10px;cursor:pointer}.result-tools>button:first-child{background:#e9f3ef;color:var(--green)}
.visual-studio{width:min(1180px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;border:0;background:transparent}.visual-studio::backdrop{background:rgba(8,24,19,.72);backdrop-filter:blur(7px)}.visual-studio .auth-card{box-sizing:border-box;width:100%;max-height:calc(100dvh - 32px);overflow:auto;padding:30px 34px 38px;border-radius:22px;background:#fbfcfa}.visual-studio .auth-brand{position:sticky;top:-30px;z-index:5;margin:-30px -34px 24px;padding:24px 34px 18px;background:rgba(251,252,250,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.visual-studio .dialog-close{position:sticky;float:left;top:12px;z-index:8;margin-top:-14px;margin-left:-18px;width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 5px 18px rgba(20,43,35,.12)}
.visual-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 18px}.visual-form-grid .wide{grid-column:1/-1}.visual-profile-actions,.visual-options{display:flex;gap:10px;margin-top:14px}.visual-profile-actions button{border:1px solid var(--line);background:#fff;border-radius:9px;padding:11px 14px;font:inherit;cursor:pointer}.visual-profile-actions button:first-child{background:var(--green);color:#fff}.visual-studio hr{border:0;border-top:1px solid var(--line);margin:26px 0}.visual-options{display:grid;grid-template-columns:1fr 1fr;margin:16px 0}.visual-options .field{min-width:0}.visual-option-disabled{opacity:.48}.visual-option-disabled select{cursor:not-allowed}
.visual-generation-head{padding:22px;border:1px solid #d6e6de;border-radius:18px;background:linear-gradient(135deg,#f3faf6,#fff)}.visual-generation-head h3{margin:7px 0 5px;font-size:18px}.visual-generation-head p{margin:0;color:var(--muted);font-size:10px}.visual-mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:18px}.visual-mode-grid label{position:relative;cursor:pointer}.visual-mode-grid input{position:absolute;opacity:0;pointer-events:none}.visual-mode-grid span{display:grid;gap:5px;min-height:74px;padding:15px;border:1px solid #dce6e1;border-radius:13px;background:#fff;transition:.18s ease}.visual-mode-grid b{font-size:11px}.visual-mode-grid small{color:var(--muted);font-size:9px;line-height:1.65}.visual-mode-grid input:checked+span{border-color:var(--green);background:#eaf5f0;box-shadow:0 0 0 2px rgba(12,82,66,.1)}.visual-mode-grid input:checked+span:after{content:"✓ تم الاختيار";color:var(--green);font-size:8px;font-weight:700}.visual-resume-option{display:flex;align-items:center;gap:8px;padding:11px 13px;margin:8px 0 14px;border-radius:10px;background:#f2f4f2;font-size:10px}.visual-resume-option small{color:#9a5f30}.visual-generate-form>.primary,#visualGenerateForm>.primary{width:100%;min-height:48px;font-size:11px}
.visual-reference-preview,.visual-assets{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px;margin-top:12px}.visual-reference-preview img{width:100%;height:110px;object-fit:cover;border-radius:10px;border:1px solid var(--line)}.visual-assets article{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(24,50,41,.06)}.visual-assets img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}.visual-assets div{padding:12px}.visual-assets strong,.visual-assets small{display:block}.visual-assets small{color:var(--muted);margin-top:5px;line-height:1.6}.visual-assets a{display:inline-block;margin-top:9px;color:var(--green);font-size:10px}.visual-studio #visualStatus{position:sticky;bottom:-38px;z-index:4;margin:18px -34px -38px;padding:13px 34px;background:rgba(251,252,250,.96);border-top:1px solid var(--line);backdrop-filter:blur(10px)}
@media(max-width:760px){.visual-studio{width:100vw;height:100dvh;margin:0;max-height:none}.visual-studio .auth-card{min-height:100dvh;max-height:100dvh;border-radius:0;padding:22px 18px 84px}.visual-studio .auth-brand{top:-22px;margin:-22px -18px 20px;padding:20px 58px 15px 18px}.visual-studio .auth-brand h2{font-size:16px}.visual-studio .dialog-close{position:fixed;left:13px;top:13px;margin:0}.visual-form-grid,.visual-options,.visual-mode-grid{grid-template-columns:1fr}.visual-form-grid .wide{grid-column:auto}.visual-generation-head{padding:17px}.visual-mode-grid{gap:8px}.visual-mode-grid span{min-height:auto}.visual-profile-actions{display:grid;grid-template-columns:1fr}.visual-profile-actions button{width:100%}.visual-studio #visualStatus{bottom:-84px;margin:18px -18px -84px;padding:13px 18px}.result-tools{flex-wrap:wrap}.result-tools button{flex:1;min-width:145px}}