@font-face{font-family:CertificateArabic;src:url('assets/arabic-regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:CertificateArabic;src:url('assets/arabic-bold.ttf') format('truetype');font-weight:700;font-display:swap}
:root{color-scheme:light;--ink:#183d35;--muted:#68736e;--paper:#f5f3ec;--line:#dcded4;--accent:#d9f077}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:CertificateArabic,Tahoma,Arial,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #8aad29;outline-offset:4px}.site-header{max-width:1500px;margin:auto;padding:27px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:26px;font-weight:700;line-height:1.2}.brand span{display:block;font-size:11px;font-weight:400;letter-spacing:.03em;margin-top:9px}.back{font-size:14px;display:flex;gap:24px;align-items:center}main{max-width:1500px;margin:auto;padding:0 5%}.intro{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;padding:57px 0 44px}.eyebrow{font-size:12px;color:var(--muted);margin:0 0 16px}.intro h1{font-size:clamp(40px,4.2vw,67px);line-height:1.24;margin:0;letter-spacing:-.04em}.intro-copy{max-width:350px;font-size:17px;line-height:1.9;color:var(--muted);margin:0 0 6px}.studio{display:grid;grid-template-columns:340px minmax(0,1fr);border:1px solid var(--line);background:#fffefa}.controls{padding:29px 25px;border-left:1px solid var(--line)}.section-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-line h2{font-size:21px;margin:0}.section-line>span{font-size:11px;color:var(--muted)}form>label{font-size:14px;display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}form>label>span{font-size:11px;color:var(--muted)}input[type=text],input:not([type]),textarea{display:block;width:100%;border:1px solid #cfd4ca;background:#fffefa;color:var(--ink);padding:11px 13px;border-radius:5px;line-height:1.65}textarea{resize:vertical;min-height:130px;max-height:300px}.field-help{font-size:11px;line-height:1.7;color:var(--muted);margin:8px 0 24px}fieldset{border:0;padding:0;margin:25px 0}legend{font-size:14px;margin-bottom:12px}.palette-options{display:flex;gap:8px}.palette-choice{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--line);padding:12px 4px;font-size:11px;cursor:pointer;border-radius:5px}.palette-choice:has(input:checked){border-color:var(--ink);background:#eff2e9}.palette-choice input{accent-color:var(--ink);margin:0;width:13px;height:13px}.swatch{width:15px;height:15px;border-radius:50%;display:block;border:1px solid #ccc}.swatch.light{background:#f7f2e5}.swatch.dark{background:#153d35}.primary{background:var(--ink);color:white;width:100%;border:0;padding:14px 17px;border-radius:5px;display:flex;justify-content:space-between;align-items:center;font-weight:700;cursor:pointer}.primary span{font-size:12px;font-weight:400;direction:ltr}.primary:hover{background:#245345}.primary:disabled{opacity:.45;cursor:not-allowed}.secondary-actions{display:flex;gap:8px;margin-top:9px}.secondary-actions button{flex:1;border:1px solid var(--line);padding:10px 5px;font-size:12px;border-radius:5px;background:transparent;color:var(--ink);cursor:pointer}.secondary-actions button:hover{background:#eef1e7}.privacy-note{font-size:11px;line-height:1.85;color:var(--muted);margin:18px 0 0}.validation{padding:11px 12px;background:#fff1df;color:#884212;font-size:12px;line-height:1.7;margin:10px 0 15px;border-radius:5px}.validation[hidden]{display:none}.operation-status{font-size:12px;line-height:1.7;margin:12px 0 0;min-height:20px}.preview-section{min-width:0;padding:25px;background:#eceee5;display:flex;flex-direction:column;justify-content:center}.preview-top,.preview-caption{display:flex;justify-content:space-between;gap:16px;align-items:center;font-size:11px;color:var(--muted)}.preview-top{margin-bottom:21px}.live-dot{display:flex;align-items:center;gap:7px}.live-dot:before{content:'';width:6px;height:6px;border-radius:50%;background:#62762c}.preview-mat{padding:20px 0}canvas{display:block;width:100%;height:auto;aspect-ratio:1754/1240;box-shadow:0 13px 34px #153d3510}.preview-caption{margin-top:20px}.preview-caption>span:first-child{color:var(--ink)}.output-note{max-width:630px;font-size:11px;line-height:1.85;color:var(--muted);margin:22px 0 0}.explanation{max-width:660px;padding:76px 0 80px}.explanation h2{font-size:clamp(26px,3vw,38px);line-height:1.4;margin:0 0 19px;letter-spacing:-.02em}.explanation>p:not(.eyebrow){font-size:15px;line-height:1.95;color:var(--muted)}.explanation>a{display:inline-flex;gap:25px;border-bottom:1px solid var(--ink);font-size:14px;padding:7px 0;margin-top:13px}footer{max-width:1500px;margin:auto;padding:24px 5%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer div{display:flex;gap:20px}@media(max-width:1000px){.studio{grid-template-columns:300px minmax(0,1fr)}.controls{padding:24px 19px}.preview-section{padding:20px}.intro-copy{max-width:300px;font-size:15px}}@media(max-width:760px){.site-header{padding:22px 6%}main{padding:0 6%}.intro{display:block;padding:38px 0 29px}.intro-copy{max-width:440px;margin-top:23px}.intro h1{font-size:46px}.studio{display:flex;flex-direction:column}.preview-section{order:-1;padding:17px}.preview-mat{padding:6px 0}.preview-top{margin-bottom:10px}.preview-caption{margin-top:12px}.output-note{margin-top:13px}.controls{border-left:0;border-top:1px solid var(--line);padding:25px}.explanation{padding:53px 0}.brand{font-size:23px}.back{font-size:12px;gap:14px}.explanation h2{font-size:29px}footer{padding:22px 6%;font-size:10px}.palette-choice{font-size:12px}canvas{box-shadow:0 7px 18px #153d3510}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}