:root{--bg: #0a1622;--bg-2: #0e1c2b;--bg-3: #14273a;--panel: #0e1a28;--border: #1d3145;--border-2: #294056;--text: #e8eef5;--text-dim: #93a4b8;--text-mute: #647588;--accent: #2563eb;--mint: #00e5a0;--danger: #ff5c7a;--radius: 12px;--radius-sm: 8px;--side-w: 300px;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}html[lang=ar] body{font-family:IBM Plex Sans Arabic,-apple-system,Segoe UI,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--mint);outline-offset:2px}#glass-app{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.g-top{display:flex;align-items:center;gap:16px;padding:10px max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--panel)}.g-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font-weight:700;font-size:16px;direction:ltr}.g-brand-mark{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:900;background:linear-gradient(135deg,#ffffff38,#ffffff0a),linear-gradient(135deg,var(--accent),var(--mint));box-shadow:inset 0 1px #ffffff80}.g-brand-sub{color:var(--mint);font-weight:600}.g-nav{display:flex;gap:14px;margin-inline-start:8px}.g-nav a,.g-link{color:var(--text-dim);text-decoration:none}.g-nav a:hover,.g-link:hover{color:var(--text)}.g-account{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.g-plan{font-size:12px;font-weight:600;padding:2px 10px;border-radius:999px;border:1px solid var(--border-2);color:var(--text-dim)}.g-plan.pro{color:var(--mint);border-color:#00e5a073}.g-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-2);background:var(--bg-3);text-decoration:none;font-weight:600;cursor:pointer;white-space:nowrap}.g-btn:hover{border-color:var(--text-mute)}.g-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.g-btn.primary:hover{background:#1d4fd8}.g-btn.ghost{background:transparent;color:var(--mint);border-color:#00e5a066}.g-btn:disabled{opacity:.45;cursor:not-allowed}.g-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:transparent;cursor:pointer}.g-body{display:grid;grid-template-columns:var(--side-w) minmax(0,1fr) var(--side-w);min-height:0}.g-side{background:var(--panel);overflow-y:auto;min-height:0}.g-lib{border-inline-end:1px solid var(--border)}.g-panel{border-inline-start:1px solid var(--border)}.g-stage{display:flex;flex-direction:column;min-width:0;min-height:0;padding:14px 20px 20px;gap:12px}.g-stage-area{position:relative;flex:1;min-height:0}.g-frame{position:absolute;inset:0;margin:auto;border-radius:var(--radius);overflow:hidden;box-shadow:0 10px 40px #00000073;background:#000}.g-view{display:block;width:100%;height:100%}.g-drop-hint{position:absolute;inset:0;display:grid;place-items:center;border:2px dashed var(--mint);border-radius:var(--radius);background:#0a1622bf;font-size:18px;font-weight:600;pointer-events:none}.g-timeline{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--panel)}.g-play{width:34px;height:34px;flex:none;border-radius:50%;border:0;background:var(--mint);color:var(--bg);font-size:12px;cursor:pointer}.g-timeline input[type=range]{flex:1;min-width:0;accent-color:var(--mint)}.g-time{flex:none;min-width:96px;text-align:end;font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:13px}.g-sec{border-bottom:1px solid var(--border)}.g-sec summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;display:flex;align-items:center;justify-content:space-between}.g-sec summary::-webkit-details-marker{display:none}.g-sec summary:after{content:"";width:7px;height:7px;border-inline-end:1.5px solid var(--text-mute);border-bottom:1.5px solid var(--text-mute);transform:rotate(45deg);margin-top:-4px}.g-sec[open] summary:after{transform:rotate(-135deg);margin-top:4px}.g-sec-body{display:grid;gap:12px;padding:0 16px 16px}.g-field{display:grid;gap:6px}.g-label,.g-field label{color:var(--text-dim);font-size:13px}.g-slider{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px}.g-slider output{font-variant-numeric:tabular-nums;color:var(--text-mute);font-size:12px;direction:ltr}.g-slider input{grid-column:1 / -1;width:100%;accent-color:var(--mint)}.g-color,.g-toggle{grid-template-columns:minmax(0,1fr) auto;align-items:center}.g-color{grid-template-columns:minmax(0,1fr) auto auto;column-gap:8px}.g-hex{width:84px;height:28px;box-sizing:border-box;padding:0 8px;border:1px solid var(--border-2);border-radius:6px;background:var(--bg-3);color:var(--text);font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;text-align:left}.g-hex:focus{outline:none;border-color:var(--mint)}.g-hex[aria-invalid]{border-color:var(--danger)}input[type=color]{width:40px;height:28px;padding:0;border:1px solid var(--border-2);border-radius:6px;background:none;cursor:pointer}input[type=checkbox][role=switch]{appearance:none;width:36px;height:20px;border-radius:999px;background:var(--border-2);position:relative;cursor:pointer;transition:background .15s}input[type=checkbox][role=switch]:after{content:"";position:absolute;top:2px;inset-inline-start:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .15s}input[type=checkbox][role=switch]:checked{background:var(--mint)}input[type=checkbox][role=switch]:checked:after{inset-inline-start:18px}select,textarea{width:100%;background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--radius-sm);padding:7px 10px}textarea{resize:vertical}.g-seg{display:flex;flex-wrap:wrap;gap:4px;padding:3px;border-radius:var(--radius-sm);background:var(--bg-2);border:1px solid var(--border)}.g-seg button{flex:1;min-width:max-content;border:0;border-radius:6px;padding:6px 10px;background:transparent;color:var(--text-dim);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.g-seg button[aria-pressed=true]{background:var(--bg-3);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-2)}.g-badge{font-size:10px;font-weight:700;padding:0 6px;border-radius:999px;color:var(--bg);background:var(--mint);line-height:16px}.g-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.g-tiles-logos{grid-template-columns:repeat(3,minmax(0,1fr))}.g-tile{display:grid;gap:4px;padding:4px;border-radius:10px;border:1px solid transparent;background:transparent;cursor:pointer;text-align:center;min-width:0}.g-tile:hover{border-color:var(--border-2)}.g-tile[data-active=true]{border-color:var(--mint);background:#00e5a00f}.g-tile-visual{aspect-ratio:1;border-radius:8px;overflow:hidden;background:var(--bg-2);display:grid;place-items:center}.g-tile-visual>canvas,.g-tile-visual>.g-swatch{width:100%;height:100%;display:block;object-fit:cover}.g-tiles-logos .g-tile-visual img{width:70%;height:70%;object-fit:contain}.g-tile-visual input[type=color]{width:70%;height:70%;border-radius:50%;overflow:hidden}.g-tile-label{font-size:11px;line-height:1.25;min-height:2.5em;color:var(--text-dim);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:break-word}.g-plus{font-size:22px;color:var(--text-mute)}.g-tiles-aspect .g-tile-visual{background:var(--bg-2)}.g-aspect{position:relative;width:100%;height:100%;display:grid;place-items:center}.g-aspect-box{display:block;max-width:72%;max-height:72%;border:1.5px solid var(--text-dim);border-radius:4px}.g-tile[data-active=true] .g-aspect-box{border-color:var(--mint);background:#00e5a01f}.g-aspect-ratio{position:absolute;font-size:10px;font-weight:600;color:var(--text-dim)}.g-anim{position:relative;width:100%;height:100%;display:block}.g-anim>canvas{width:100%;height:100%;display:block}.g-anim-badge{position:absolute;inset-block-end:4px;inset-inline-end:4px;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;font-size:7px;background:#0a1622bf;color:#fff}.g-upload{display:grid;gap:2px;padding:14px;border-radius:var(--radius);border:1.5px dashed var(--border-2);background:var(--bg-2);cursor:pointer;text-align:center}.g-upload:hover{border-color:var(--mint)}.g-upload span{color:var(--text-mute);font-size:12px}.g-meta,.g-note{margin:0;color:var(--text-mute);font-size:12px}.g-note.warn{color:var(--danger)}.g-modal-back{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:#03080eb3}.g-modal{width:min(460px,100%);max-height:calc(100dvh - 32px);overflow-y:auto;background:var(--panel);border:1px solid var(--border);border-radius:16px;box-shadow:0 20px 60px #00000080}.g-modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.g-modal-head h2{margin:0;font-size:18px}.g-modal-body{display:grid;gap:14px;padding:18px 20px 20px}.g-summary{margin:0;color:var(--text-dim);font-variant-numeric:tabular-nums}.g-upsell{display:grid;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);border:1px solid rgba(0,229,160,.35);background:#00e5a00f}.g-upsell p{margin:0}.g-upsell-actions{display:flex;gap:8px;flex-wrap:wrap}.g-progress{height:6px;border-radius:999px;background:var(--bg-3);overflow:hidden}.g-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--mint))}.g-status{margin:0;min-height:1.5em;color:var(--text-dim)}.g-export-go{width:100%;padding:11px}.g-toasts{position:fixed;inset-inline:0;bottom:max(16px,env(safe-area-inset-bottom));z-index:60;display:grid;justify-items:center;gap:8px;pointer-events:none;padding-inline:16px}.g-toast{max-width:520px;padding:10px 14px;border-radius:var(--radius-sm);background:var(--bg-3);border:1px solid var(--border-2);box-shadow:0 8px 24px #0006}.g-toast.error{border-color:var(--danger)}.g-fatal{max-width:520px;margin:15vh auto;padding:0 16px;text-align:center}@media(max-width:1100px){:root{--side-w: 260px}}@media(max-width:900px){#glass-app{height:auto;min-height:100%}.g-top{flex-wrap:wrap}.g-nav{margin-inline-start:0}.g-body{grid-template-columns:minmax(0,1fr)}.g-stage{order:-1;padding:12px 16px}.g-stage-area{flex:none;height:min(70vh,calc(100vw - 32px))}.g-lib,.g-panel{border:0;border-top:1px solid var(--border);overflow:visible}}@media(prefers-reduced-motion:reduce){input[type=checkbox][role=switch],input[type=checkbox][role=switch]:after{transition:none}}.g-center{justify-self:start;padding:6px 12px;font-size:13px}.g-tiles-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-footer{text-align:center;padding:28px max(16px,env(safe-area-inset-left)) calc(28px + env(safe-area-inset-bottom));color:var(--text-mute);font-size:13px;border-top:1px solid var(--border)}.lp-social{display:flex;justify-content:center;gap:12px;margin-bottom:18px}.lp-social-link{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);color:var(--text-dim);background:var(--bg-2);transition:color .15s,border-color .15s,transform .12s,background .15s}.lp-social-link:hover{color:#fff;border-color:var(--accent);background:var(--accent);transform:translateY(-2px)}.lp-foot-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-bottom:18px}.lp-foot-title{flex-basis:100%;text-align:center;margin:0;color:var(--text);font-size:14px;font-weight:700}.lp-foot-tools a,.lp-legal a{color:var(--text-dim);font-size:13px}.lp-foot-tools a:hover,.lp-legal a:hover{color:var(--mint)}.lp-legal{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-bottom:14px}.lp-copy{margin:0}