.gf-page{gap:16px;min-width:0;display:grid}.gf-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.gf-kpi{border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text);font:inherit;text-align:start;cursor:pointer;transition:border-color .2s, background-color .2s, transform var(--motion-press) var(--motion-press-ease);gap:4px;padding:14px 16px;display:grid}.gf-kpi:hover{border-color:var(--color-primary)}.gf-kpi:active{transform:scale(var(--motion-press-scale))}.gf-kpi[aria-pressed=true]{border-color:var(--color-primary);background:var(--wk-tint);box-shadow:inset 0 0 0 1px var(--color-primary)}.gf-kpi-label{color:var(--color-text-muted);font-size:12.5px}.gf-kpi-value{color:var(--color-heading);font-variant-numeric:tabular-nums;flex-direction:column;align-items:flex-start;gap:2px;font-size:22px;font-weight:600;display:flex}.gf-kpi-sub{color:var(--color-text-subtle);font-size:12px}.gf-code-cell{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.gf-icon-button{color:var(--color-primary);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;padding:2px 4px;display:inline-flex}.gf-icon-button:hover{background:var(--wk-tint)}.gf-icon-button svg{width:14px;height:14px}.gf-card{--gf-a:var(--color-primary);--gf-b:var(--color-surface-accent);aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--color-bg-subtle);width:100%;max-width:420px;box-shadow:0 1px 0 var(--color-border);border-start-start-radius:40px;margin:0;position:relative;overflow:hidden}.gf-art{position:absolute;inset:0}.gf-card[data-art=petals] .gf-art{background:radial-gradient(circle at 18% 22%, color-mix(in srgb, var(--gf-a) 30%, transparent) 0 18%, transparent 19%), radial-gradient(circle at 30% 12%, color-mix(in srgb, var(--gf-a) 20%, transparent) 0 12%, transparent 13%), radial-gradient(circle at 88% 85%, color-mix(in srgb, var(--gf-a) 22%, transparent) 0 22%, transparent 23%), var(--gf-b)}.gf-card[data-art=arches] .gf-art{background:radial-gradient(ellipse 30% 55% at 20% 100%, transparent 0 60%, color-mix(in srgb, var(--gf-a) 25%, transparent) 61% 70%, transparent 71%), radial-gradient(ellipse 30% 55% at 80% 100%, transparent 0 60%, color-mix(in srgb, var(--gf-a) 25%, transparent) 61% 70%, transparent 71%), var(--color-bg-elevated)}.gf-card[data-art=dunes] .gf-art{background:radial-gradient(ellipse 80% 40% at 30% 110%, color-mix(in srgb, var(--color-accent) 45%, transparent) 0 70%, transparent 71%), radial-gradient(ellipse 70% 35% at 90% 105%, color-mix(in srgb, var(--color-accent) 30%, transparent) 0 70%, transparent 71%), var(--gf-b)}.gf-card[data-art=night] .gf-art{background:radial-gradient(circle at 80% 22%, #ffffffd9 0 6%, transparent 7%), radial-gradient(circle at 20% 30%, #fff9 0 0.6%, transparent 1%), radial-gradient(circle at 40% 15%, #fff9 0 0.5%, transparent 1%), linear-gradient(160deg, color-mix(in srgb, var(--gf-a) 85%, black), color-mix(in srgb, var(--gf-a) 55%, black))}.gf-card[data-art=pearl] .gf-art{background:radial-gradient(circle at 70% 40%, #fffc, transparent 45%), linear-gradient(135deg, var(--gf-b), var(--color-bg-elevated))}.gf-card[data-art=ribbon] .gf-art{background:linear-gradient(90deg, transparent 0 62%, color-mix(in srgb, var(--gf-a) 70%, transparent) 62% 68%, transparent 68%), linear-gradient(0deg, transparent 0 40%, color-mix(in srgb, var(--gf-a) 70%, transparent) 40% 46%, transparent 46%), var(--gf-b)}.gf-text{text-align:start;gap:4px;display:grid;position:absolute;transform:translateY(-50%)}.gf-text[data-align=center]{text-align:center}.gf-text[data-align=end]{text-align:end}.gf-text[data-color=dark]{color:var(--color-heading)}.gf-text[data-color=light]{color:#fff;text-shadow:0 1px 6px #00000040}.gf-text[data-color=accent]{color:var(--color-accent-text)}.gf-title{font-family:var(--font-arabic);font-size:clamp(15px,4.5vw,20px);font-weight:600;line-height:1.3}.gf-message{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.gf-code{font-family:var(--font-latin);letter-spacing:.12em;font-size:13px}.gf-pending{inset-inline:12px;text-align:center;background:color-mix(in srgb, var(--color-bg-elevated) 90%, transparent);color:var(--color-warning);border-radius:999px;padding:6px 10px;font-size:12px;position:absolute;bottom:12px}.gf-templates{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.gf-template{width:100%;color:var(--color-text);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;gap:8px;padding:0;display:grid}.gf-template:hover .gf-card{box-shadow:0 0 0 2px var(--color-primary)}.gf-template-meta{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.gf-editor{border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--wk-tint);border-start-start-radius:32px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;padding:16px;display:grid}.gf-editor-fields,.gf-layout{gap:12px;min-width:0;display:grid}.gf-slider{grid-template-columns:72px minmax(0,1fr) 44px;align-items:center;gap:10px;font-size:13px;display:grid}.gf-slider input{width:100%;accent-color:var(--color-primary)}@media (width<=720px){.gf-editor{grid-template-columns:minmax(0,1fr)}}