.sidebar-toggle{color:var(--text-primary);background:0 0;justify-content:center;align-items:center;padding:.37rem;font-size:1rem;display:flex}.sidebar{background-color:var(--bg-primary);border-right:.75px solid var(--border);z-index:100;flex-direction:column;flex-shrink:0;width:195px;height:100vh;margin-left:0;padding:.75rem .75rem 0;transition:transform .3s,box-shadow .3s;display:flex}html[data-theme=midnight-gold] .sidebar,html[data-theme=quartz] .sidebar{border-image:var(--gradient-gold) 1;border-style:solid;border-width:0 .75px 0 0;border-image-slice:1}.sidebar-header{justify-content:space-between;align-items:center;height:37.5px;margin-bottom:1em;padding:0 .3rem;display:flex}.header-icon-btn{width:25px;height:25px;color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;border:.75px solid #0000;justify-content:center;align-items:center;transition:all .2s;display:flex}.header-icon-btn i{font-size:.75rem}.header-icon-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary);transform:scale(1.05)}.sidebar h2{color:var(--header-color);background:var(--header-color);-webkit-text-fill-color:transparent;letter-spacing:.37px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1rem}.nav-menu h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.75px;margin:.3rem .56rem;font-size:.65rem}.history-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.75px;margin:1rem .56rem;font-size:.65rem}.nav-menu{flex-direction:column;gap:.18rem;margin-bottom:.75rem;display:flex}.nav-menu i{margin-right:3.75px;text-decoration:none}.nav-menu a{text-decoration:none}.nav-item{color:var(--text-secondary);text-align:left;border-radius:var(--radius);background:0 0;border:.75px solid #0000;flex-direction:row;align-items:center;gap:3px;padding:.45rem .5rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-item.active{background:var(--bg-tertiary);color:var(--accent);border:.75px solid var(--accent);box-shadow:0 0 3.75px #38bdf866}html[data-theme=midnight-gold] .nav-item,html[data-theme=quartz] .nav-item{color:#8b949e}html[data-theme=midnight-gold] .nav-item.active,html[data-theme=quartz] .nav-item.active{color:var(--accent);border:.75px solid #0000;border-image:var(--gradient-gold) 1;box-shadow:var(--shadow-subtle);border-style:solid;border-image-slice:1}html[data-theme=midnight-gold] .nav-item:hover{color:var(--text-primary)!important}.history-section{flex-direction:column;flex:1;padding-top:.37rem;display:flex;overflow-y:hidden}html[data-theme=midnight-gold] .history-section,html[data-theme=quartz] .history-section{border-image:var(--gradient-gold) 1;border-style:solid;border-width:.75px 0 0;border-image-slice:1}.history-header{justify-content:space-between;align-items:center;margin-bottom:.37rem;display:flex}.history-sub-header{align-items:center;gap:6px;display:flex}.autosave-btn{color:var(--accent-color);cursor:pointer;background:0 0;border-radius:3px;align-items:center;gap:3px;padding:2px;font-size:.7em;display:flex}.autosave-btn i{margin-top:2px}.autosave-btn:active{color:var(--text-secondary)}.clear-all-btn{color:var(--text-secondary);padding:.2rem .3rem;font-size:.6rem;background:0 0!important}.clear-all-btn:hover{color:var(--danger);background:0 0!important}html[data-theme=midnight-gold] .clear-all-btn:hover,html[data-theme=quartz] .clear-all-btn:hover{color:var(--text-primary);background:0 0!important}.history-list{flex-direction:column;flex:1;gap:.3rem;padding-bottom:.75rem;display:flex;overflow-y:auto}.history-card{background:var(--bg-tertiary);border-radius:var(--radius);cursor:pointer;border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:.56rem;transition:background .15s;display:flex}.history-card:hover{background:var(--border);border-left:2.25px solid var(--accent)}html[data-theme=midnight-gold] .history-card:hover,html[data-theme=quartz] .history-card:hover{border-image:var(--gradient-gold) 1;background:var(--bg-tertiary);border-style:solid;border-width:0 0 0 2.25px;border-image-slice:1}.history-card-content{flex-direction:column;flex-grow:1;max-width:135px;display:flex;overflow:hidden}.delete-item-btn{color:var(--text-secondary);opacity:.6;background:0 0;border-radius:3px;flex-shrink:0;margin-left:6px;padding:3px 6px;font-size:.75rem;transition:all .2s}.history-card:hover .delete-item-btn{opacity:1}.delete-item-btn:hover{color:var(--danger)}.delete-item-btn i,.delete-item-btn .fas{font-variant:normal;text-rendering:auto;-webkit-font-smoothing:antialiased;color:inherit;font-style:normal;display:inline-block;font-family:"Font Awesome 6 Free"!important;font-weight:900!important}.history-type{color:var(--text-primary);font-size:.675rem;font-weight:700}.history-snippet{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;opacity:.7;margin:2px 0;font-family:monospace;font-size:.5rem;overflow:hidden}.history-date{color:var(--accent);margin-top:1.5px;font-size:.48rem;font-weight:500}.sidebar-scroll-area{flex:1;padding-right:0;overflow:hidden auto;scrollbar-width:none!important;-ms-overflow-style:none!important}.sidebar-scroll-area::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}.sidebar-footer{border-top:1px solid var(--border);background:var(--bg-primary);z-index:10;justify-content:flex-end;align-items:center;margin:0 -.75rem;display:flex;position:relative}html[data-theme=midnight-gold] .sidebar-footer,html[data-theme=quartz] .sidebar-footer{border-top:none;border-image-source:var(--gradient-gold);border-style:solid;border-image-slice:1;border-width:1px 0 0!important}.footer-action-container{flex-direction:column;align-items:center;display:flex;position:relative}.footer-icon-btn{color:var(--text-secondary);border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:38px;height:38px;font-size:.8rem;transition:all .2s;display:flex}.footer-icon-btn:hover,.footer-icon-btn.active{background:var(--bg-tertiary);color:var(--accent)}.ai-options-menu{background:var(--bg-secondary);border:1px solid var(--border);opacity:0;visibility:hidden;z-index:100;border-bottom:none;flex-direction:column;gap:6px;padding:6px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:100%;transform:translateY(15px);box-shadow:0 -5px 15px #00000026}.footer-action-container:hover .ai-options-menu{opacity:1;visibility:visible;transform:translateY(0)}.ai-option-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;transition:all .2s;display:flex}.ai-option-btn:hover{color:var(--text-primary);background:var(--bg-tertiary);transform:scale(1.1)}.ai-option-btn.active{color:var(--accent);background:var(--bg-tertiary)}.theme-dropdown-menu{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);opacity:0;visibility:hidden;z-index:100;scrollbar-width:thin;flex-direction:column;gap:2px;width:150px;max-height:250px;padding:.6rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;bottom:calc(100% + 12px);left:50%;overflow-y:auto;transform:translate(-50%)translateY(15px);box-shadow:0 -5px 20px #0003}.theme-dropdown-menu.open{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.theme-group-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:8px 0 4px 4px;font-size:.65rem;font-weight:700}.theme-group-label:first-child{margin-top:2px}.theme-option-btn{color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:6px 8px;font-size:.8rem;transition:background .2s}.theme-option-btn:hover{color:var(--accent);transform:scale(1.1)}.theme-option-btn.active{color:var(--accent);background:var(--bg-tertiary);font-weight:600}.sidebar.collapsed{width:52px;padding:.75rem .37rem 0}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar.collapsed .nav-item{justify-content:center;align-items:center;padding:.6rem;display:flex}.sidebar.collapsed .nav-item i{margin-right:0;font-size:.8rem}.sidebar.collapsed .logo-group{display:none}.sidebar.collapsed .sidebar-footer{flex-direction:column;margin:0 -.37rem}.sidebar.collapsed .theme-dropdown-menu{left:0}.sidebar.collapsed .theme-dropdown-menu.open{transform:translate(10px)translateY(0)}.mobile-only{display:none!important}.desktop-only{display:flex!important}.empty-history{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:30px;display:flex}.empty-history i{opacity:.6;margin-bottom:12px;font-size:18px}.empty-history p{margin:0;font-family:sans-serif;font-size:13px}.clickable{cursor:pointer;transition:color .2s}.clickable:hover{transform:scale(1.1)}.history-modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.history-modal-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;width:90%;height:90%;animation:.3s cubic-bezier(.16,1,.3,1) slide-up-down;display:flex;overflow:hidden;box-shadow:0 15px 37.5px #00000080}html[data-theme=midnight-gold] .history-modal-container,html[data-theme=quartz] .history-modal-container{border:1px solid #0000;border-image:var(--gradient-gold) 1;border-image-slice:1}.history-modal-header{border-bottom:1px solid var(--border);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.history-modal-header h2{color:var(--header-color);background:var(--header-color);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;margin:0;font-size:1rem;display:flex}.history-modal-actions{gap:.75rem;display:flex}.history-clear-all-btn{color:var(--danger);border:.75px solid var(--danger);border-radius:var(--radius);cursor:pointer;background:0 0;align-items:center;gap:6px;padding:.3rem .75rem;font-weight:600;transition:all .2s;display:flex}.history-clear-all-btn:hover{background:var(--danger);color:#fff}.history-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1rem;transition:color .2s}.history-close-btn:hover{color:var(--text-primary)}.history-modal-body{background:var(--bg-primary);flex:1;padding:1.5rem;overflow-y:auto}.history-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.history-detail-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.history-detail-card:hover{border-color:var(--accent);box-shadow:var(--shadow-subtle);transform:translateY(-1.5px)}.detail-card-header{border-bottom:1px solid var(--border);background:var(--bg-tertiary);justify-content:space-between;align-items:center;padding:.75rem;display:flex}.detail-card-title{color:var(--text-primary);align-items:center;gap:7.5px;font-weight:600;display:flex}.detail-card-title i{color:var(--accent)}.detail-card-date{color:var(--text-secondary);font-size:.6rem}.detail-card-content{flex:1;padding:.9rem .75rem}.detail-snippet{flex-direction:column;gap:6px;display:flex}.detail-snippet strong{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.3px;font-size:.6rem}.detail-snippet pre{background:var(--bg-primary);border:.75px solid var(--border);color:var(--text-primary);white-space:pre-wrap;word-break:break-all;border-radius:3px;max-height:90px;margin:0;padding:.5rem;font-size:.6rem;overflow:hidden}.detail-card-footer{border-top:.75px solid var(--border);background:var(--bg-secondary);justify-content:space-between;gap:.75rem;padding:.75rem;display:flex}.detail-load-btn{background:var(--btn-background);color:var(--btn-text);cursor:pointer;border:none;border-radius:3px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.45rem;font-weight:600;transition:background .2s;display:flex}.detail-load-btn:hover{background:var(--btn-background-hover)}.detail-delete-btn{color:var(--text-secondary);border:.75px solid var(--border);cursor:pointer;background:0 0;border-radius:3px;padding:.45rem .75rem;transition:all .2s}.detail-delete-btn:hover{color:var(--danger);border-color:var(--danger);background:#ff4d4d1a}.device-modal-content{width:95%;max-width:420px}.device-code-section{background:var(--bg-primary);border:.75px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.code-display{letter-spacing:.5rem;color:var(--accent);background:var(--bg-tertiary);border-radius:var(--radius);border:1px dashed var(--accent);text-align:center;-webkit-user-select:all;user-select:all;width:100%;margin-bottom:.5rem;padding:1rem 1.5rem;font-family:monospace;font-size:2rem;font-weight:700}.device-insert-section{background:var(--bg-tertiary);border-radius:var(--radius);border:.75px solid var(--border);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.device-insert-section p{color:var(--text-primary);margin:0;font-size:.8rem;font-weight:500}.insert-code-wrapper{gap:.5rem;display:flex}.device-code-input{background:var(--bg-primary);border:.75px solid var(--border);color:var(--text-primary);border-radius:var(--radius);letter-spacing:.2rem;text-transform:uppercase;outline:none;flex:1;padding:.5rem .75rem;font-family:monospace;font-size:1rem;transition:border-color .2s}.device-code-input:focus{border-color:var(--accent);box-shadow:0 0 0 1.5px #38bdf833}.device-code-input::placeholder{color:var(--text-secondary);letter-spacing:normal;font-family:inherit;font-size:.8rem}.device-modal-content .modal-desc{color:var(--text-secondary);text-align:center;margin-bottom:1.2rem;font-size:.85rem;line-height:1.4}.sync-status-banner{border-radius:var(--radius);justify-content:center;align-items:center;gap:8px;margin-bottom:1rem;padding:.75rem;font-size:.85rem;font-weight:500;animation:.3s slide-up-down;display:flex}.sync-status-banner.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444466}.sync-status-banner.success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e66}.device-code-section{transition:all .3s;position:relative}.timer-display{color:var(--accent);background:var(--bg-tertiary);border-radius:var(--radius);justify-content:center;align-items:center;gap:5px;margin-bottom:1rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:flex;box-shadow:inset 0 0 5px #0003}.device-code-input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-tertiary)}.device-insert-section p{color:var(--text-secondary);align-items:center;gap:6px;display:flex}.device-insert-section p i{color:var(--accent)}@keyframes slide-up-down{0%{opacity:0;transform:translateY(15px)}75%{opacity:1;transform:translateY(0)}}@media (max-width:576px){.sidebar{z-index:1000;flex-direction:column;width:187.5px;height:100vh;margin-left:0;transition:transform .3s;display:flex;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:0}.mobile-only{display:flex!important}.desktop-only{display:none!important}.nav-item{font-size:.7rem}}@media (max-width:675px){.sidebar{width:172px}.history-modal-container{width:71%;height:65%}.history-grid{grid-template-columns:1fr}.sidebar-toggle{padding:.2rem;font-size:1.5rem}}
.tool-footer{border-top:.75px solid var(--border);color:var(--text-secondary);align-items:start;margin:auto 15px 15px;padding-top:.075rem;font-family:inherit}.footer-content{grid-template-columns:1fr 1fr;gap:30px;margin:0 auto;display:grid}.visible-intro{margin-bottom:1.5rem}.visible-intro h2{color:var(--text-primary);margin-bottom:.75rem;font-size:1rem}.visible-intro p{font-size:.9rem}.seo-details{border-bottom:.75px solid var(--border);height:max-content;margin-top:1rem;padding-bottom:.75rem}.seo-details summary{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:7.5px 0;font-weight:600;list-style:none;display:flex}.seo-details summary::-webkit-details-marker{display:none}.seo-details summary h3{align-items:center;gap:7.5px;margin:0;font-size:.9rem;display:flex}.details-content{padding:1.12rem 0;animation:.3s ease-in-out fadeIn}.feature-grid{grid-template-columns:1fr;gap:1.12rem;display:grid}.feature-card h4{color:var(--text-primary);margin:0;font-size:1rem}.feature-card p{color:var(--text-secondary);margin-left:0;font-size:.9rem;line-height:1.5}.faq-list{flex-direction:column;gap:1.12rem;margin-top:0;display:flex}.faq-item h4{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.faq-item p{color:var(--text-secondary);margin-left:0;font-size:.9rem;line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(-3.75px)}to{opacity:1;transform:translateY(0)}}@media (max-width:576px){.feature-grid{grid-template-columns:1fr;gap:.75rem}.footer-content{grid-template-columns:1fr;gap:7.5px;margin-left:7.5px;margin-right:7.5px}}