.font-tool-page{max-width:920px;margin:0 auto;padding:24px 0 48px}.font-tool-instagram .subtitle,.font-tool-instagram h1{text-align:center}.font-tool-instagram #text-input:focus,.font-tool-instagram button:focus,.font-tool-instagram select:focus{border-color:var(--primary);outline:0}.font-tool-instagram .container,.font-tool-instagram .fonts-dropdown{box-shadow:0 5px 15px #55d1df1a}.font-tool-instagram #text-input,.font-tool-instagram .font-option:hover{background-color:var(--light)}.font-tool-instagram .copy-btn,.font-tool-instagram .font-option{cursor:pointer;transition:all .2s}.font-tool-instagram{--primary:#55d1df;--secondary:#3aa8b8;--light:#f0f9fa;--dark:#2d3e40;--gray:#6c757d;--border:#c4e6ea;--notification:#2d3e40}.font-tool-instagram .container{border:1px solid var(--border);background:#fff;border-radius:12px;max-width:600px;margin:0 auto;padding:25px}.font-tool-instagram h1{color:var(--primary);margin-bottom:15px;font-size:28px}.font-tool-instagram .subtitle{color:var(--gray);margin-bottom:25px;font-size:16px}.font-tool-instagram .input-container{margin-bottom:20px;position:relative}.font-tool-instagram #text-input{border:2px solid var(--border);resize:vertical;border-radius:8px;width:100%;min-height:100px;padding:15px;font-size:16px}.font-tool-instagram #text-input:focus{box-shadow:0 0 0 3px #55d1df33}.font-tool-instagram .char-counter{text-align:right;color:var(--gray);margin-top:5px;font-size:14px}.font-tool-instagram .controls{flex-wrap:wrap;gap:10px;margin-bottom:15px;display:flex}.font-tool-instagram .control-group{background:var(--light);border:1px solid var(--border);border-radius:6px;align-items:center;padding:8px 12px;display:flex}.font-tool-instagram .control-group label{white-space:nowrap;color:var(--dark);margin-right:8px;font-size:14px}.font-tool-instagram button,.font-tool-instagram select{border:1px solid var(--border);color:var(--dark);background:#fff;border-radius:4px;padding:6px 10px;font-size:14px}.font-tool-instagram .fonts-dropdown{border:1px solid var(--border);z-index:10;background:#fff;border-radius:8px;width:100%;max-height:300px;margin-top:5px;display:none;position:absolute;top:100%;left:0;overflow-y:auto}.font-tool-instagram .font-name,.font-tool-instagram .font-preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.font-tool-instagram .fonts-dropdown.show{display:block}.font-tool-instagram .font-option{border-bottom:1px solid var(--border);background-color:#fff;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.font-tool-instagram .font-info{flex:1;min-width:0}.font-tool-instagram .font-name{color:var(--dark);margin-bottom:5px;font-weight:600}.font-tool-instagram .font-preview{color:var(--gray);font-size:14px}.font-tool-instagram .copy-btn{background:var(--primary);color:#fff;border:none;border-radius:4px;flex-shrink:0;margin-left:10px;padding:6px 12px;font-size:12px}.font-tool-instagram .copy-btn:hover{background:var(--secondary);transform:translateY(-1px)}.font-tool-instagram .notification{background:var(--notification);color:#fff;opacity:0;pointer-events:none;border-radius:4px;padding:10px 20px;transition:opacity .3s;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #0000001a}.font-tool-instagram .notification.show{opacity:1}.font-tool-instagram .examples{border-top:1px solid var(--border);margin-top:30px;padding-top:20px}.font-tool-instagram .examples h2{color:var(--secondary);margin-bottom:15px;font-size:18px}.font-tool-instagram .example-item{background:var(--light);cursor:pointer;border:1px solid var(--border);border-radius:6px;margin-bottom:10px;padding:10px;transition:all .2s}.font-tool-instagram .example-item:hover{background-color:#e0f4f7;transform:translateY(-2px)}@media (max-width:480px){.font-tool-instagram .container{padding:15px}.font-tool-instagram h1{font-size:24px}.font-tool-instagram .controls{flex-direction:column}.font-tool-instagram .control-group{width:100%}}.font-tool-facebook .subtitle,.font-tool-facebook h1{text-align:center}.font-tool-facebook{--facebook-primary-color:#55d1df;--dark-color:#333;--light-color:#f5f5f5}.font-tool-facebook .container{background:#fff;border-radius:10px;max-width:800px;margin:0 auto 20px;padding:20px;box-shadow:0 0 20px #0000001a}.font-tool-facebook .input-section,.font-tool-facebook .subtitle{margin-bottom:20px}.font-tool-facebook h1{color:var(--facebook-primary-color);margin-bottom:12px;font-size:24px}.font-tool-facebook .subtitle{color:#666;font-size:14px}.font-tool-facebook .input-group{margin-bottom:15px}.font-tool-facebook label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}.font-tool-facebook select,.font-tool-facebook textarea{border:1px solid #ddd;border-radius:5px;width:100%;padding:10px;font-size:14px;transition:border .3s}.font-tool-facebook textarea{resize:vertical;min-height:100px}.font-tool-facebook select:focus,.font-tool-facebook textarea:focus{border-color:var(--facebook-primary-color);outline:0}.font-tool-facebook .char-counter{text-align:right;color:#777;margin-top:3px;font-size:12px}.font-tool-facebook .preview-title,.font-tool-facebook button{font-size:14px;font-weight:600}.font-tool-facebook .button-group{gap:8px;margin-top:12px;display:flex}.font-tool-facebook button{cursor:pointer;border:none;border-radius:5px;flex:1;padding:8px 15px;transition:all .3s}.font-tool-facebook .copy-btn,.font-tool-facebook .example-category.active{background-color:var(--facebook-primary-color);color:#fff}.font-tool-facebook .copy-btn:hover{background-color:#3fb8c7}.font-tool-facebook .reset-btn{color:#555;background-color:#f1f1f1}.font-tool-facebook .reset-btn:hover{background-color:#e1e1e1}.font-tool-facebook .preview-section{margin-top:20px}.font-tool-facebook .preview-title{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.font-tool-facebook .preview-box{background-color:var(--light-color);word-wrap:break-word;border:1px dashed #ccc;border-radius:5px;min-height:80px;max-height:200px;padding:15px;font-size:16px;overflow-y:auto}.font-tool-facebook .examples-section{margin-top:25px}.font-tool-facebook .examples-title{color:var(--facebook-primary-color);margin-bottom:10px;font-size:14px;font-weight:600}.font-tool-facebook .example-categories{-webkit-overflow-scrolling:touch;gap:8px;margin-bottom:10px;padding-bottom:5px;display:flex;overflow-x:auto}.font-tool-facebook .example-category{cursor:pointer;white-space:nowrap;background-color:#f1f1f1;border-radius:20px;padding:6px 12px;font-size:12px}.font-tool-facebook .emoji-select,.font-tool-facebook .example-text,.font-tool-facebook .notification{border-radius:5px;font-size:14px}.font-tool-facebook .example-text{background-color:var(--light-color);margin-bottom:8px;padding:12px;font-style:italic}.font-tool-facebook .notification{background-color:var(--facebook-primary-color);color:#fff;opacity:0;z-index:1000;max-width:80%;padding:12px 20px;transition:all .3s;position:fixed;top:15px;right:15px;transform:translateY(-100px);box-shadow:0 3px 10px #0003}.font-tool-facebook .notification.show{opacity:1;transform:translateY(0)}.font-tool-facebook .emoji-section{border-top:1px solid #eee;margin-top:15px;padding-top:15px}.font-tool-facebook .emoji-options{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.font-tool-facebook .emoji-option{align-items:center;gap:5px;width:100%;display:flex}.font-tool-facebook .emoji-select{border:1px solid #ddd;flex-grow:1;padding:8px}.font-tool-facebook .emoji-preview{text-align:center;min-width:30px;margin-left:5px;font-size:20px}.font-tool-facebook .emoji-position{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.font-tool-facebook .emoji-position label{cursor:pointer;white-space:nowrap;align-items:center;gap:5px;font-size:13px;font-weight:400;display:flex}.font-tool-facebook .emoji-position input{margin:0}.font-tool-facebook .footer-text{text-align:center;color:#666;z-index:100;background-color:#fff;border-top:1px solid #eee;padding:15px;font-size:12px;position:fixed;bottom:0;left:0;right:0}@media (max-width:480px){.font-tool-facebook .container{padding:15px}.font-tool-facebook h1{font-size:20px}.font-tool-facebook .subtitle{font-size:13px}.font-tool-facebook .emoji-position{flex-direction:column;align-items:flex-start}.font-tool-facebook .preview-box{padding:10px;font-size:15px}}.site-footer-tools-heading{margin-bottom:10px}.site-footer-tools-links{margin:0;padding:0;list-style:none}[data-theme=dark] .font-tool-instagram .container,[data-theme=dark] .font-tool-facebook .container{background:var(--site-surface);border:1px solid var(--site-border);box-shadow:0 8px 24px #00000040}[data-theme=dark] .font-tool-instagram #text-input,[data-theme=dark] .font-tool-facebook textarea,[data-theme=dark] .font-tool-facebook select,[data-theme=dark] .font-tool-instagram select,[data-theme=dark] .font-tool-instagram button,[data-theme=dark] .font-tool-instagram .fonts-dropdown,[data-theme=dark] .font-tool-instagram .font-option,[data-theme=dark] .font-tool-facebook .preview-box,[data-theme=dark] .font-tool-facebook .example-text{background:var(--site-surface-muted);border-color:var(--site-border);color:var(--site-text)}