@font-face{font-family:Lalezar;src:url('../editor/fonts/Lalezar-Regular.ttf') format('truetype');font-display:block}
:root{color-scheme:light;--ink:#24162f;--muted:#6d6472;--paper:#fff;--line:#e6dfe9;--accent:#5a31c4;--bg:#f5f2f7;font-family:Lalezar,"Noto Sans Arabic",Tahoma,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.topbar{height:64px;padding:0 clamp(16px,4vw,48px);background:#38219c;color:#fff;display:flex;align-items:center;justify-content:space-between}.topbar div{display:flex;gap:14px;align-items:baseline}.topbar strong{font-size:1.55rem}.topbar span{opacity:.84}.proof-badge{border:1px solid #ffffff66;border-radius:999px;padding:4px 12px;font-family:system-ui,sans-serif;font-size:.75rem}
.editor-shell{max-width:1240px;margin:0 auto;padding:20px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;align-items:start}.preview-panel,.controls{background:var(--paper);border:1px solid var(--line);border-radius:20px;box-shadow:0 12px 40px #32165712}.preview-panel{padding:16px;min-width:0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:10px}.eyebrow{color:var(--accent);margin:0}.section-heading h1{font-size:1.8rem;margin:0}.section-heading output{color:var(--muted);font-family:system-ui,sans-serif;font-size:.75rem}
.canvas-frame{position:relative;display:grid;place-items:center;height:min(68vh,720px);min-height:260px;background:#21172b;border-radius:14px;overflow:hidden;padding:8px;touch-action:none}.canvas-frame canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto;box-shadow:0 4px 22px #0008;touch-action:none;cursor:move}.loading{position:absolute;color:#fff;background:#000a;border-radius:999px;padding:8px 18px}
.quick-tools{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;display:grid;gap:8px}.selection-row,.tool-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.selection-row span{font:700 .72rem system-ui,sans-serif;color:var(--muted);direction:ltr}.quick-tools>input{width:100%;border:2px solid #cfc5d4;border-radius:10px;padding:9px 11px;background:#fff;color:var(--ink);font-size:1.08rem}.format-row{display:grid;grid-template-columns:1.2fr 62px 90px 1fr;gap:7px}.compact-field{display:grid;gap:2px;color:var(--muted);font:700 .68rem Tahoma,sans-serif}.compact-field select,.compact-field input{width:100%;height:38px;border:1px solid #cfc5d4;border-radius:8px;padding:5px 7px;background:#fff;color:var(--ink)}.color-field input{padding:2px}.hex-field input{font-family:ui-monospace,monospace;font-size:.72rem}.palette{display:flex;gap:8px;overflow-x:auto;padding:3px 2px}.swatch{width:30px;height:30px;flex:0 0 30px;border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #999}.swatch.gold{background:#d4a63b}.swatch.dark{background:#35152f}.swatch.burgundy{background:#7a1731}.swatch.teal{background:#0d6b68}.swatch.blue{background:#174d83}.layer-actions{display:flex;gap:5px;flex:none}.layer-actions button,.secondary{border:1px solid #cfc5d4;background:#fff;color:var(--ink);border-radius:8px;padding:7px 10px}.layer-actions .danger{color:#a33131}.layer-actions button:disabled{opacity:.4;cursor:not-allowed}.hint,.privacy{color:var(--muted);font-family:Tahoma,sans-serif;font-size:.75rem;margin:0;line-height:1.5}.status{min-height:0;margin:0;color:#a33b30;font:700 .76rem Tahoma,sans-serif}.status:empty{display:none}
.controls{padding:16px;display:grid;gap:14px}fieldset{border:1px solid var(--line);border-radius:14px;padding:12px;margin:0}legend{padding:0 7px;color:var(--accent)}.design-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.design-choice{border:2px solid transparent;border-radius:10px;background:#eee8f1;padding:4px;color:var(--ink)}.design-choice.is-active{border-color:var(--accent)}.design-choice img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;display:block}.design-choice span{display:block}.actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.primary{grid-column:1/-1;border:0;border-radius:10px;padding:11px;background:var(--accent);color:#fff}.actions button:disabled{opacity:.45}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #9d82ee;outline-offset:2px}
@media(max-width:820px){body{overscroll-behavior-y:contain}.topbar{height:50px;padding:0 12px}.topbar div span{display:none}.topbar strong{font-size:1.3rem}.editor-shell{display:flex;flex-direction:column;padding:0;gap:10px}.preview-panel{width:100%;height:calc(100dvh - 50px);min-height:0;border-radius:0;padding:7px;display:flex;flex-direction:column;box-shadow:none;overflow:hidden}.section-heading{flex:0 0 auto;margin:0 4px 5px}.eyebrow{font-size:.82rem}.section-heading h1{font-size:1.2rem;line-height:1.1}.section-heading output{font-size:.65rem}.canvas-frame{flex:1 1 0;height:auto;min-height:120px;padding:5px;border-radius:10px}.quick-tools{position:relative;flex:0 0 auto;margin-top:6px;padding:7px;gap:6px;border-radius:11px;box-shadow:0 -8px 24px #24162f18}.quick-tools>input{height:40px;padding:6px 9px}.format-row{grid-template-columns:1.15fr 52px 82px 1fr}.compact-field span{display:none}.compact-field select,.compact-field input{height:35px}.selection-row{height:22px}.tool-row{gap:5px}.layer-actions button{padding:6px 8px}.swatch{width:28px;height:28px;flex-basis:28px}.hint{display:none}.controls{width:calc(100% - 16px);margin:0 8px 12px;padding:10px;border-radius:14px}.privacy{text-align:center}}
@media(max-width:380px){.format-row{grid-template-columns:1.1fr 48px 78px .9fr;gap:4px}.layer-actions button{font-size:.86rem;padding:6px}.palette{gap:6px}.proof-badge{padding:3px 8px}}
@media(max-height:680px) and (max-width:820px){.preview-panel{min-height:0}.eyebrow,.section-heading output{display:none}.section-heading{height:24px}.quick-tools{gap:4px}.selection-row{height:18px}.quick-tools>input{height:36px}.compact-field select,.compact-field input{height:32px}.tool-row{min-height:28px}.swatch{width:25px;height:25px;flex-basis:25px}.layer-actions button{padding:4px 7px}}
.editor-brand{color:inherit;text-decoration:none}.compact-actions{position:sticky;top:84px}.single-design-editor .controls{align-self:start}.single-design-editor .actions{grid-template-columns:1fr 1fr}.single-design-editor .primary{grid-column:auto}@media(max-width:820px){.compact-actions{position:static}.single-design-editor .preview-panel{height:calc(100dvh - 50px);min-height:0}.single-design-editor .controls{margin-top:0}.single-design-editor .actions{grid-template-columns:repeat(4,1fr)}.single-design-editor .actions button{padding:9px 4px;font-size:.86rem}}@media(max-width:420px){.single-design-editor .actions{grid-template-columns:1fr 1fr}}

/* M2.0A.1 adaptive media viewport: always contain the complete source artwork. */
.canvas-frame canvas{max-width:none;max-height:none;flex:0 0 auto}
.canvas-frame[data-orientation="landscape"]{min-height:220px}
.canvas-frame[data-orientation="portrait"]{min-height:280px}
@media(max-width:820px){.canvas-frame[data-orientation="landscape"]{min-height:140px}.canvas-frame[data-orientation="portrait"]{min-height:170px}}
.ai-writer{background:#fff;border:1px solid #ded7e5;border-radius:18px;padding:16px;margin-top:12px;box-shadow:0 8px 28px rgba(45,29,61,.05)}.ai-writer-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.ai-writer-heading h2{font-size:1.35rem;margin:3px 0 0}.ai-quota{font:700 .72rem Tahoma,sans-serif;color:#756b79}.ai-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:8px;align-items:end;margin-top:12px}.ai-options label{display:grid;gap:5px;font:700 .7rem Tahoma,sans-serif;color:#6f6575}.ai-options select,.ai-generate{height:42px;border:1px solid #d9d0df;border-radius:10px;background:#fff;padding:0 10px;font:700 .78rem Tahoma,sans-serif}.ai-generate{background:#5a31c4;color:#fff;border-color:#5a31c4;cursor:pointer}.ai-generate:disabled{opacity:.45;cursor:not-allowed}.ai-privacy{font:400 .7rem/1.6 Tahoma,sans-serif;color:#756b79;margin:10px 0 4px}.ai-suggestions{display:grid;gap:7px;margin-top:8px}.ai-suggestion{border:1px solid #d9d0df;background:#faf8fc;border-radius:11px;padding:10px 12px;text-align:right;cursor:pointer;font:700 .82rem/1.65 Tahoma,sans-serif;color:#281a31}.ai-suggestion:hover{border-color:#8c70d2;background:#f4efff}.reward-button{margin-top:8px;border:1px solid #b59de9;background:#f5f0ff;color:#4e2ca8;border-radius:10px;padding:9px 12px;font:700 .76rem Tahoma,sans-serif;cursor:pointer}.reward-button[hidden]{display:none}.reward-button:disabled{opacity:.55}
@media(max-width:760px){.ai-writer{padding:12px}.ai-writer-heading{display:grid}.ai-options{grid-template-columns:repeat(3,1fr)}.ai-generate{grid-column:1/-1}.ai-options select{width:100%}}

/* M2.1.0 system-default light/dark appearance. */
:root{--control:#fff;--surface-soft:#faf8fc;--frame:#21172b;--topbar:#38219c;--focus:#9d82ee}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--ink:#f5eff8;--muted:#bcb2c3;--paper:#1b1620;--line:#392f41;--accent:#ad91ff;--bg:#100d13;--control:#241d2a;--surface-soft:#211a28;--frame:#0d0a10;--topbar:#24165e;--focus:#b9a5ff}}
:root[data-theme="dark"]{color-scheme:dark;--ink:#f5eff8;--muted:#bcb2c3;--paper:#1b1620;--line:#392f41;--accent:#ad91ff;--bg:#100d13;--control:#241d2a;--surface-soft:#211a28;--frame:#0d0a10;--topbar:#24165e;--focus:#b9a5ff}
:root[data-theme="light"]{color-scheme:light}
.topbar{background:var(--topbar)}.topbar-brand,.topbar-actions{display:flex;gap:12px;align-items:center}.topbar-brand{align-items:baseline}.topbar-actions{flex:none}.topbar>div{gap:12px}.theme-toggle{width:38px;height:38px;border:1px solid #ffffff55;border-radius:10px;background:#ffffff12;color:#fff;display:grid;place-items:center;cursor:pointer;font:700 1rem system-ui,sans-serif}.theme-toggle:hover{background:#ffffff20}.compact-theme{flex:none}
.preview-panel,.controls,.quick-tools,.ai-writer{background:var(--paper);border-color:var(--line)}.canvas-frame{background:var(--frame)}.quick-tools>input,.compact-field select,.compact-field input,.layer-actions button,.secondary,.ai-options select{background:var(--control);color:var(--ink);border-color:var(--line)}.ai-suggestion{background:var(--surface-soft);color:var(--ink);border-color:var(--line)}.ai-suggestion:hover{background:color-mix(in srgb,var(--accent) 12%,var(--paper));border-color:var(--accent)}.ai-generate{background:var(--accent);border-color:var(--accent)}button:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--focus)}
@media(max-width:820px){.topbar-actions{gap:7px}.theme-toggle{width:34px;height:34px}.proof-badge{white-space:nowrap}}