:root{--ftg-primary:#f97316;--ftg-primary-light:#fb923c;--ftg-primary-dark:#ea580c;--ftg-primary-bg:#f9731614;--ftg-accent:#ec4899;--ftg-accent-light:#f472b6;--ftg-accent-bg:#ec489914;--ftg-bg:#fff;--ftg-bg-secondary:#fafafa;--ftg-bg-tertiary:#f5f5f5;--ftg-bg-input:#fff;--ftg-header-bg:#fafafa;--ftg-text:#0f172a;--ftg-text-secondary:#475569;--ftg-text-muted:#64748b;--ftg-text-placeholder:#94a3b8;--ftg-border:#e5e7eb;--ftg-border-light:#f3f4f6;--ftg-shadow-sm:0 1px 2px #0000000a;--ftg-shadow:0 1px 3px #0000000f, 0 1px 2px #0000000a;--ftg-shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -1px #0000000a;--ftg-shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000a;--ftg-shadow-focus:0 0 0 3px #f9731626;--ftg-success:#10b981;--ftg-success-bg:#10b9811a;--ftg-warning:#f59e0b;--ftg-warning-bg:#f59e0b1a;--ftg-radius:1rem;--ftg-radius-md:.75rem;--ftg-radius-sm:.5rem;--ftg-radius-xs:.375rem;--ftg-cat-serif:#6366f1;--ftg-cat-sans:#3b82f6;--ftg-cat-script:#8b5cf6;--ftg-cat-fraktur:#475569;--ftg-cat-enclosed:#14b8a6;--ftg-cat-decorated:#f59e0b;--ftg-cat-special:#ec4899}._ftg-container{flex-direction:column;gap:1.25rem;width:100%;max-width:960px;margin:0 auto;display:flex}._ftg-styles-grid{grid-template-columns:repeat(3,1fr);gap:.875rem;display:grid}._ftg-empty-favorites{text-align:center;background:var(--ftg-bg);border-radius:var(--ftg-radius);border-style:dashed;border-width:1px;border-color:var(--ftg-border);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:none}._ftg-empty-favorites.visible{display:flex}._ftg-empty-icon{background:var(--ftg-primary-bg);width:4rem;height:4rem;color:var(--ftg-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}._ftg-empty-icon svg{width:32px;height:32px}._ftg-empty-text{color:var(--ftg-text-secondary);margin:0 0 .375rem;font-size:1rem;font-weight:600}._ftg-empty-hint{color:var(--ftg-text-muted);margin:0;font-size:.875rem}@media (max-width:900px){._ftg-styles-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){._ftg-container{gap:1rem;padding-left:1rem;padding-right:1rem}._ftg-styles-grid{gap:.75rem}}@media (max-width:540px){._ftg-styles-grid{grid-template-columns:1fr}._ftg-empty-favorites{padding:2rem 1rem}._ftg-empty-icon{width:3rem;height:3rem}._ftg-empty-icon svg{width:24px;height:24px}}._ftg-input-section{background:var(--ftg-bg);border-radius:var(--ftg-radius);border-style:solid;border-width:1px;border-color:var(--ftg-border);box-shadow:var(--ftg-shadow-md);flex-direction:column;transition:box-shadow .2s,border-color .2s;display:flex;overflow:hidden}._ftg-input-section:focus-within{border-color:var(--ftg-primary);box-shadow:var(--ftg-shadow-md), var(--ftg-shadow-focus)}._ftg-input-wrapper{position:relative}._ftg-textarea{resize:none;width:100%;height:120px;color:var(--ftg-text);background:var(--ftg-bg-input);border:none;padding:1.25rem;font-family:inherit;font-size:1.125rem;line-height:1.6;overflow-y:auto}._ftg-textarea:focus{outline:none}._ftg-textarea::placeholder{color:var(--ftg-text-placeholder)}._ftg-input-bar{background:var(--ftg-bg-secondary);border-top-style:solid;border-top-width:1px;border-top-color:var(--ftg-border-light);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}._ftg-char-count{color:var(--ftg-text-muted);align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;display:flex}._ftg-char-count.over-limit{color:var(--ftg-warning)}._ftg-char-limit{color:var(--ftg-text-placeholder)}._ftg-platform-select{-webkit-appearance:none;appearance:none;color:var(--ftg-primary);cursor:pointer;border-radius:var(--ftg-radius-xs);background:0 0;border:none;margin-left:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;transition:background .15s}._ftg-platform-select:hover{background:var(--ftg-primary-bg)}._ftg-platform-select:focus{background:var(--ftg-primary-bg);outline:none}._ftg-custom-limit{border-style:solid;border-width:1px;border-color:var(--ftg-border);border-radius:var(--ftg-radius-xs);width:60px;height:1.5rem;color:var(--ftg-text);background:var(--ftg-bg);text-align:center;padding:0 .375rem;font-size:.75rem;font-weight:500}._ftg-custom-limit:focus{border-color:var(--ftg-primary);box-shadow:0 0 0 2px var(--ftg-primary-bg);outline:none}._ftg-custom-limit::placeholder{color:var(--ftg-text-placeholder)}._ftg-custom-limit::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}._ftg-custom-limit::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}._ftg-custom-limit[type=number]{-moz-appearance:textfield}._ftg-action-btn{background:var(--ftg-bg);height:2rem;color:var(--ftg-text-secondary);border-radius:var(--ftg-radius-sm);cursor:pointer;border:1px solid;border-color:var(--ftg-border);justify-content:center;align-items:center;gap:.375rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}._ftg-action-btn:hover{color:var(--ftg-primary);border-color:var(--ftg-primary);background:var(--ftg-primary-bg)}._ftg-action-btn svg{flex-shrink:0;width:14px;height:14px}._ftg-action-btn span{white-space:nowrap}#_ftg-clear-btn:hover{color:#ef4444;background:#ef44440f;border-color:#fca5a5}@media (max-width:600px){._ftg-action-btn span{display:none}._ftg-action-btn{width:2rem;padding:0}}._ftg-tabs-wrapper{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;overflow-x:auto}._ftg-tabs-wrapper::-webkit-scrollbar{display:none}._ftg-tabs{background:var(--ftg-bg);border-radius:var(--ftg-radius-md);border-style:solid;border-width:1px;border-color:var(--ftg-border);box-shadow:var(--ftg-shadow-sm);gap:.375rem;width:-moz-fit-content;width:fit-content;min-width:100%;padding:.25rem;display:flex}._ftg-tab{color:var(--ftg-text-muted);border-radius:var(--ftg-radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}._ftg-tab:hover{color:var(--ftg-text-secondary);background:var(--ftg-bg-tertiary)}._ftg-tab.active{color:var(--ftg-primary);background:var(--ftg-primary-bg)}._ftg-tab svg{flex-shrink:0;width:14px;height:14px}._ftg-tab[data-category=favorites].active{color:#f59e0b;background:#f59e0b1a}._ftg-tab[data-category=favorites]:hover:not(.active){color:#f59e0b}@media (max-width:768px){._ftg-tabs{gap:.25rem;padding:.1875rem}._ftg-tab{padding:.4375rem .625rem;font-size:.75rem}._ftg-tab svg{width:12px;height:12px}}@media (max-width:540px){._ftg-tab{padding:.4375rem .75rem;font-size:.75rem}._ftg-tab svg{width:11px;height:11px}}._ftg-card{background:var(--ftg-bg);border-radius:var(--ftg-radius-md);border-style:solid;border-width:1px;border-color:var(--ftg-border);flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}._ftg-card:hover{border-color:var(--ftg-primary-light);box-shadow:var(--ftg-shadow-md)}._ftg-card:hover ._ftg-card-actions{opacity:1}._ftg-card.copied{border-color:var(--ftg-success);box-shadow:0 0 0 2px var(--ftg-success-bg)}._ftg-card-actions{background:var(--ftg-bg);border-radius:var(--ftg-radius-sm);box-shadow:var(--ftg-shadow-sm);opacity:0;z-index:2;flex-direction:column;gap:.125rem;padding:.1875rem;transition:opacity .15s;display:flex;position:absolute;top:.25rem;right:.25rem}._ftg-card:has(._ftg-fav-btn.active) ._ftg-card-actions{opacity:1}@media (hover:none){._ftg-card-actions{opacity:1}}._ftg-fav-btn,._ftg-copy-btn{border-radius:var(--ftg-radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:1.375rem;height:1.375rem;padding:0;transition:all .15s;display:flex}._ftg-fav-btn:before,._ftg-copy-btn:before{content:"";background-color:currentColor;width:11px;height:11px;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._ftg-fav-btn{color:var(--ftg-text-placeholder)}._ftg-fav-btn:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath d='M287.9 0c9.2 0 17.6 5.2 21.6 13.5l68.6 141.3 153.2 22.6c9 1.3 16.5 7.6 19.3 16.3s.5 18.1-5.9 24.5L433.6 328.4l26.2 155.6c1.5 9-2.2 18.1-9.7 23.5s-17.3 6-25.3 1.7l-137-73.2L151 509.1c-8.1 4.3-17.9 3.7-25.3-1.7s-11.2-14.5-9.7-23.5l26.2-155.6L31.1 218.2c-6.5-6.4-8.7-15.9-5.9-24.5s10.3-14.9 19.3-16.3l153.2-22.6L266.3 13.5C270.4 5.2 278.7 0 287.9 0z'/%3E%3C/svg%3E")}._ftg-fav-btn:hover,._ftg-fav-btn.active{color:#f59e0b}._ftg-copy-btn{color:var(--ftg-text-muted)}._ftg-copy-btn:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M384 336H192c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16l140.1 0L400 115.9V320c0 8.8-7.2 16-16 16zM192 384H384c35.3 0 64-28.7 64-64V115.9c0-12.7-5.1-24.9-14.1-33.9L366.1 14.1c-9-9-21.2-14.1-33.9-14.1H192c-35.3 0-64 28.7-64 64V320c0 35.3 28.7 64 64 64zM64 128c-35.3 0-64 28.7-64 64V448c0 35.3 28.7 64 64 64H256c35.3 0 64-28.7 64-64V416H272v32c0 8.8-7.2 16-16 16H64c-8.8 0-16-7.2-16-16V192c0-8.8 7.2-16 16-16H96V128H64z'/%3E%3C/svg%3E")}._ftg-copy-btn:hover{color:var(--ftg-primary)}._ftg-copy-btn.copied{color:var(--ftg-success)}._ftg-copy-btn.copied:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E")}._ftg-card-preview{resize:none;width:100%;min-height:3.25rem;max-height:7rem;color:var(--ftg-text);background:var(--ftg-bg);word-break:break-word;border:none;padding:.625rem 2rem .625rem .75rem;font-family:inherit;font-size:.9375rem;line-height:1.5;overflow-y:auto}._ftg-card-preview:focus{background:var(--ftg-bg-secondary);outline:none}._ftg-card-preview::placeholder{color:var(--ftg-text-placeholder);font-size:.8125rem;font-style:italic}@media (max-width:768px){._ftg-card-actions{opacity:1;padding:.125rem;top:.1875rem;right:.1875rem}._ftg-card-preview{min-height:2.75rem;padding:.5rem 1.75rem .5rem .625rem;font-size:.875rem}._ftg-fav-btn,._ftg-copy-btn{width:1.125rem;height:1.125rem}._ftg-fav-btn:before,._ftg-copy-btn:before{width:9px;height:9px}}._ftg-editor-section{background:var(--ftg-bg);border-radius:var(--ftg-radius);border-style:solid;border-width:1px;border-color:var(--ftg-border);box-shadow:var(--ftg-shadow-md);flex-direction:column;display:flex;overflow:hidden}._ftg-editor-toolbar{background:var(--ftg-bg-secondary);border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ftg-border-light);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.625rem 1rem;display:flex}._ftg-editor-toolbar-group{align-items:center;gap:.25rem;display:flex}._ftg-editor-toolbar-divider{background:var(--ftg-border);width:1px;height:1.5rem;margin:0 .375rem}._ftg-style-selector{position:relative}._ftg-style-selector-btn{background:var(--ftg-bg);border-style:solid;border-width:1px;border-color:var(--ftg-border);border-radius:var(--ftg-radius-xs);color:var(--ftg-text);cursor:pointer;align-items:center;gap:.5rem;min-width:140px;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}._ftg-style-selector-btn:hover{border-color:var(--ftg-primary);background:var(--ftg-primary-bg)}._ftg-style-selector-btn svg{width:12px;height:12px;margin-left:auto;transition:transform .2s}._ftg-style-selector.open ._ftg-style-selector-btn svg{transform:rotate(180deg)}._ftg-style-dropdown{background:var(--ftg-bg);border-style:solid;border-width:1px;border-color:var(--ftg-border);border-radius:var(--ftg-radius-sm);box-shadow:var(--ftg-shadow-lg);z-index:100;min-width:200px;max-height:280px;margin-top:.25rem;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}._ftg-style-selector.open ._ftg-style-dropdown{display:block}._ftg-style-category{text-transform:uppercase;letter-spacing:.05em;color:var(--ftg-text-muted);background:var(--ftg-bg-secondary);border-top-style:solid;border-top-width:1px;border-top-color:var(--ftg-border-light);padding:.375rem .75rem;font-size:.6875rem;font-weight:600}._ftg-style-category:first-child{border-top:none}._ftg-style-option{width:100%;color:var(--ftg-text);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:background .1s;display:flex}._ftg-style-option:hover{background:var(--ftg-primary-bg)}._ftg-style-option-badge{border-radius:50%;flex-shrink:0;width:6px;height:6px}._ftg-style-option-preview{color:var(--ftg-text-muted);margin-left:auto;font-size:.75rem}._ftg-toolbar-btn{width:2rem;height:2rem;color:var(--ftg-text-secondary);border-radius:var(--ftg-radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:all .15s;display:flex}._ftg-toolbar-btn:hover{background:var(--ftg-bg);color:var(--ftg-primary)}._ftg-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}._ftg-toolbar-btn svg{width:16px;height:16px}._ftg-editor-content{min-height:180px;max-height:400px;color:var(--ftg-text);outline:none;padding:1.25rem;font-size:1.125rem;line-height:1.8;overflow-y:auto}._ftg-editor-content:empty:before{content:attr(data-placeholder);color:var(--ftg-text-placeholder);pointer-events:none}._ftg-editor-footer{background:var(--ftg-bg-secondary);border-top-style:solid;border-top-width:1px;border-top-color:var(--ftg-border-light);justify-content:space-between;align-items:center;gap:.75rem;padding:.625rem 1rem;display:flex}._ftg-editor-info{color:var(--ftg-text-muted);align-items:center;gap:.75rem;font-size:.75rem;display:flex}._ftg-editor-info-item{align-items:center;gap:.25rem;display:flex}._ftg-editor-info-item svg{width:12px;height:12px}._ftg-editor-info-divider{background:var(--ftg-border);width:1px;height:.75rem}._ftg-editor-actions{align-items:center;gap:.5rem;display:flex}._ftg-editor-btn{border-radius:var(--ftg-radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.375rem;height:2rem;padding:0 .875rem;font-size:.8125rem;font-weight:500;transition:all .15s;display:flex}._ftg-editor-btn--secondary{background:var(--ftg-bg);color:var(--ftg-text-secondary);border-style:solid;border-width:1px;border-color:var(--ftg-border)}._ftg-editor-btn--secondary:hover{border-color:var(--ftg-primary);color:var(--ftg-primary);background:var(--ftg-primary-bg)}._ftg-editor-btn--primary{background:var(--ftg-primary);color:#fff}._ftg-editor-btn--primary:hover{background:var(--ftg-primary-dark)}._ftg-editor-btn svg{width:14px;height:14px}._ftg-icon-picker{position:relative}._ftg-icon-dropdown{background:var(--ftg-bg);border-style:solid;border-width:1px;border-color:var(--ftg-border);border-radius:var(--ftg-radius-sm);box-shadow:var(--ftg-shadow-lg);z-index:100;width:280px;margin-top:.375rem;display:none;position:absolute;top:100%;left:50%;transform:translate(-50%)}._ftg-icon-picker.open ._ftg-icon-dropdown{display:block}._ftg-icon-search{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--ftg-border-light);padding:.5rem;position:relative}._ftg-icon-search-input{border-style:solid;border-width:1px;border-color:var(--ftg-border);border-radius:var(--ftg-radius-xs);width:100%;color:var(--ftg-text);background:var(--ftg-bg-secondary);outline:none;padding:.4375rem .625rem .4375rem 2rem;font-size:.8125rem;transition:border-color .15s}._ftg-icon-search-input:focus{border-color:var(--ftg-primary)}._ftg-icon-search-input::placeholder{color:var(--ftg-text-placeholder)}._ftg-icon-search svg{width:14px;height:14px;color:var(--ftg-text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}._ftg-icon-grid{grid-template-columns:repeat(8,1fr);gap:.125rem;max-height:200px;padding:.5rem;display:grid;overflow-y:auto}._ftg-icon-btn{aspect-ratio:1;border-radius:var(--ftg-radius-xs);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;padding:0;font-size:1.125rem;transition:background .1s;display:flex}._ftg-icon-btn:hover{background:var(--ftg-primary-bg)}._ftg-icon-empty{text-align:center;color:var(--ftg-text-muted);grid-column:1/-1;padding:1.5rem;font-size:.8125rem}._ftg-selection-hint{background:var(--ftg-accent-bg);color:var(--ftg-accent);border-radius:var(--ftg-radius-xs);align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;display:none}._ftg-selection-hint.visible{display:flex}._ftg-selection-hint svg{width:12px;height:12px}@media (max-width:600px){._ftg-editor-toolbar{padding:.5rem .75rem}._ftg-style-selector-btn{min-width:100px;padding:.375rem .5rem;font-size:.75rem}._ftg-editor-content{min-height:150px;padding:1rem;font-size:1rem}._ftg-editor-footer{flex-wrap:wrap}._ftg-editor-info{border-top-style:solid;border-top-width:1px;border-top-color:var(--ftg-border-light);order:2;justify-content:center;width:100%;margin-top:.5rem;padding-top:.5rem}._ftg-editor-actions{order:1;justify-content:flex-end;width:100%}}@media (max-width:480px){._ftg-toolbar-btn{width:1.75rem;height:1.75rem}._ftg-toolbar-btn svg{width:14px;height:14px}._ftg-editor-toolbar-divider{height:1.25rem}._ftg-icon-dropdown{width:260px;left:auto;right:0;transform:none}._ftg-icon-grid{grid-template-columns:repeat(7,1fr)}}