Paste
Bin
// EDIT MODE
View Live
Edit Configuration
Protocol Title
Enable Rich Text Processor
Payload Content
<hr><br><hr><br><div class="container"><div class="kindle-card"><div style="color: rgb(169, 177, 214); background-color: rgb(26, 27, 38); font-family: Consolas, "Courier New", monospace; font-size: 14px; line-height: 19px; white-space: pre;"><div><span style="color: #7dcfff;"><?php</span></div><div><span style="color: #7dcfff;">require_once</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">paste.php</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">;</span></div><br><div><span style="color: #bb9af7;">if</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">(</span><span style="color: #e0af68;">$_SERVER</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">REQUEST_METHOD</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]</span><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">===</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">POST</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #c0caf5;"> $title </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">$_POST</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">title</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">??</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Untitled Paste</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> $content </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">$_POST</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">content</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">??</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">''</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> $author </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">$_POST</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">author</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">??</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">''</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> $is_html </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">isset</span><span style="color: #9abdf5;">(</span><span style="color: #e0af68;">$_POST</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">is_html</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">])</span><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">?</span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">1</span><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">:</span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> $font_choice </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">$_POST</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">font_choice</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">??</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">monospace</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> $password </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">$_POST</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">password</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">??</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">''</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> $expiry_days </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">(</span><span style="color: #bb9af7;">int</span><span style="color: #89ddff;">)</span><span style="color: #9abdf5;">(</span><span style="color: #e0af68;">$_POST</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">expiry_days</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">??</span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> $is_seo_enabled </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">isset</span><span style="color: #9abdf5;">(</span><span style="color: #e0af68;">$_POST</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">is_seo_enabled</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">])</span><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">?</span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">1</span><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">:</span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> $is_downloadable </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">isset</span><span style="color: #9abdf5;">(</span><span style="color: #e0af68;">$_POST</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">is_downloadable</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">])</span><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">?</span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">1</span><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">:</span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> $paste </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">new</span><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">Paste</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> $result </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> $paste</span><span style="color: #89ddff;">-></span><span style="color: #7aa2f7;">createPaste</span><span style="color: #9abdf5;">(</span></div><div><span style="color: #c0caf5;"> $title</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> $content</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> $author</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> $is_html</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> $font_choice</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> $password</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> $expiry_days</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> $is_seo_enabled</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> $is_downloadable</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">if</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">$result</span><span style="color: #9abdf5;">)</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #c0caf5;"> $response </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">[</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">success</span><span style="color: #89ddff;">'</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">=></span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">true</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">view_url</span><span style="color: #89ddff;">'</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">=></span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">SITE_URL</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">.</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">/view.php?id=</span><span style="color: #89ddff;">'</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">.</span><span style="color: #c0caf5;"> $result</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">paste_id</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">edit_url</span><span style="color: #89ddff;">'</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">=></span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">SITE_URL</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">.</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">/edit.php?id=</span><span style="color: #89ddff;">'</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">.</span><span style="color: #c0caf5;"> $result</span><span style="color: #9abdf5;">[</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">edit_id</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">]</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">}</span><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">else</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #c0caf5;"> $response </span><span style="color: #89ddff;">=</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">[</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">success</span><span style="color: #89ddff;">'</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">=></span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">false</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">message</span><span style="color: #89ddff;">'</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">=></span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Failed to create paste</span><span style="color: #89ddff;">'</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">]</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">}</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">header</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Content-Type: application/json</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">echo</span><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">json_encode</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">$response</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">exit</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;">}</span></div><div><span style="color: #7dcfff;">?</span><span style="color: #7dcfff;">></span></div><div><span style="color: #ba3c97;"><!</span><span style="color: #f7768e;">DOCTYPE</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">html</span><span style="color: #ba3c97;">></span></div><div><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">html</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">lang</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">en</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">head</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">meta</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">charset</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">UTF-8</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">meta</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">viewport</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">content</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">width=device-width, initial-scale=1.0</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">title</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">Create New Paste - Clean Pastebin</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">title</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #7dcfff;"><?php</span><span style="color: #9aa5ce;"> </span><span style="color: #7dcfff;">include</span><span style="color: #9aa5ce;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">includes/head.php</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">;</span><span style="color: #9aa5ce;"> </span><span style="color: #7dcfff;">?</span><span style="color: #7dcfff;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #51597d;font-style: italic;"><!-- Lucide Icons --></span></div><div><span style="color: #89ddff;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">script</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">src</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">https://unpkg.com/lucide@latest</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">script</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #51597d;font-style: italic;"><!-- Notiflix --></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">link</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">rel</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">stylesheet</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">href</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">https://cdn.jsdelivr.net/npm/notiflix@3.2.6/dist/notiflix-3.2.6.min.css</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #89ddff;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">script</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">src</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">https://cdn.jsdelivr.net/npm/notiflix@3.2.6/dist/notiflix-3.2.6.min.js</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">script</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #89ddff;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">style</span><span style="color: #ba3c97;">></span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">root</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--kindle-bg</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #9aa5ce;">#faf8f3</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--kindle-paper</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #9aa5ce;">#ffffff</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--kindle-text</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #9aa5ce;">#2c2c2c</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--kindle-muted</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #9aa5ce;">#666666</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--kindle-border</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #9aa5ce;">#e8e5dd</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--kindle-accent</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #9aa5ce;">#d4a373</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--kindle-accent-dark</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #9aa5ce;">#b8895f</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--kindle-shadow</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">rgba</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0.08</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--kindle-shadow-lg</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">rgba</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0.12</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--radius</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">16</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">--radius-sm</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">12</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">body</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">background</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-bg</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-text</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-family</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">-apple-system</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> BlinkMacSystemFont</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Segoe UI</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Roboto</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #9ece6a;">sans-serif</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">line-height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1.6</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">padding</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">2</span><span style="color: #f7768e;">rem</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">1</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">min-height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">100</span><span style="color: #f7768e;">vh</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">container</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">max-width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">800</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">margin</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">auto</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">kindle-card</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">background</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-paper</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border-radius</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--radius</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">padding</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">3</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">box-shadow</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span></div><div><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">4</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">6</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-shadow</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">,</span></div><div><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">10</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">20</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-shadow-lg</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">solid</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-border</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">transition</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">all</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0.3</span><span style="color: #f7768e;">s</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">ease</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">kindle-card</span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">hover</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">transform</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">translateY</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">-2</span><span style="color: #f7768e;">px</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">box-shadow</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span></div><div><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">6</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">8</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-shadow</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">,</span></div><div><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">15</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">25</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-shadow-lg</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">h1</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-size</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">2</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-weight</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">600</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">margin</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">2</span><span style="color: #f7768e;">rem</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-text</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">display</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">flex</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">align-items</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">center</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">gap</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.75</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">form-group</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">margin-bottom</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1.75</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">label</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">display</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">flex</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">align-items</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">center</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">gap</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.5</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-size</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.95</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-weight</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">500</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-text</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">margin-bottom</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.65</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">label</span><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">svg</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">18</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">18</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-accent</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">form-control</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">form-select</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">100</span><span style="color: #f7768e;">%</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">padding</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.85</span><span style="color: #f7768e;">rem</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">1.1</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">2</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">solid</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-border</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border-radius</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--radius-sm</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-size</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-text</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">background</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-paper</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">transition</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">all</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0.2</span><span style="color: #f7768e;">s</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">ease</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-family</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">inherit</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">form-control</span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">focus</span><span style="color: #89ddff;">,</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">form-select</span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">focus</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">outline</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">none</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border-color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-accent</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">box-shadow</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">4</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">rgba</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">212</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">163</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">115</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0.1</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">form-control</span><span style="color: #e0af68;">::</span><span style="color: #bb9af7;">placeholder</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #9aa5ce;">#aaa</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">textarea</span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">form-control</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">resize</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">vertical</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-family</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Monaco</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Menlo</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Ubuntu Mono</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #9ece6a;">monospace</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">line-height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1.5</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">toggle-container</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">display</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">flex</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">align-items</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">center</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">gap</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.75</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">padding</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.75</span><span style="color: #f7768e;">rem</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">toggle-switch</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">position</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">relative</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">52</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">28</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">toggle-switch</span><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">input</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">opacity</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">toggle-slider</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">position</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">absolute</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">cursor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">pointer</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">top</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">left</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">right</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">bottom</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">background-color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-border</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border-radius</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">28</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">transition</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.3</span><span style="color: #f7768e;">s</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">toggle-slider</span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">before</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">position</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">absolute</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">content</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">""</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">22</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">22</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">left</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">3</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">bottom</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">3</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">background-color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">white</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border-radius</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">50</span><span style="color: #f7768e;">%</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">transition</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.3</span><span style="color: #f7768e;">s</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">box-shadow</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">2</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">4</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">rgba</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0.2</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">input</span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">checked</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">+</span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">toggle-slider</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">background-color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-accent</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">input</span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">checked</span><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">+</span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">toggle-slider</span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">before</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">transform</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">translateX</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">24</span><span style="color: #f7768e;">px</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">toggle-label</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">display</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">flex</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">align-items</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">center</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">gap</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.5</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-size</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.95</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-text</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">cursor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">pointer</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">user-select</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">none</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">toggle-label</span><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">svg</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">18</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">18</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-muted</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">btn-primary</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">100</span><span style="color: #f7768e;">%</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">padding</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1</span><span style="color: #f7768e;">rem</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">2</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">background</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">linear-gradient</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">135</span><span style="color: #f7768e;">deg</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-accent</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-accent-dark</span><span style="color: #9abdf5;">))</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">color</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">white</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">none</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border-radius</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--radius-sm</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-size</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1.05</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-weight</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">600</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">cursor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">pointer</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">transition</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">all</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0.3</span><span style="color: #f7768e;">s</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">ease</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">display</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">flex</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">align-items</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">center</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">justify-content</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">center</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">gap</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0.65</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">box-shadow</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">4</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">12</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">rgba</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">212</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">163</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">115</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0.3</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">btn-primary</span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">hover</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">transform</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">translateY</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">-2</span><span style="color: #f7768e;">px</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">box-shadow</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">0</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">6</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">16</span><span style="color: #f7768e;">px</span><span style="color: #bb9af7;"> </span><span style="color: #0db9d7;">rgba</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">212</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">163</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">115</span><span style="color: #89ddff;">,</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0.4</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">btn-primary</span><span style="color: #e0af68;">:</span><span style="color: #bb9af7;">active</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">transform</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">translateY</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">0</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">btn-primary</span><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">svg</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">20</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">20</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #89ddff;">#</span><span style="color: #fc7b7b;">summernote</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border-radius</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--radius-sm</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">overflow</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">hidden</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #51597d;font-style: italic;">/* Divider */</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">divider</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1</span><span style="color: #f7768e;">px</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">background</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--kindle-border</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">margin</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">2</span><span style="color: #f7768e;">rem</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #51597d;font-style: italic;">/* Responsive */</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #9d7cd8;">@media</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">(</span><span style="color: #7aa2f7;">max-width</span><span style="color: #89ddff;">:</span><span style="color: #c0caf5;"> </span><span style="color: #ff9e64;">768</span><span style="color: #f7768e;">px</span><span style="color: #9abdf5;">)</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">kindle-card</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">padding</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">2</span><span style="color: #f7768e;">rem</span><span style="color: #bb9af7;"> </span><span style="color: #ff9e64;">1.5</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #0db9d7;">h1</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-size</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1.6</span><span style="color: #f7768e;">rem</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">}</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #51597d;font-style: italic;">/* Custom Notiflix theme */</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">.</span><span style="color: #9ece6a;">notiflix-notify</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">border-radius</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #0db9d7;">var</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">--radius-sm</span><span style="color: #9abdf5;">)</span><span style="color: #bb9af7;"> !important</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">font-family</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">inherit</span><span style="color: #bb9af7;"> !important</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">style</span><span style="color: #ba3c97;">></span></div><div><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">head</span><span style="color: #ba3c97;">></span></div><div><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">body</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #7dcfff;"><?php</span><span style="color: #9aa5ce;"> </span><span style="color: #7dcfff;">include</span><span style="color: #9aa5ce;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">includes/header.php</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">;</span><span style="color: #9aa5ce;"> </span><span style="color: #7dcfff;">?</span><span style="color: #7dcfff;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">container</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">kindle-card</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">h1</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">file-text</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Create New Paste</span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">h1</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">form</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">pasteForm</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">for</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">title</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">heading</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Title</span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">input</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">type</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">text</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">title</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">title</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-control</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">required</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">placeholder</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">Enter paste title</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">for</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">author</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">user</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Author </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">span</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">style</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">color: var(--kindle-muted); font-weight: normal;</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">(Optional)</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">span</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">input</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">type</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">text</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">author</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">author</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-control</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">placeholder</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">Enter author name</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-container</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-switch</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">input</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">type</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">checkbox</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">editorToggle</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">span</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-slider</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">span</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">for</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">editorToggle</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-label</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">edit-3</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Use Rich Text Editor</span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">for</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">content</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">code</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Content</span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">textarea</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">content</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">content</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-control code-editor</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">rows</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">10</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">required</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">placeholder</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">Paste your content here</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">textarea</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">summernote</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">style</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">display: none;</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">for</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">font_choice</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">type</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Font</span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">select</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">font_choice</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">font_choice</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-select</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">option</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">monospace</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">Monospace</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">option</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">option</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">dm-sans</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">DM Sans (Serif)</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">option</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">option</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">random</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">Random Font</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">option</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">select</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">for</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">password</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">lock</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Password Protection </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">span</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">style</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">color: var(--kindle-muted); font-weight: normal;</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">(Optional)</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">span</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">input</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">type</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">password</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">password</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">password</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-control</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">placeholder</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">Enter password to protect this paste</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">for</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">expiry_days</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">clock</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Expiry </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">span</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">style</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">color: var(--kindle-muted); font-weight: normal;</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">(Optional)</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">span</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">select</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">expiry_days</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">expiry_days</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-select</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">option</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">0</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">Never</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">option</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">option</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">1</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">1 Day</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">option</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">option</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">7</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">1 Week</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">option</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">option</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">30</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">1 Month</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">option</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">option</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">90</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">3 Months</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">option</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">option</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">365</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span><span style="color: #9aa5ce;">1 Year</span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">option</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">select</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">divider</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-container</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-switch</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">input</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">type</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">checkbox</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">is_seo_enabled</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">is_seo_enabled</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">checked</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">span</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-slider</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">span</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">for</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">is_seo_enabled</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-label</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">search</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Enable SEO (Show content in search engines)</span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-container</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-switch</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">input</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">type</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">checkbox</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">is_downloadable</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">is_downloadable</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">checked</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">span</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-slider</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">span</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">label</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">for</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">is_downloadable</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">toggle-label</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">download</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Allow Download</span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">label</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">input</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">type</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">hidden</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">name</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">is_html</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">id</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">is_html</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">value</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">0</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">div</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">form-group</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">style</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">margin-top: 2rem;</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">button</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">type</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">submit</span><span style="color: #89ddff;">"</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">class</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">btn-primary</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">i</span><span style="color: #de5971;"> </span><span style="color: #bb9af7;">data-lucide</span><span style="color: #89ddff;">=</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">sparkles</span><span style="color: #89ddff;">"</span><span style="color: #ba3c97;">></</span><span style="color: #f7768e;">i</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> Create Paste</span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">button</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">form</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">div</span><span style="color: #ba3c97;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #9aa5ce;"> </span><span style="color: #7dcfff;"><?php</span><span style="color: #9aa5ce;"> </span><span style="color: #7dcfff;">include</span><span style="color: #9aa5ce;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">includes/footer.php</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">;</span><span style="color: #9aa5ce;"> </span><span style="color: #7dcfff;">?</span><span style="color: #7dcfff;">></span></div><div><span style="color: #9aa5ce;"> </span></div><div><span style="color: #89ddff;"> </span><span style="color: #ba3c97;"><</span><span style="color: #f7768e;">script</span><span style="color: #ba3c97;">></span></div><div><span style="color: #89ddff;"> </span><span style="color: #51597d;font-style: italic;">// Initialize Lucide icons</span></div><div><span style="color: #c0caf5;"> lucide</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">createIcons</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #c0caf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">document</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">ready</span><span style="color: #9abdf5;">(</span><span style="color: #bb9af7;">function</span><span style="color: #9abdf5;">()</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #89ddff;"> </span><span style="color: #51597d;font-style: italic;">// Configure Notiflix</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Notify</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">init</span><span style="color: #9abdf5;">({</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">320px</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">position</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">right-top</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">distance</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">20px</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">opacity</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">1</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">borderRadius</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">12px</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">rtl</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">false</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">timeout</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">4000</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">messageMaxLength</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">300</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">backOverlay</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">false</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">plainText</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">true</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">showOnlyTheLastOne</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">false</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">clickToClose</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">true</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">pauseOnHover</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">true</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">ID</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">NotiflixNotify</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">className</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">notiflix-notify</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">zindex</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">4001</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">fontFamily</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">inherit</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">fontSize</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">15px</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">cssAnimationStyle</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">from-right</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">cssAnimationDuration</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">400</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">success</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">background</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#d4a373</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">textColor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#fff</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">notiflixIconColor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">rgba(255,255,255,0.9)</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> }</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">failure</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">background</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#e85d75</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">textColor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#fff</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">notiflixIconColor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">rgba(255,255,255,0.9)</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> }</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> })</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Loading</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">init</span><span style="color: #9abdf5;">({</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">className</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">notiflix-loading</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">zindex</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">4000</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">backgroundColor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">rgba(0,0,0,0.8)</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">rtl</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">false</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">fontFamily</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">inherit</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">cssAnimation</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">true</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">cssAnimationDuration</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">400</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">clickToClose</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">false</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">customSvgUrl</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">null</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">customSvgCode</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">null</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">svgSize</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">80px</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">svgColor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#d4a373</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">messageID</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">NotiflixLoadingMessage</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">messageFontSize</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">16px</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">messageMaxLength</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">34</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">messageColor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#dcdcdc</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> })</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span></div><div><span style="color: #89ddff;"> </span><span style="color: #51597d;font-style: italic;">// Initialize Summernote</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#summernote</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">summernote</span><span style="color: #9abdf5;">({</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">height</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">300</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">toolbar</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> [</span></div><div><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">style</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">style</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">bold</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">italic</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">underline</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">clear</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]]</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">font</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">strikethrough</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">superscript</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">subscript</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]]</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">fontsize</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">fontsize</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]]</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">color</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">color</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]]</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">para</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">ul</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">ol</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">paragraph</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]]</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">height</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">height</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]]</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">insert</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">link</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">picture</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">table</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">hr</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]]</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">view</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> [</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">fullscreen</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">codeview</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">]]</span></div><div><span style="color: #9abdf5;"> ]</span></div><div><span style="color: #9abdf5;"> })</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span></div><div><span style="color: #89ddff;"> </span><span style="color: #51597d;font-style: italic;">// Editor toggle</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#editorToggle</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">change</span><span style="color: #9abdf5;">(</span><span style="color: #bb9af7;">function</span><span style="color: #9abdf5;">() {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #9d7cd8;font-style: italic;">const</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">isHtml</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">=</span><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #f7768e;">this</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">prop</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">checked</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#is_html</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">val</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">isHtml</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">?</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">1</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">0</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span></div><div><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">if</span><span style="color: #9abdf5;"> (</span><span style="color: #c0caf5;">isHtml</span><span style="color: #9abdf5;">) {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #9d7cd8;font-style: italic;">const</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">content</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">=</span><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#content</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">val</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#content</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">hide</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#summernote</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">show</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">summernote</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">code</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">content</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Notify</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">info</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Rich text editor enabled</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> } </span><span style="color: #bb9af7;">else</span><span style="color: #9abdf5;"> {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #9d7cd8;font-style: italic;">const</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">content</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">=</span><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#summernote</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">summernote</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">code</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#summernote</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">hide</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#content</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">show</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">val</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">content</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Notify</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">info</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Plain text editor enabled</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #9abdf5;"> })</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span></div><div><span style="color: #89ddff;"> </span><span style="color: #51597d;font-style: italic;">// Form submission</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#pasteForm</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">submit</span><span style="color: #9abdf5;">(</span><span style="color: #bb9af7;">function</span><span style="color: #9abdf5;">(</span><span style="color: #e0af68;">e</span><span style="color: #9abdf5;">) {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">e</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">preventDefault</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span></div><div><span style="color: #89ddff;"> </span><span style="color: #51597d;font-style: italic;">// Get content from the active editor</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">if</span><span style="color: #9abdf5;"> (</span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#editorToggle</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">prop</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">checked</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)) {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #9d7cd8;font-style: italic;">const</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">content</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">=</span><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#summernote</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">summernote</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">code</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#content</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">val</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">content</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #9abdf5;"> </span></div><div><span style="color: #89ddff;"> </span><span style="color: #51597d;font-style: italic;">// Show loading</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Loading</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">circle</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Creating your paste...</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">$</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">ajax</span><span style="color: #9abdf5;">({</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">url</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">create.php</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">method</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">POST</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">data</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">$</span><span style="color: #9abdf5;">(</span><span style="color: #f7768e;">this</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">serialize</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">dataType</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">json</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">success</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">function</span><span style="color: #9abdf5;">(</span><span style="color: #e0af68;">response</span><span style="color: #9abdf5;">) {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Loading</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">remove</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span></div><div><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">if</span><span style="color: #9abdf5;"> (</span><span style="color: #c0caf5;">response</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">success</span><span style="color: #9abdf5;">) {</span></div><div><span style="color: #89ddff;"> </span><span style="color: #51597d;font-style: italic;">// Show success notification with custom content</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Report</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">success</span><span style="color: #9abdf5;">(</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Paste Created!</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">`</span><span style="color: #9ece6a;"><div style="text-align: left; margin-top: 1rem;"></span></div><div><span style="color: #9ece6a;"> <p style="margin-bottom: 1rem;"><strong>View URL:</strong></p></span></div><div><span style="color: #9ece6a;"> <input type="text" id="viewUrlCopy" value="</span><span style="color: #7dcfff;">${</span><span style="color: #c0caf5;">response</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">view_url</span><span style="color: #7dcfff;">}</span><span style="color: #9ece6a;">" </span></div><div><span style="color: #9ece6a;"> style="width: 100%; padding: 0.5rem; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 1rem;" readonly></span></div><div><span style="color: #9ece6a;"> <button onclick="copyToClipboard('viewUrlCopy', 'View URL copied!')" </span></div><div><span style="color: #9ece6a;"> style="width: 100%; padding: 0.6rem; background: #d4a373; color: white; border: none; border-radius: 8px; cursor: pointer; margin-bottom: 1.5rem;"></span></div><div><span style="color: #9ece6a;"> Copy View URL</span></div><div><span style="color: #9ece6a;"> </button></span></div><div><span style="color: #9ece6a;"> </span></div><div><span style="color: #9ece6a;"> <p style="margin-bottom: 1rem;"><strong>Edit URL (Keep private):</strong></p></span></div><div><span style="color: #9ece6a;"> <input type="text" id="editUrlCopy" value="</span><span style="color: #7dcfff;">${</span><span style="color: #c0caf5;">response</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">edit_url</span><span style="color: #7dcfff;">}</span><span style="color: #9ece6a;">" </span></div><div><span style="color: #9ece6a;"> style="width: 100%; padding: 0.5rem; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 1rem;" readonly></span></div><div><span style="color: #9ece6a;"> <button onclick="copyToClipboard('editUrlCopy', 'Edit URL copied!')" </span></div><div><span style="color: #9ece6a;"> style="width: 100%; padding: 0.6rem; background: #d4a373; color: white; border: none; border-radius: 8px; cursor: pointer;"></span></div><div><span style="color: #9ece6a;"> Copy Edit URL</span></div><div><span style="color: #9ece6a;"> </button></span></div><div><span style="color: #9ece6a;"> </div></span><span style="color: #89ddff;">`</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">View Paste</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">width</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">450px</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">svgSize</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">60px</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">plainText</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">false</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">messageMaxLength</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">5000</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">titleMaxLength</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">50</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">buttonBackground</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">#d4a373</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #73daca;">backOverlayColor</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">rgba(0,0,0,0.5)</span><span style="color: #89ddff;">'</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> }</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">function</span><span style="color: #9abdf5;">() {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">window</span><span style="color: #89ddff;">.</span><span style="color: #c0caf5;">location</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">href</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">=</span><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">response</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">view_url</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #9abdf5;"> )</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> } </span><span style="color: #bb9af7;">else</span><span style="color: #9abdf5;"> {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Notify</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">failure</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Error: </span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">+</span><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">response</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">message</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #9abdf5;"> }</span><span style="color: #89ddff;">,</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #7aa2f7;">error</span><span style="color: #89ddff;">:</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">function</span><span style="color: #9abdf5;">() {</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Loading</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">remove</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Notify</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">failure</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">An error occurred while creating your paste</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #9abdf5;"> })</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> })</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> })</span><span style="color: #89ddff;">;</span></div><div><span style="color: #c0caf5;"> </span></div><div><span style="color: #89ddff;"> </span><span style="color: #51597d;font-style: italic;">// Copy to clipboard function</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #bb9af7;">function</span><span style="color: #c0caf5;"> </span><span style="color: #7aa2f7;">copyToClipboard</span><span style="color: #9abdf5;">(</span><span style="color: #e0af68;">elementId</span><span style="color: #89ddff;">,</span><span style="color: #c0caf5;"> </span><span style="color: #e0af68;">successMessage</span><span style="color: #9abdf5;">)</span><span style="color: #c0caf5;"> </span><span style="color: #9abdf5;">{</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #9d7cd8;font-style: italic;">const</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">copyText</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">=</span><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">document</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">getElementById</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">elementId</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">copyText</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">select</span><span style="color: #9abdf5;">()</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">copyText</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">setSelectionRange</span><span style="color: #9abdf5;">(</span><span style="color: #ff9e64;">0</span><span style="color: #89ddff;">,</span><span style="color: #9abdf5;"> </span><span style="color: #ff9e64;">99999</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">document</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">execCommand</span><span style="color: #9abdf5;">(</span><span style="color: #89ddff;">"</span><span style="color: #9ece6a;">copy</span><span style="color: #89ddff;">"</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> </span><span style="color: #c0caf5;">Notiflix</span><span style="color: #89ddff;">.</span><span style="color: #7dcfff;">Notify</span><span style="color: #89ddff;">.</span><span style="color: #7aa2f7;">success</span><span style="color: #9abdf5;">(</span><span style="color: #c0caf5;">successMessage</span><span style="color: #9abdf5;"> </span><span style="color: #bb9af7;">||</span><span style="color: #9abdf5;"> </span><span style="color: #89ddff;">'</span><span style="color: #9ece6a;">Copied to clipboard!</span><span style="color: #89ddff;">'</span><span style="color: #9abdf5;">)</span><span style="color: #89ddff;">;</span></div><div><span style="color: #9abdf5;"> }</span></div><div><span style="color: #c0caf5;"> </span><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">script</span><span style="color: #ba3c97;">></span></div><div><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">body</span><span style="color: #ba3c97;">></span></div><div><span style="color: #ba3c97;"></</span><span style="color: #f7768e;">html</span><span style="color: #ba3c97;">></span></div></div><form id="pasteForm"><div class="form-group" style="margin-top: 2rem;"> </div> </form> </div> </div> <!--?php include 'includes/footer.php'; ?--> <script> // Initialize Lucide icons lucide.createIcons(); $(document).ready(function() { // Configure Notiflix Notiflix.Notify.init({ width: '320px', position: 'right-top', distance: '20px', opacity: 1, borderRadius: '12px', rtl: false, timeout: 4000, messageMaxLength: 300, backOverlay: false, plainText: true, showOnlyTheLastOne: false, clickToClose: true, pauseOnHover: true, ID: 'NotiflixNotify', className: 'notiflix-notify', zindex: 4001, fontFamily: 'inherit', fontSize: '15px', cssAnimationStyle: 'from-right', cssAnimationDuration: 400, success: { background: '#d4a373', textColor: '#fff', notiflixIconColor: 'rgba(255,255,255,0.9)', }, failure: { background: '#e85d75', textColor: '#fff', notiflixIconColor: 'rgba(255,255,255,0.9)', }, }); Notiflix.Loading.init({ className: 'notiflix-loading', zindex: 4000, backgroundColor: 'rgba(0,0,0,0.8)', rtl: false, fontFamily: 'inherit', cssAnimation: true, cssAnimationDuration: 400, clickToClose: false, customSvgUrl: null, customSvgCode: null, svgSize: '80px', svgColor: '#d4a373', messageID: 'NotiflixLoadingMessage', messageFontSize: '16px', messageMaxLength: 34, messageColor: '#dcdcdc', }); // Initialize Summernote $('#summernote').summernote({ height: 300, toolbar: [ ['style', ['style', 'bold', 'italic', 'underline', 'clear']], ['font', ['strikethrough', 'superscript', 'subscript']], ['fontsize', ['fontsize']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['height', ['height']], ['insert', ['link', 'picture', 'table', 'hr']], ['view', ['fullscreen', 'codeview']] ] }); // Editor toggle $('#editorToggle').change(function() { const isHtml = $(this).prop('checked'); $('#is_html').val(isHtml ? '1' : '0'); if (isHtml) { const content = $('#content').val(); $('#content').hide(); $('#summernote').show().summernote('code', content); Notiflix.Notify.info('Rich text editor enabled'); } else { const content = $('#summernote').summernote('code'); $('#summernote').hide(); $('#content').show().val(content); Notiflix.Notify.info('Plain text editor enabled'); } }); // Form submission $('#pasteForm').submit(function(e) { e.preventDefault(); // Get content from the active editor if ($('#editorToggle').prop('checked')) { const content = $('#summernote').summernote('code'); $('#content').val(content); } // Show loading Notiflix.Loading.circle('Creating your paste...'); $.ajax({ url: 'create.php', method: 'POST', data: $(this).serialize(), dataType: 'json', success: function(response) { Notiflix.Loading.remove(); if (response.success) { // Show success notification with custom content Notiflix.Report.success( 'Paste Created!', `<div style="text-align: left; margin-top: 1rem;"> <p style="margin-bottom: 1rem;"><strong>View URL:</strong></p> <input type="text" id="viewUrlCopy" value="${response.view_url}" style="width: 100%; padding: 0.5rem; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 1rem;" readonly> <button onclick="copyToClipboard('viewUrlCopy', 'View URL copied!')" style="width: 100%; padding: 0.6rem; background: #d4a373; color: white; border: none; border-radius: 8px; cursor: pointer; margin-bottom: 1.5rem;"> Copy View URL </button> <p style="margin-bottom: 1rem;"><strong>Edit URL (Keep private):</strong></p> <input type="text" id="editUrlCopy" value="${response.edit_url}" style="width: 100%; padding: 0.5rem; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 1rem;" readonly> <button onclick="copyToClipboard('editUrlCopy', 'Edit URL copied!')" style="width: 100%; padding: 0.6rem; background: #d4a373; color: white; border: none; border-radius: 8px; cursor: pointer;"> Copy Edit URL </button> </div>`, 'View Paste', { width: '450px', svgSize: '60px', plainText: false, messageMaxLength: 5000, titleMaxLength: 50, buttonBackground: '#d4a373', backOverlayColor: 'rgba(0,0,0,0.5)', }, function() { window.location.href = response.view_url; } ); } else { Notiflix.Notify.failure('Error: ' + response.message); } }, error: function() { Notiflix.Loading.remove(); Notiflix.Notify.failure('An error occurred while creating your paste'); } }); }); }); // Copy to clipboard function function copyToClipboard(elementId, successMessage) { const copyText = document.getElementById(elementId); copyText.select(); copyText.setSelectionRange(0, 99999); document.execCommand("copy"); Notiflix.Notify.success(successMessage || 'Copied to clipboard!'); } </script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/notiflix@3.2.6/dist/notiflix-3.2.6.min.css"><style> :root { --kindle-bg: #faf8f3; --kindle-paper: #ffffff; --kindle-text: #2c2c2c; --kindle-muted: #666666; --kindle-border: #e8e5dd; --kindle-accent: #d4a373; --kindle-accent-dark: #b8895f; --kindle-shadow: rgba(0, 0, 0, 0.08); --kindle-shadow-lg: rgba(0, 0, 0, 0.12); --radius: 16px; --radius-sm: 12px; } body { background: var(--kindle-bg); color: var(--kindle-text); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', sans-serif; line-height: 1.6; padding: 2rem 1rem; min-height: 100vh; } .container { max-width: 800px; margin: 0 auto; } .kindle-card { background: var(--kindle-paper); border-radius: var(--radius); padding: 3rem; box-shadow: 0 4px 6px var(--kindle-shadow), 0 10px 20px var(--kindle-shadow-lg); border: 1px solid var(--kindle-border); transition: all 0.3s ease; } .kindle-card:hover { transform: translateY(-2px); box-shadow: 0 6px 8px var(--kindle-shadow), 0 15px 25px var(--kindle-shadow-lg); } h1 { font-size: 2rem; font-weight: 600; margin: 0 0 2rem 0; color: var(--kindle-text); display: flex; align-items: center; gap: 0.75rem; } .form-group { margin-bottom: 1.75rem; } label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; font-weight: 500; color: var(--kindle-text); margin-bottom: 0.65rem; } label svg { width: 18px; height: 18px; color: var(--kindle-accent); } .form-control, .form-select { width: 100%; padding: 0.85rem 1.1rem; border: 2px solid var(--kindle-border); border-radius: var(--radius-sm); font-size: 1rem; color: var(--kindle-text); background: var(--kindle-paper); transition: all 0.2s ease; font-family: inherit; } .form-control:focus, .form-select:focus { outline: none; border-color: var(--kindle-accent); box-shadow: 0 0 0 4px rgba(212, 163, 115, 0.1); } .form-control::placeholder { color: #aaa; } textarea.form-control { resize: vertical; font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace; line-height: 1.5; } .toggle-container { display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 0; } .toggle-switch { position: relative; width: 52px; height: 28px; } .toggle-switch input { opacity: 0; width: 0; height: 0; } .toggle-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--kindle-border); border-radius: 28px; transition: 0.3s; } .toggle-slider:before { position: absolute; content: ""; height: 22px; width: 22px; left: 3px; bottom: 3px; background-color: white; border-radius: 50%; transition: 0.3s; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } input:checked + .toggle-slider { background-color: var(--kindle-accent); } input:checked + .toggle-slider:before { transform: translateX(24px); } .toggle-label { display: flex; align-items: center; gap: 0.5rem; font-size: 0.95rem; color: var(--kindle-text); cursor: pointer; user-select: none; } .toggle-label svg { width: 18px; height: 18px; color: var(--kindle-muted); } .btn-primary { width: 100%; padding: 1rem 2rem; background: linear-gradient(135deg, var(--kindle-accent), var(--kindle-accent-dark)); color: white; border: none; border-radius: var(--radius-sm); font-size: 1.05rem; font-weight: 600; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 0.65rem; box-shadow: 0 4px 12px rgba(212, 163, 115, 0.3); } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(212, 163, 115, 0.4); } .btn-primary:active { transform: translateY(0); } .btn-primary svg { width: 20px; height: 20px; } #summernote { border-radius: var(--radius-sm); overflow: hidden; } /* Divider */ .divider { height: 1px; background: var(--kindle-border); margin: 2rem 0; } /* Responsive */ @media (max-width: 768px) { .kindle-card { padding: 2rem 1.5rem; } h1 { font-size: 1.6rem; } } /* Custom Notiflix theme */ .notiflix-notify { border-radius: var(--radius-sm) !important; font-family: inherit !important; } </style>
Typography
JetBrains Mono (Code)
Inter (Readable)
Randomized
Index in Search Matrix
Allow External Download
Save Changes
Cancel