@font-face{font-family:LCGCairo;src:url(fonts/Cairo-Regular.ttf) format('truetype');font-weight:400;font-display:swap}@font-face{font-family:LCGCairo;src:url(fonts/Cairo-Bold.ttf) format('truetype');font-weight:600 900;font-display:swap}@font-face{font-family:LCGAmiri;src:url(fonts/Amiri-Regular.ttf) format('truetype');font-weight:400 900;font-display:swap}
.lcg{--lcg-blue:#164e83;--lcg-ink:#17314c;--lcg-border:#dce7f2;--lcg-soft:#f3f8fd;color:var(--lcg-ink);font:400 15px/1.9 LCGCairo,Cairo,sans-serif;text-align:right;max-width:1440px;margin:0 auto}.lcg *{box-sizing:border-box}.lcg [hidden]{display:none!important}.lcg h1,.lcg h2,.lcg h3,.lcg p{margin:0}.lcg-header{padding:28px 12px 32px;text-align:center}.lcg-eyebrow{font-size:12px;font-weight:700;letter-spacing:.03em;color:#51779a}.lcg-header h1{font-size:clamp(25px,3vw,38px);color:#133d66;margin:8px 0 10px;line-height:1.55}.lcg-header p{color:#667b8f}.lcg-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:18px}.lcg-tags span{border:1px solid var(--lcg-border);border-radius:20px;padding:3px 13px;font-size:12px;background:var(--lcg-soft)}.lcg-layout{display:grid;grid-template-columns:minmax(320px,430px) minmax(0,1fr);gap:24px;align-items:start}.lcg-editor{min-width:0}.lcg details{margin:0 0 12px;border:1px solid var(--lcg-border);border-radius:15px;background:#fff;overflow:hidden}.lcg summary{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;padding:16px;list-style:none;font-size:15px}.lcg summary::-webkit-details-marker{display:none}.lcg summary:after{content:'+';margin-right:auto;color:var(--lcg-blue);font-size:22px;font-family:Arial}.lcg details[open]>summary:after{content:'−'}.lcg summary>span{color:#5d81a2;font:600 12px/1.2 Arial;background:var(--lcg-soft);border-radius:8px;padding:8px}.lcg-panel{padding:0 16px 18px;display:grid;gap:13px}.lcg label{display:grid;gap:5px;font-size:13px;font-weight:600;min-width:0}.lcg input:not([type=checkbox]):not([type=range]):not([type=color]),.lcg select,.lcg textarea{font:400 13px/1.7 LCGCairo,Cairo,sans-serif;width:100%;min-width:0;border:1px solid #cad9e7;border-radius:9px;padding:9px 11px;background:#fff;color:#17314c;box-shadow:none}.lcg textarea{resize:vertical;min-height:90px}.lcg input[type=color]{width:100%;height:40px;border:1px solid #cad9e7;border-radius:8px;padding:4px;background:#fff}.lcg input[type=range]{width:100%;accent-color:var(--lcg-blue)}.lcg input[type=checkbox]{width:18px;height:18px;accent-color:var(--lcg-blue);margin:0;flex-shrink:0}.lcg .lcg-toggle{display:flex;align-items:center;gap:8px;line-height:1.7;font-weight:400}.lcg-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.lcg-help{font-size:11px;line-height:1.9;color:#62778c}.lcg-designs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lcg button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 13px;border:1px solid #cdddec;border-radius:9px;font:600 12px/1.6 LCGCairo,Cairo,sans-serif;color:var(--lcg-blue);background:#fff;cursor:pointer;min-height:42px;transition:background .15s,border-color .15s;box-shadow:none;letter-spacing:0}.lcg button:hover{background:#edf5fd;border-color:#7c9fbe}.lcg button:focus-visible,.lcg input:focus-visible,.lcg select:focus-visible,.lcg textarea:focus-visible,.lcg summary:focus-visible{outline:3px solid #8fb9df;outline-offset:3px}.lcg button:disabled{opacity:.55;cursor:wait}.lcg .lcg-primary{background:var(--lcg-blue);color:#fff;border-color:var(--lcg-blue)}.lcg .lcg-primary:hover{background:#103c66}.lcg .lcg-design{display:flex;flex-direction:column;padding:7px;gap:4px;min-height:0;border-radius:11px}.lcg-design canvas{display:block;width:100%;height:auto;border-radius:4px;aspect-ratio:1.414;object-fit:contain}.lcg-design span{font-size:12px}.lcg .lcg-design[aria-pressed=true]{border:2px solid var(--lcg-blue);background:#eef5fc;padding:6px}.lcg-optional{display:grid;gap:6px}.lcg-upload{display:grid;gap:6px}.lcg-upload button{justify-self:start;min-height:30px;font-size:11px;padding:3px 9px}.lcg-preview-column{min-width:0;position:sticky;top:110px}.lcg-preview{border:1px solid var(--lcg-border);border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 8px 28px #123e6710}.lcg-preview>header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;gap:10px}.lcg-preview h2{font-size:19px;color:#193e62;line-height:1.6}.lcg-preview header>span{font-size:11px;white-space:nowrap;color:#61788f;background:var(--lcg-soft);border-radius:20px;padding:4px 12px}.lcg-stage{height:clamp(320px,39vw,510px);padding:22px;display:flex;justify-content:center;align-items:center;background:#eaf0f6;background-image:radial-gradient(#cedce8 .6px,transparent .6px);background-size:12px 12px;overflow:hidden}.lcg-stage canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:0 6px 18px #153e6820}.lcg-preview>.lcg-help{padding:12px 20px;min-height:46px}.lcg-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 8px}.lcg-actions button{padding:12px 8px;font-size:13px;min-height:48px}.lcg-status{min-height:30px;font-size:13px;color:#285b50;overflow-wrap:anywhere}.lcg .lcg-error{color:#a12b37}.lcg-privacy{margin-top:14px;padding:18px 20px;background:#f4f8fc;border:1px solid var(--lcg-border);border-radius:13px}.lcg-privacy h3{font-size:14px;margin-bottom:5px;color:#244e77}.lcg-privacy p{font-size:12px;color:#62778c}.lcg-privacy p+p{margin-top:8px}.lcg-local{padding:14px 16px;border:1px dashed #b6cadc;border-radius:13px;display:grid;gap:9px}.lcg-local button{justify-self:start;font-size:11px;padding:6px 9px}.lcg-roster{display:grid;gap:9px;max-height:380px;overflow-y:auto;padding:4px}.lcg-roster>p{font-size:12px;color:#61788f}.lcg-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(100px,.6fr);gap:6px;padding:9px;background:#f6f9fc;border:1px solid #e0e9f1;border-radius:10px}.lcg-row button{min-height:30px;padding:4px 8px;font-size:11px}.lcg-print-frame{position:fixed;width:1px;height:1px;left:-10000px;top:0;border:0}.lcg svg{width:18px;height:18px;flex-shrink:0}
.lcg-jumps{display:flex;justify-content:center;gap:12px;margin:0 0 20px}.lcg-jumps a{color:var(--lcg-blue);font-size:12px;text-decoration:none;border-bottom:1px solid #9cb8d1;padding:3px 0}.lcg #lcg-editor,.lcg #lcg-preview{scroll-margin-top:110px}
@media(max-width:1000px){.lcg-layout{grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:14px}.lcg-preview>header{padding:14px}.lcg-stage{padding:14px}.lcg-preview-column{top:90px}.lcg-actions{grid-template-columns:1fr}.lcg-header{padding-top:15px}}
@media(max-width:760px){.lcg-layout{grid-template-columns:1fr}.lcg-preview-column{position:static;order:-1}.lcg-stage{height:330px;padding:14px}.lcg-preview>header{padding:12px 14px}.lcg-preview h2{font-size:17px}.lcg-preview .lcg-eyebrow{font-size:10px}.lcg-actions{grid-template-columns:1fr 1fr;gap:8px}.lcg-actions button{font-size:11px;padding:10px 6px}.lcg-header{padding:14px 4px 22px}.lcg-header p{font-size:13px}.lcg-privacy{padding:12px 14px;margin:8px 0 14px}.lcg-privacy p{font-size:11px}.lcg-designs{grid-template-columns:repeat(4,minmax(0,1fr))}.lcg .lcg-design{padding:4px}.lcg .lcg-design[aria-pressed=true]{padding:3px}.lcg-design span{font-size:10px}.lcg-tags{gap:5px}.lcg-tags span{font-size:10px;padding:3px 9px}}
@media(max-width:390px){.lcg-designs{grid-template-columns:repeat(2,minmax(0,1fr))}.lcg-stage{height:280px}.lcg-fields{gap:8px}.lcg-panel{padding:0 12px 14px}.lcg-actions button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.lcg *{scroll-behavior:auto!important;transition:none!important}}