:root{--sidebar-width:260px;--sidebar-collapsed-width:0px;--mobile-header-height:50px;--app-min-height:100vh}body,html{min-height:var(--app-min-height);overflow-x:hidden}.app-layout{display:flex;min-height:100vh}@media (max-width:991px){.app-layout{flex-direction:column}}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;top:0;left:0;background:var(--bs-tertiary-bg);border-right:1px solid var(--bs-border-color);z-index:1040;display:flex;flex-direction:column;overflow:hidden}.sidebar-header{flex-shrink:0}.sidebar-content{flex:1 1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--bs-secondary-bg);border-radius:3px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--bs-secondary-bg-emphasis)}.sidebar-footer{flex-shrink:0}.sidebar-nav{padding:0 .5rem}.sidebar-link{padding:.5rem .75rem;margin:1px 0;border-radius:.375rem;color:var(--bs-body-color);text-decoration:none;font-size:.875rem;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:.5rem}.sidebar-link:hover{background:var(--bs-secondary-bg);color:var(--bs-body-color)}.sidebar-link.active{background:var(--bs-primary-bg-subtle);color:var(--bs-primary);font-weight:600}.sidebar-link svg{flex-shrink:0}.sidebar-category-header{cursor:pointer;transition:color .15s ease;letter-spacing:.05em}.sidebar-category-header:hover{color:var(--bs-body-color)!important}.sidebar-category-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.sidebar-chevron{transition:transform .2s ease;flex-shrink:0}.sidebar-chevron.rotate{transform:rotate(180deg)}.sidebar-divider{height:1px;background:var(--bs-border-color)}.mobile-header{background:var(--bs-tertiary-bg);border-bottom:1px solid var(--bs-border-color);z-index:1030;height:var(--mobile-header-height);display:flex;align-items:center}.sidebar-offcanvas{width:280px!important}.sidebar-offcanvas .offcanvas-body{padding:0}.sidebar-offcanvas .sidebar-nav{padding:.5rem}.main-content{flex:1 1;min-height:100vh}@media (min-width:992px){.main-content{margin-left:var(--sidebar-width);padding:1.5rem 2rem}}@media (max-width:991px){.main-content{padding:1rem;padding-top:calc(var(--mobile-header-height) + 1rem)}}.tool-card{transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--bs-border-color);cursor:pointer}.tool-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:var(--bs-primary)}.preview-iframe{border:1px solid var(--bs-border-color);border-radius:.375rem;background:white;min-height:300px;width:100%}.editor-section{height:100%;display:flex;flex-direction:column}.editor-section .editor-header{padding:.5rem .75rem;background:var(--bs-tertiary-bg);border-bottom:1px solid var(--bs-border-color);font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.editor-section .editor-body{flex:1 1;min-height:200px}.stat-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bs-tertiary-bg);border-radius:.5rem;font-size:.875rem}.stat-value{font-weight:700;color:var(--bs-primary)}.transform-btn{transition:all .15s ease}.transform-btn:hover{transform:scale(1.02)}.tox-tinymce{border-radius:.375rem!important;border:1px solid var(--bs-border-color)!important}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem}.pyodide-loading{position:fixed;bottom:1rem;right:1rem;z-index:1050}.format-status{min-height:2rem;display:flex;align-items:center}.markdown-preview{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.markdown-preview h1,.markdown-preview h2,.markdown-preview h3,.markdown-preview h4,.markdown-preview h5,.markdown-preview h6{margin-top:1.5rem;margin-bottom:.75rem;font-weight:600}.markdown-preview h1{font-size:2rem;border-bottom:2px solid var(--bs-border-color);padding-bottom:.5rem}.markdown-preview h2{font-size:1.5rem;border-bottom:1px solid var(--bs-border-color);padding-bottom:.25rem}.markdown-preview h3{font-size:1.25rem}.markdown-preview pre{background:var(--bs-tertiary-bg);padding:1rem;border-radius:.375rem;overflow-x:auto}.markdown-preview code{background:var(--bs-tertiary-bg);padding:.2rem .4rem;border-radius:.25rem;font-size:.9em}.markdown-preview pre code{background:none;padding:0}.markdown-preview table{border-collapse:collapse;width:100%;margin:1rem 0}.markdown-preview td,.markdown-preview th{border:1px solid var(--bs-border-color);padding:.5rem .75rem;text-align:left}.markdown-preview th{background:var(--bs-tertiary-bg);font-weight:600}.markdown-preview blockquote{border-left:4px solid var(--bs-primary);margin:1rem 0;padding:.5rem 1rem;background:var(--bs-tertiary-bg);border-radius:0 .375rem .375rem 0}.markdown-preview img{max-width:100%;border-radius:.375rem}.markdown-preview ol,.markdown-preview ul{padding-left:2rem}.markdown-preview li{margin:.25rem 0}.markdown-preview hr{border:none;border-top:2px solid var(--bs-border-color);margin:2rem 0}@media (max-width:768px){.editor-section .editor-body{min-height:150px}.preview-iframe{min-height:250px}.stat-badge{padding:.375rem .75rem;font-size:.8125rem}}[data-bs-theme=dark] .preview-iframe{background:#1a1a1a}.about-lib-card{transition:transform .2s ease,box-shadow .2s ease}.about-lib-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,.1)!important}.lib-link{transition:color .15s ease}.lib-link:hover{color:var(--bs-primary)!important}.license-badge{font-size:.7rem;font-weight:600;letter-spacing:.03em;padding:.25em .5em}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:var(--bs-body-bg);border-top:1px solid var(--bs-border-color);padding:1rem;z-index:1060;box-shadow:0 -4px 20px rgba(0,0,0,.15)}.cookie-consent-content{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.cookie-consent-text{display:flex;align-items:center;gap:.75rem;flex:1 1;font-size:.875rem;color:var(--bs-body-color)}.cookie-consent-icon{color:var(--bs-primary);flex-shrink:0}.cookie-consent-actions{display:flex;gap:.5rem;flex-shrink:0}.cookie-consent-trigger{position:fixed;bottom:1rem;right:1rem;width:40px;height:40px;border-radius:50%;background:var(--bs-primary);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1059;box-shadow:0 2px 10px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}.cookie-consent-trigger:hover{transform:scale(1.1);box-shadow:0 4px 15px rgba(0,0,0,.3)}.cookie-consent-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1061;padding:1rem}.cookie-consent-settings{background:var(--bs-body-bg);border:1px solid var(--bs-border-color);border-radius:.5rem;padding:1.5rem;max-width:500px;width:100%;box-shadow:0 10px 40px rgba(0,0,0,.2)}.cookie-consent-settings-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--bs-border-color)}@media (max-width:768px){.cookie-consent-content{flex-direction:column;align-items:stretch}.cookie-consent-actions{justify-content:flex-end}.cookie-consent-trigger{bottom:1.5rem;right:1.5rem}}