.fg-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:100%;padding:24px}.fg-tabs{background:#f1f5f9;border-radius:12px;gap:4px;max-width:420px;margin:0 auto 20px;padding:4px;display:flex}.fg-tab{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:1;min-width:0;padding:10px 12px;font-weight:700}.fg-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #00000014}.fg-panel{min-width:0;margin-top:16px}.fg-upload{cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:150px;display:flex}.fg-upload span{color:#0f172a;font-size:20px;font-weight:800}.fg-upload small{color:#64748b}#fgFile{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.fg-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.fg-grid label{color:#334155;min-width:0;font-size:14px;font-weight:700}.fg-grid input{width:100%;font:inherit;border:1px solid #cbd5e1;border-radius:10px;margin-top:6px;padding:10px;display:block}.fg-grid input[type=color]{height:44px;padding:4px}.fg-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.fg-actions span{color:#64748b;font-size:14px}.fg-preview-wrap{justify-content:center;margin-top:24px;display:flex}.fg-browser-tab{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:0;border-radius:12px 12px 0 0;align-items:center;gap:10px;width:100%;max-width:280px;padding:10px 16px;font-size:14px;display:flex}.fg-browser-tab canvas{border-radius:4px;width:20px;height:20px}.fg-output{min-width:0;margin-top:24px}.fg-note{color:#475569;text-align:center;background:#f8fafc;border-radius:12px;padding:16px}.fg-downloads{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.fg-downloads a{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:12px;text-decoration:none;display:flex}.fg-downloads canvas{border-radius:6px;width:32px;height:32px}.fg-downloads span{font-weight:700}.fg-downloads strong{color:#1881ff;margin-left:auto;font-size:13px}.fg-code-label{color:#334155;margin-top:20px;margin-bottom:8px;font-weight:800;display:block}.fg-code{color:#e2e8f0;background:#0f172a;border:1px solid #cbd5e1;border-radius:12px;width:100%;min-height:190px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.fg-info-table{border-collapse:collapse;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;overflow:hidden}.fg-info-table th,.fg-info-table td{text-align:left;color:#334155;border-bottom:1px solid #eef2f7;padding:10px 12px;font-size:15px}.fg-info-table th{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-size:12px}@media (width<=700px){.fg-grid,.fg-downloads{grid-template-columns:minmax(0,1fr)}.fg-actions .btn-primary{justify-content:center;width:100%}}@media (width<=480px){.fg-card{padding:18px}.fg-tabs{flex-direction:column}.fg-upload{padding:16px}.fg-upload span{font-size:18px}}