@font-face{font-family:Torus;src:url(/static/media/Torus-Regular.4befaf3d2c7955ee5644.otf) format("opentype")}:root{--font-family:"Torus","Inter",-apple-system,BlinkMacMacFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-size-base:16px;--line-height-base:1.6;--color-text:#eee5da;--color-background:#1a1d24;--color-background-rgb:26,29,36;--color-surface:#252932;--color-border:#3e4450;-color-border-rgb:62,68,80;--color-accent:#a06cd5;--color-accent-rgb:160,108,213;--color-accent-hover:#b887e5;--color-accent-text:#fff;--color-success:#2ecc71;--color-warning:#f39c12;--color-warning-rgb:243,156,18;--color-error:#e74c3c;--color-error-rgb:231,76,60;--color-info:#3498db;--color-info-rgb:52,152,219;--border-radius:8px;--transition-speed:0.3s;--transition:all var(--transition-speed) cubic-bezier(0.4,0,0.2,1);--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#1a1d24;background:var(--color-background);border-radius:10px}::-webkit-scrollbar-thumb{background:#3e4450;background:var(--color-border);border:2px solid #1a1d24;border:2px solid var(--color-background);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a06cd5;background:var(--color-accent)}html{scrollbar-color:#3e4450 #1a1d24;scrollbar-color:var(--color-border) var(--color-background);scrollbar-width:thin}.back-button{align-items:center;background-color:#252932;background-color:var(--color-surface);border:1px solid #3e4450;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius);color:#eee5da;color:var(--color-text);display:flex;font-size:1em;justify-content:center;padding:8px 12px;text-decoration:none;transition:background-color .3s,color .3s;transition:background-color var(--transition-speed),color var(--transition-speed);z-index:1000}.back-button:hover{background-color:#a06cd5;background-color:var(--color-accent);border-color:#a06cd5;border-color:var(--color-accent);color:#fff;color:var(--color-accent-text)}.back-button i{font-size:1em}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background-color:var(--color-background);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-base);min-height:100vh}.page-content-wrapper{flex-grow:1;padding-bottom:20px;padding-top:70px}.container{margin:0 auto;max-width:1200px;padding:0 15px}header{margin-bottom:40px;text-align:center}header h1{color:var(--color-text);font-size:2.8em;margin-bottom:10px}header .subtitle{color:var(--color-text);font-size:1.1em;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px;opacity:.8}.search-container{display:flex;justify-content:center;margin-bottom:40px}#search-bar{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-size:1em;max-width:500px;outline:none;padding:12px 20px;transition:border-color var(--transition-speed);width:100%}#search-bar:focus{border-color:var(--color-accent)}.tools-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.language-switcher{display:flex;gap:10px;z-index:1000}.language-switcher button{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;font-family:var(--font-family);padding:8px 12px;transition:background-color var(--transition-speed),color var(--transition-speed)}.language-switcher button.active,.language-switcher button:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.no-tools-message{font-style:italic;grid-column:1/-1;opacity:.7;padding:20px}.app-footer,.no-tools-message{color:var(--color-text);text-align:center}.app-footer{flex-shrink:0;font-size:.95em;opacity:.8;padding:25px 0}.app-footer p{align-items:center;display:flex;flex-wrap:wrap;gap:.3em;justify-content:center}.footer-heart-icon{color:var(--color-error);margin:0 .1em}.footer-link{align-items:center;color:var(--color-accent);display:inline-flex;font-weight:500;gap:.3em;text-decoration:none}.footer-link:hover{color:var(--color-accent-hover);text-decoration:underline}.github-icon{font-size:1.1em}@media (max-width:992px){.tools-grid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tool-card{padding:20px}}@media (max-width:768px){body{padding:15px}header{margin-bottom:30px}header h1{font-size:2.2em}header .subtitle{font-size:1em;margin-bottom:25px}.search-container{margin-bottom:30px}#search-bar{padding:10px 15px}.tools-grid{gap:15px;grid-template-columns:1fr}.tool-card h3{font-size:1.3em}.tool-card .description{font-size:.9em}.open-tool-btn{padding:10px 15px}.language-switcher{right:10px;top:10px}.language-switcher button{font-size:.9em;padding:6px 10px}footer{font-size:.9em;margin-top:40px;padding:15px 0}footer p{flex-wrap:wrap;justify-content:center}}@media (max-width:480px){header h1{font-size:1.8em}header .subtitle{font-size:.85em;margin-left:auto;margin-right:auto;max-width:90%}.language-switcher{gap:3px}.language-switcher button{font-size:.8em;padding:4px 8px}footer p{font-size:.85em;gap:5px}}@media (max-width:768px){.back-button{font-size:.9em;left:10px;padding:6px 10px;top:10px}}.page-transition-wrapper{transition:opacity .3s ease-in-out;width:100%;will-change:opacity}.page-transition-wrapper.fade-out{opacity:0;pointer-events:none}.page-transition-wrapper.fade-in{opacity:1}.transition-overlay{background-color:var(--color-background);height:100vh;left:0;opacity:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s ease-in-out;width:100vw;z-index:1500}.transition-overlay.active{opacity:1;pointer-events:auto}.app-footer,.back-button,.language-switcher,.suggestion-popup{opacity:1;transform:translateX(0) translateY(0);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.slide-out-left{opacity:0;pointer-events:none;transform:translateX(-150%)}.slide-out-right{opacity:0;pointer-events:none;transform:translateX(150%)}.slide-out-bottom-right{opacity:0;pointer-events:none;transform:translateY(150%)}.slide-out-bottom{opacity:0;pointer-events:none;transform:translateY(100%)}.language-switcher{position:fixed;right:20px;top:20px}.back-button{left:20px;position:fixed;top:20px}.tool-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:25px;position:relative;transition:transform .25s ease-out,box-shadow .25s ease-out;will-change:transform}.tool-card:hover{box-shadow:0 10px 20px #0003;transform:translateY(-5px)}.tool-card-content-grid{display:grid;flex-grow:1}.tool-card-content,.tool-card-skeleton{grid-area:1/1;transition:opacity .4s ease-out}.tool-card .tool-card-content{opacity:0}.tool-card.loaded .tool-card-content{opacity:1}.tool-card.loaded .tool-card-skeleton{opacity:0;pointer-events:none}.tool-card-skeleton .skeleton-line{background-color:var(--color-border);border-radius:4px;margin-bottom:15px;transition:height .3s ease-out,opacity .3s ease-out,margin-bottom .3s ease-out}.tool-card.loaded .tool-card-skeleton .skeleton-line{height:0!important;margin-bottom:0;opacity:0}.skeleton-title{height:24px;margin-bottom:20px;width:60%}.skeleton-description{height:16px;width:90%}.skeleton-description.short{height:16px;margin-bottom:20px;width:75%}.tool-card h3{align-items:center;color:var(--color-text);display:flex;font-size:1.5em;margin-bottom:10px}.tool-card h3 i{color:var(--color-accent);font-size:.9em;margin-right:10px}.tool-card .description{color:var(--color-text);flex-grow:1;font-size:.95em;margin-bottom:20px;opacity:.8}.tool-card-stats{align-items:center;background-color:initial;border:none;color:var(--color-text);display:flex;font-size:.75em;font-weight:500;gap:5px;opacity:0;padding:0;position:absolute;right:15px;top:15px;transition:opacity .3s ease-in-out .2s;z-index:2}.tool-card.loaded .tool-card-stats{opacity:.6}.tool-card:hover .tool-card-stats{opacity:.9}.open-tool-btn{background-color:var(--color-accent);border:none;border-radius:var(--border-radius);color:var(--color-accent-text);cursor:pointer;display:inline-block;font-weight:700;padding:12px 20px;text-align:center;text-decoration:none;transition:background-color .2s;width:100%}.open-tool-btn:hover{background-color:var(--color-accent-hover)}.coming-soon-card,.tool-card.coming-soon-card{border-style:dashed;opacity:.7}.disabled-btn,.tool-card .disabled-btn{background-color:var(--color-border)!important;color:var(--color-text)!important;cursor:not-allowed!important;opacity:.6!important}.disabled-btn i,.tool-card .disabled-btn i{margin-right:8px}.nf-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 160px);padding:20px;text-align:center}.nf-icon{animation:nf-float 3s ease-in-out infinite;color:var(--color-accent);font-size:5em;margin-bottom:20px}@keyframes nf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.nf-title{font-size:2.5em;margin-bottom:10px}.nf-message,.nf-title{color:var(--color-text)}.nf-message{font-size:1.1em;margin-bottom:30px;max-width:500px;opacity:.8}.nf-home-button{background-color:var(--color-accent);border:none;border-radius:var(--border-radius);color:var(--color-accent-text);cursor:pointer;display:inline-block;font-weight:700;padding:12px 25px;text-decoration:none;transition:background-color var(--transition-speed)}.nf-home-button:hover{background-color:var(--color-accent-hover)}@media (max-width:600px){.nf-icon{font-size:4em}.nf-title{font-size:2em}.nf-message{font-size:1em}.nf-home-button{font-size:.95em;padding:10px 20px}}.qr-container{max-width:700px;padding-bottom:20px;padding-top:20px;text-align:center}.tool-header{margin-bottom:30px}.tool-header h1{font-size:2.5em;margin-bottom:8px}.tool-header .subtitle{font-size:1.05em;max-width:100%}.qr-main{align-items:center;display:flex;flex-direction:column;gap:25px}.input-section{max-width:500px;text-align:left;width:100%}.input-section label{display:block;font-weight:500;margin-bottom:8px}#qr-text{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;min-height:80px;padding:10px;resize:vertical;width:100%}#qr-text:focus{border-color:var(--color-accent);outline:none}.qr-code-display{align-items:center;background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;display:flex;height:256px;justify-content:center;padding:15px;width:256px}#qr-canvas{display:block}#qr-canvas,#qr-image-fallback{max-height:100%;max-width:100%;object-fit:contain}#qr-placeholder-text{color:#888;font-style:italic}.action-buttons{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.tool-btn{align-items:center;background-color:var(--color-accent);border:none;border-radius:var(--border-radius);color:var(--color-accent-text);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:1em;gap:8px;padding:10px 20px;transition:background-color var(--transition-speed)}.tool-btn:hover:not(:disabled){background-color:var(--color-accent-hover)}.tool-btn:disabled{background-color:var(--color-border);color:var(--color-text);cursor:not-allowed;opacity:.6}@media (max-width:768px){.tool-header h1{font-size:2em}.tool-header .subtitle{font-size:.95em}.qr-code-display{height:200px;padding:10px;width:200px}}@media (max-width:480px){.tool-header h1{font-size:1.7em}.qr-code-display{height:160px;width:160px}.action-buttons{flex-direction:column;max-width:250px;width:100%}.tool-btn{justify-content:center;width:100%}}.md-container{max-width:100%;padding-left:15px;padding-right:15px}.md-toolbar,.tool-header{margin-bottom:20px}.md-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tool-btn-secondary{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--border-radius);color:var(--color-accent);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:.9em;gap:8px;padding:8px 15px;transition:background-color var(--transition-speed),color var(--transition-speed)}.tool-btn-secondary:hover{background-color:var(--color-accent);color:var(--color-accent-text)}.editor-layout{display:flex;gap:20px;max-height:75vh;min-height:60vh}.editor-pane,.preview-pane{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex:1 1;flex-direction:column;overflow:auto}#markdown-input{background-color:var(--color-surface);border:none;color:var(--color-text);flex-grow:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95em;line-height:1.6;outline:none;padding:15px;resize:none;width:100%}.preview-pane{padding:15px}.markdown-body{word-wrap:break-word;color:var(--color-text);font-family:var(--font-family);line-height:1.7;text-align:left}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--color-text);font-weight:600;line-height:1.25;margin-bottom:16px;margin-top:24px}.markdown-body h1{font-size:2em}.markdown-body h1,.markdown-body h2{border-bottom:1px solid var(--color-border);padding-bottom:.3em}.markdown-body h2{font-size:1.5em}.markdown-body h3{font-size:1.25em}.markdown-body h4{font-size:1em}.markdown-body h5{font-size:.875em}.markdown-body h6{color:#888;font-size:.85em}.markdown-body p{margin-bottom:16px}.markdown-body ol,.markdown-body ul{margin-bottom:16px;padding-left:2em}.markdown-body li{margin-bottom:.25em}.markdown-body li>p{margin-bottom:0}.markdown-body ol ol,.markdown-body ol ul,.markdown-body ul ol,.markdown-body ul ul{margin-bottom:0;margin-top:0}.markdown-body blockquote{border-left:.25em solid var(--color-border);color:#aaa;margin-bottom:16px;margin-left:0;margin-right:0;padding:0 1em}.markdown-body blockquote>:first-child{margin-top:0}.markdown-body blockquote>:last-child{margin-bottom:0}.markdown-body code{background-color:#afb8c133;border-radius:3px;font-family:Consolas,Monaco,Courier New,monospace;font-size:85%;margin:0;padding:.2em .4em}.markdown-body pre{word-wrap:normal;background-color:#22272e;border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:85%;line-height:1.45;margin-bottom:16px;overflow:auto;padding:16px}.markdown-body pre code{background-color:initial;border:0;border-radius:0;color:#cdd9e5;display:inline;font-size:100%;margin:0;padding:0;white-space:pre;word-break:normal}.markdown-body img{background-color:#fff;height:auto;margin-bottom:16px;max-width:100%}.markdown-body a{color:var(--color-accent);text-decoration:none}.markdown-body a:hover{color:var(--color-accent-hover);text-decoration:underline}.markdown-body hr{background-color:var(--color-border);border:0;height:.25em;margin:24px 0;padding:0}.markdown-body table{border-collapse:collapse;display:block;margin-bottom:16px;overflow-x:auto;width:auto}.markdown-body td,.markdown-body th{border:1px solid var(--color-border);padding:6px 13px}.markdown-body th{font-weight:600}.markdown-body tr:nth-child(2n){background-color:#afb8c10d}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media (max-width:992px){.editor-layout{flex-direction:column;max-height:none;min-height:auto}.editor-pane,.preview-pane{flex:none;height:45vh;min-height:300px}}@media (max-width:480px){.md-toolbar{align-items:stretch;flex-direction:column}.tool-btn-secondary{justify-content:center;width:100%}.editor-pane,.preview-pane{height:40vh;min-height:250px}}.b64-container{max-width:900px}.tool-header{margin-bottom:25px;text-align:center}.input-type-toggle,.operation-toggle{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.input-type-toggle{align-items:center;font-size:.9em}.input-type-toggle span{color:var(--color-text);margin-right:5px;opacity:.8}.toggle-btn,.toggle-btn-small{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;font-family:var(--font-family);font-weight:500;padding:8px 15px;transition:background-color var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed)}.toggle-btn-small{font-size:.9em;padding:6px 12px}.toggle-btn-small.active,.toggle-btn.active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-text)}.toggle-btn-small:hover:not(.active),.toggle-btn:hover:not(.active){background-color:var(--color-border);border-color:var(--color-accent-hover)}.b64-io-area{align-items:center;gap:20px}.b64-io-area,.b64-pane{display:flex;flex-direction:column}.b64-pane{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000001a;padding:20px;width:100%}.b64-pane h3{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.2em;margin-bottom:15px;margin-top:0;padding-bottom:10px}#b64-input-text,#b64-output-text{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);flex-grow:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95em;line-height:1.6;min-height:150px;padding:12px;resize:vertical;transition:border-color var(--transition-speed);width:100%}#b64-output-text{background-color:var(--color-surface)}#b64-input-text:focus,#b64-output-text:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.output-pane #text-output-section{display:flex;flex-direction:column;flex-grow:1;position:relative}#copy-output-btn{background:#0000;border:none;border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;font-size:1.1em;opacity:.7;padding:8px;position:absolute;right:12px;top:12px;transition:opacity var(--transition-speed),color var(--transition-speed)}#copy-output-btn:hover:not(:disabled){color:var(--color-accent);opacity:1}#copy-output-btn:disabled{cursor:not-allowed;opacity:.4}#file-input-section{padding:10px 0;text-align:center}.file-upload-label{background-color:var(--color-surface);border:1px solid var(--color-accent);border-radius:var(--border-radius);color:var(--color-accent);cursor:pointer;display:inline-block;margin-bottom:10px;padding:10px 20px;transition:background-color var(--transition-speed),color var(--transition-speed)}.file-upload-label:hover{background-color:var(--color-accent);color:var(--color-accent-text)}#file-name-display,#file-output-info{align-items:center;background-color:var(--color-background);border-radius:var(--border-radius);color:var(--color-text);display:flex;font-size:.9em;justify-content:center;margin-top:8px;min-height:2.5em;opacity:.8;padding:5px;word-break:break-all}#file-output-section{padding-top:10px;text-align:center}#download-file-btn{margin-top:15px;padding:10px 20px}.b64-action{display:flex;justify-content:center;margin:10px 0}.b64-action #process-btn{font-weight:700;min-width:120px}.process-btn-encode{background-color:var(--color-success)}.process-btn-encode:hover:not(:disabled){background-color:#27ae60}.process-btn-decode{background-color:var(--color-info)}.process-btn-decode:hover:not(:disabled){background-color:#2980b9}.options-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000001a;margin-top:25px;padding:20px}.options-section h4{align-items:center;display:flex;font-size:1.1em;gap:8px;margin-bottom:15px;margin-top:0}.option-item{margin-bottom:12px}.option-item label{display:block;font-size:.95em;margin-bottom:5px}.option-item input[type=text]{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);max-width:300px;padding:10px;transition:border-color var(--transition-speed);width:100%}.option-item input[type=text]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}@media (min-width:769px){.b64-io-area{align-items:stretch;flex-direction:row;gap:15px}.b64-pane{flex:1 1;min-height:350px}.b64-action{align-self:center;flex-direction:column;justify-content:center;margin:0 10px}.b64-action #process-btn{padding:12px}}@media (max-width:480px){.input-type-toggle,.operation-toggle{align-items:stretch;flex-direction:column}.toggle-btn,.toggle-btn-small{text-align:center;width:100%}.input-type-toggle span{margin-bottom:5px;margin-right:0;text-align:center}.b64-pane{padding:15px}#b64-input-text,#b64-output-text{min-height:120px}.option-item input[type=text]{max-width:none}}.tc-container{max-width:800px}.tc-main{display:flex;flex-direction:column;gap:25px}.tc-input-area{position:relative}#text-input-analyzer{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;color:var(--color-text);font-family:var(--font-family);font-size:1em;line-height:1.6;min-height:180px;padding:15px 15px 50px;resize:vertical;transition:border-color var(--transition-speed);width:100%}#text-input-analyzer:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.clear-btn{align-items:center;background-color:var(--color-surface)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius);bottom:12px;display:inline-flex;font-size:.8em!important;gap:5px;line-height:1.2;opacity:.6;padding:6px 10px!important;position:absolute;right:12px;z-index:5}.clear-btn,.clear-btn:hover{color:var(--color-text)!important}.clear-btn:hover{background-color:var(--color-border)!important;opacity:1}.clear-btn i{font-size:.9em}.tc-options-area{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;padding:20px}.tc-options-area h2{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.3em;margin-bottom:20px;margin-top:0;padding-bottom:10px}.tc-options-grid{grid-gap:15px;align-items:end;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tc-option-item{display:flex;flex-direction:column;gap:8px}.tc-option-item label{color:var(--color-text);font-size:.9em;opacity:.8}.tc-option-item input[type=number]{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);padding:8px;width:100%}.tc-option-item input[type=number]:focus{border-color:var(--color-accent);outline:none}.tc-checkbox-option{align-items:center;flex-direction:row;gap:10px;margin-top:5px}.tc-checkbox-option input[type=checkbox]{accent-color:var(--color-accent);height:16px;width:16px}.tc-checkbox-option label{cursor:pointer;font-weight:400;margin-bottom:0;opacity:1}.tc-keywords-area,.tc-stats-area{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;padding:20px}.tc-keywords-area h2,.tc-stats-area h2{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.3em;margin-bottom:20px;margin-top:0;padding-bottom:10px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:center;min-height:90px;padding:12px;text-align:center}.stat-label{align-items:center;color:var(--color-text);display:block;display:flex;font-size:.85em;justify-content:center;margin-bottom:6px;min-height:2em;opacity:.8}.stat-value{color:var(--color-accent);display:block;font-size:1.6em;font-weight:700;word-break:break-all}.top-keywords-list{list-style:none;margin:0;padding:0}.top-keywords-list li{align-items:center;border-bottom:1px dashed var(--color-border);display:flex;flex-wrap:wrap;font-size:.95em;gap:10px;justify-content:space-between;padding:10px 5px}.top-keywords-list li:last-child{border-bottom:none}.top-keywords-list .keyword-name{color:var(--color-text);flex-grow:1;font-weight:500;word-break:break-all}.keyword-details{align-items:center;display:flex;flex-shrink:0;gap:10px}.keyword-density{color:var(--color-text);font-size:.8em;opacity:.7}.keyword-density,.top-keywords-list .keyword-count{background-color:var(--color-background);border-radius:var(--border-radius);padding:3px 7px;white-space:nowrap}.top-keywords-list .keyword-count{color:var(--color-accent);font-size:.9em;font-weight:700}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.tc-options-grid{grid-template-columns:1fr}.tc-checkbox-option{justify-content:flex-start}}@media (max-width:600px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.stat-value{font-size:1.4em}.top-keywords-list li{align-items:flex-start;flex-direction:column}.keyword-details{margin-top:5px}}@media (max-width:480px){#text-input-analyzer{min-height:150px;padding-bottom:45px}.clear-btn{bottom:8px;font-size:.75em!important;max-width:40%;padding:5px 8px!important;right:8px}.clear-btn i{font-size:.85em}.stats-grid{grid-template-columns:1fr 1fr}.stat-item{padding:10px}.stat-label{font-size:.8em;min-height:1.8em}.stat-value{font-size:1.2em}}.jf-container{max-width:100%}.jf-main{flex-direction:column}.jf-io-area,.jf-main{display:flex;gap:20px}.jf-io-area{max-height:75vh;min-height:60vh}.jf-pane{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;display:flex;flex:1 1;flex-direction:column;padding:0;position:relative}.jf-pane-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:10px 15px}.jf-pane-header h3{color:var(--color-text);font-size:1.1em;margin:0}.jf-pane-actions button{background:#0000;border:none;color:var(--color-text);cursor:pointer;font-size:1em;opacity:.7;padding:5px;transition:opacity var(--transition-speed),color var(--transition-speed)}.jf-pane-actions button:hover:not(:disabled){color:var(--color-accent);opacity:1}.jf-pane-actions button:disabled{cursor:not-allowed;opacity:.4}#json-input,#json-output{background-color:initial;border:none;border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-text);flex-grow:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95em;line-height:1.6;outline:none;padding:15px;resize:none;width:100%}#json-output{overflow:auto;white-space:pre}.jf-controls{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:20px;padding:15px}.jf-controls .tool-btn{font-size:.95em;padding:10px 20px}.jf-controls .tool-btn i{margin-right:8px}.jf-status-message{border-radius:var(--border-radius);display:none;font-size:.9em;margin-top:15px;padding:10px;text-align:center}.jf-status-message.success{background-color:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success);display:block}.jf-status-message.error{background-color:#e74c3c26;border:1px solid var(--color-error);color:var(--color-error);display:block}@media (max-width:768px){.jf-io-area{flex-direction:column;max-height:none;min-height:auto}.jf-pane{min-height:300px}.jf-controls{flex-direction:column;gap:10px}.jf-controls .tool-btn{max-width:300px;width:100%}}.ic-container{max-width:900px}.ic-main{display:flex;flex-direction:column;gap:25px}.ic-upload-section{background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--border-radius);cursor:pointer;padding:30px;text-align:center;transition:border-color var(--transition-speed),background-color var(--transition-speed)}.ic-upload-section:hover{background-color:var(--color-background);border-color:var(--color-accent)}.ic-upload-section p{color:var(--color-text);font-size:.95em;margin:10px 0 0;opacity:.8}.ic-upload-section i{color:var(--color-accent);font-size:3em;margin-bottom:15px}#image-upload-input{display:none}.ic-options-section{align-items:flex-start;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:15px;padding:20px}.ic-options-section label{display:block;font-weight:500;margin-bottom:5px}.ic-options-section input[type=number],.ic-options-section select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);min-width:200px;padding:10px}.ic-options-section input[type=number]:focus,.ic-options-section select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.option-group{max-width:300px;width:100%}.ic-process-button-section{margin-top:10px;text-align:center}.ic-warning-message{background-color:#f39c1226;border:1px solid var(--color-warning);border-radius:var(--border-radius);color:var(--color-warning);font-size:.9em;margin-top:15px;padding:10px 15px;text-align:center}.ic-preview-area{margin-top:20px}.ic-preview-area h3{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.2em;margin-bottom:15px;padding-bottom:10px}.image-previews-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.image-preview-item{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:10px;padding:10px;text-align:center}.image-preview-item canvas,.image-preview-item img{background-color:#fff;border-radius:var(--border-radius);height:auto;max-height:120px;max-width:100%;object-fit:contain}.image-preview-item .file-info{color:var(--color-text);font-size:.8em;opacity:.7;word-break:break-all}.image-preview-item .status{font-size:.85em;font-weight:700}.image-preview-item .status.processing{color:var(--color-info)}.image-preview-item .status.converted{color:var(--color-success)}.image-preview-item .status.error{color:var(--color-error)}.image-preview-item .download-link{background-color:var(--color-accent);border-radius:var(--border-radius);color:var(--color-accent-text);display:inline-block;font-size:.85em;padding:6px 12px;text-decoration:none;transition:background-color var(--transition-speed)}.image-preview-item .download-link:hover{background-color:var(--color-accent-hover)}.image-preview-item .download-link.disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.6}@media (max-width:600px){.ic-options-section{align-items:stretch}.ic-options-section input[type=number],.ic-options-section select,.option-group{max-width:none;min-width:0;width:100%}.image-previews-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}.rt-container{max-width:100%}.rt-main{display:flex;flex-direction:column;gap:20px}.rt-regex-input-area{background-color:var(--color-surface);flex-wrap:wrap;gap:10px;padding:15px}.rt-regex-input-area,.rt-regex-input-area .regex-field{align-items:center;border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex}.rt-regex-input-area .regex-field{background-color:var(--color-background);flex-grow:1;padding:0 5px}.rt-regex-input-area .regex-field span.regex-delimiter{color:var(--color-text);font-size:1.2em;opacity:.7;padding:0 5px}.rt-regex-input-area input[type=text]#regex-pattern{background-color:initial;border:none;color:var(--color-text);flex-grow:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:1em;outline:none;padding:10px}.rt-regex-flags{align-items:center;display:flex;gap:8px;margin-left:10px}.rt-regex-flags label{align-items:center;border:1px solid #0000;border-radius:var(--border-radius);cursor:pointer;display:inline-flex;font-size:.9em;padding:5px 8px;transition:background-color .2s,border-color .2s}.rt-regex-flags input[type=checkbox]{accent-color:var(--color-accent);height:15px;margin-right:5px;width:15px}.rt-regex-flags label:hover{background-color:var(--color-border)}.rt-regex-flags input[type=checkbox]:checked+span{color:var(--color-accent);font-weight:700}.rt-cheatsheet-area,.rt-matches-area,.rt-samples-area,.rt-test-string-area{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:20px}.rt-cheatsheet-area h3,.rt-matches-area h3,.rt-samples-area h3,.rt-test-string-area h3{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.2em;margin-bottom:15px;margin-top:0;padding-bottom:10px}#regex-test-string{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;line-height:1.6;min-height:150px;outline:none;padding:10px;resize:vertical;width:100%}#regex-test-string:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover)}.highlighted-text-area{word-wrap:break-word;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;line-height:1.6;min-height:150px;overflow-y:auto;padding:10px;white-space:pre-wrap;width:100%}.highlighted-text-area .match{background-color:#a06cd54d;border-bottom:2px solid var(--color-accent);border-radius:2px;padding:0 1px}.highlighted-text-area .group{background-color:#3498db4d;border-bottom:1px dotted var(--color-info)}.rt-matches-list{list-style:none;margin:0;max-height:300px;overflow-y:auto;padding:0}.rt-matches-list li{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);font-family:Consolas,Monaco,monospace;font-size:.9em;margin-bottom:8px;padding:8px 12px}.rt-matches-list li .match-index{color:var(--color-accent);font-weight:700;margin-right:10px}.rt-matches-list li .group-index{color:var(--color-info);font-style:italic;margin-left:15px;margin-right:5px}.rt-matches-list .no-matches{font-style:italic;opacity:.7}.rt-cheatsheet-content{column-count:3;-webkit-column-count:3;-moz-column-count:3;column-gap:25px;-webkit-column-gap:25px;-moz-column-gap:25px;font-size:.9em;line-height:1.6}.rt-cheatsheet-content dl{margin:0}.rt-cheatsheet-content dl dt{background-color:var(--color-background);border-radius:var(--border-radius);break-inside:avoid;color:var(--color-accent);display:inline-block;font-family:Consolas,Monaco,monospace;font-weight:700;margin-bottom:2px;margin-right:8px;padding:2px 6px;page-break-inside:avoid}.rt-cheatsheet-content dl dd{break-inside:avoid;margin-bottom:12px;margin-left:0;padding-left:0;page-break-inside:avoid}.rt-samples-list button{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;display:block;margin-bottom:5px;padding:8px 12px;text-align:left;transition:background-color var(--transition-speed);width:100%}.rt-samples-list button:hover{background-color:var(--color-border)}.rt-editor-preview-layout{display:flex;gap:20px}.rt-editor-column,.rt-preview-column{display:flex;flex:1 1;flex-direction:column;gap:20px}@media (max-width:992px){.rt-editor-preview-layout,.rt-regex-input-area{flex-direction:column}.rt-regex-input-area{align-items:stretch}.rt-regex-input-area .regex-field{margin-bottom:10px}.rt-regex-flags{flex-wrap:wrap;gap:5px 10px;justify-content:flex-start;margin-left:0}.rt-regex-flags label{padding:4px 6px}.rt-cheatsheet-content{column-count:2;-webkit-column-count:2;-moz-column-count:2}}@media (max-width:600px){.rt-regex-input-area input[type=text]#regex-pattern{font-size:.9em}.rt-regex-flags label{font-size:.85em}#regex-test-string,.highlighted-text-area{min-height:120px}.rt-cheatsheet-content{column-count:1;-webkit-column-count:1;-moz-column-count:1}}.bi-container{max-width:900px}.bi-main{display:flex;flex-direction:column;gap:30px}.info-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;padding:20px}.info-section h2{align-items:center;border-bottom:1px solid var(--color-border);color:var(--color-text);display:flex;font-size:1.3em;gap:10px;margin-bottom:20px;margin-top:0;padding-bottom:10px}.info-section h2 i{color:var(--color-accent)}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.info-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;padding:12px 15px}.info-label{color:var(--color-text);font-size:.85em;font-weight:500;margin-bottom:5px;opacity:.7}.info-value{color:var(--color-text);font-size:1em;font-weight:400;word-break:break-all}.info-value.supported{color:var(--color-success);font-weight:700}.info-value.not-supported{color:var(--color-error);font-weight:700}.info-value.unknown{color:var(--color-warning);font-style:italic}.privacy-note{background-color:#3498db1a;border:1px solid var(--color-info);border-radius:var(--border-radius);font-size:.9em;line-height:1.6;margin-top:20px;padding:15px;text-align:left}.privacy-note p{margin:0 0 10px}.privacy-note p:last-child{margin-bottom:0}.privacy-note strong{color:var(--color-info)}@media (max-width:600px){.info-grid{grid-template-columns:1fr}.info-section h2{font-size:1.2em}}.dc-container{max-width:100%}.dc-main{display:flex;flex-direction:column;gap:20px}.dc-controls-bar{align-items:flex-end;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:20px;padding:15px}.dc-format-selector{display:flex;flex-direction:column;gap:5px}.dc-format-selector label{color:var(--color-text);font-size:.9em;font-weight:500;opacity:.8}.dc-format-selector select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);min-width:150px;padding:10px}.dc-format-selector select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.dc-swap-button{align-self:flex-end;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-accent);min-width:auto;padding:10px!important}.dc-swap-button:hover{background-color:var(--color-border)}.dc-options{display:flex;flex-direction:column;gap:10px;margin-left:auto;padding-top:10px}.dc-options .option-item{align-items:center;display:flex;gap:8px}.dc-options .option-item label{cursor:pointer;font-size:.9em}.dc-options .option-item input[type=checkbox]{accent-color:var(--color-accent);height:16px;width:16px}.dc-io-area{display:flex;gap:20px;max-height:65vh;min-height:50vh}.dc-pane{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;display:flex;flex:1 1;flex-direction:column;padding:0;position:relative}.dc-pane-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:10px 15px}.dc-pane-header h3{color:var(--color-text);font-size:1.1em;margin:0}.dc-pane-actions button{background:#0000;border:none;color:var(--color-text);cursor:pointer;font-size:1em;opacity:.7;padding:5px;transition:opacity var(--transition-speed),color var(--transition-speed)}.dc-pane-actions button:hover:not(:disabled){color:var(--color-accent);opacity:1}.dc-pane-actions button:disabled{cursor:not-allowed;opacity:.4}.dc-textarea{background-color:initial;border:none;border-radius:0 0 var(--border-radius) var(--border-radius);color:var(--color-text);flex-grow:1;font-family:Consolas,Monaco,Courier New,monospace;font-size:.95em;line-height:1.6;outline:none;padding:15px;resize:none;width:100%}.dc-process-bar{display:flex;justify-content:center;margin-top:10px;padding:15px}.dc-status-message{border-radius:var(--border-radius);display:none;font-size:.9em;margin-top:15px;padding:10px;text-align:center}.dc-status-message.success{background-color:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success);display:block}.dc-status-message.error{background-color:#e74c3c26;border:1px solid var(--color-error);color:var(--color-error);display:block}@media (max-width:992px){.dc-controls-bar{align-items:stretch;flex-direction:column}.dc-format-selector{width:100%}.dc-format-selector select{min-width:0;width:100%}.dc-swap-button{align-self:center;margin-top:10px}.dc-options{margin-left:0;width:100%}}@media (max-width:768px){.dc-io-area{flex-direction:column;max-height:none;min-height:auto}.dc-pane{min-height:250px}}.uc-container{max-width:700px}.uc-main{gap:25px}.uc-category-selector,.uc-main{display:flex;flex-direction:column}.uc-category-selector{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);gap:8px;padding:20px}.uc-category-selector label{color:var(--color-text);font-size:1em;font-weight:500}.uc-category-selector select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;padding:12px}.uc-category-selector select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.uc-conversion-area{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:15px;padding:20px}.uc-unit-group{display:flex;flex:1 1;flex-direction:column;gap:8px;min-width:200px}.uc-unit-group label{color:var(--color-text);font-size:.9em;opacity:.8}.uc-unit-group input[type=number],.uc-unit-group select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;padding:12px;width:100%}.uc-unit-group input[type=number]:focus,.uc-unit-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.uc-unit-group input[type=number]::-webkit-inner-spin-button,.uc-unit-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.uc-swap-button{align-items:center;align-self:center;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-accent);display:flex;height:48px;justify-content:center;margin:0 5px;padding:10px!important;width:48px}.uc-swap-button:hover{background-color:var(--color-border)}.uc-swap-button i{font-size:1.2em}.uc-result-area{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);margin-top:10px;padding:20px;text-align:center}.uc-result-area p{color:var(--color-text);font-size:1.1em;margin:0;opacity:.8}.uc-result-area .result-value{color:var(--color-accent);display:block;font-size:2em;font-weight:700;margin-top:8px;word-break:break-all}@media (max-width:650px){.uc-conversion-area{align-items:stretch;flex-direction:column}.uc-unit-group{min-width:0}.uc-swap-button{align-self:center;margin:10px 0;transform:rotate(90deg)}}.cc-container{max-width:1200px}.cc-main{display:flex;flex-direction:column;gap:25px}.cc-input-section{align-items:flex-start;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:20px;padding:20px}.cc-input-group{display:flex;flex-direction:column;flex-grow:1;gap:5px;min-width:200px}.cc-input-group label{color:var(--color-text);font-size:.9em;font-weight:500;opacity:.8}.cc-input-group input[type=color],.cc-input-group input[type=text]{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;padding:10px}.cc-input-group input[type=color]:focus,.cc-input-group input[type=text]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.cc-input-group input[type=color]{cursor:pointer;height:45px;min-width:60px;padding:5px}.cc-color-preview-section{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:15px;padding:20px}.cc-color-preview-box{background-image:linear-gradient(45deg,#ccc 25%,#0000 0),linear-gradient(-45deg,#ccc 25%,#0000 0),linear-gradient(45deg,#0000 75%,#ccc 0),linear-gradient(-45deg,#0000 75%,#ccc 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border:2px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 4px 8px #0000001a;height:150px;position:relative;width:150px}.cc-color-preview-box .color-overlay{border-radius:var(--border-radius);height:100%;width:100%}.cc-output-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:20px}.cc-output-section h3{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.2em;margin-bottom:15px;margin-top:0;padding-bottom:10px}.output-format-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.output-format-item{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;padding:8px 12px}.output-format-item .format-label{color:var(--color-text);font-size:.9em;font-weight:500;margin-right:10px;min-width:60px;opacity:.9}.output-format-item .format-value{background-color:initial;border:none;color:var(--color-text);flex-grow:1;font-family:Consolas,Monaco,monospace;font-size:.95em;min-width:0;padding:0;word-break:break-all}.output-format-item .copy-btn-small{background:#0000;border:none;color:var(--color-text);cursor:pointer;font-size:.9em;margin-left:10px;opacity:.6;padding:5px;transition:opacity var(--transition-speed),color var(--transition-speed)}.output-format-item .copy-btn-small:hover{color:var(--color-accent);opacity:1}.cc-status-message{border-radius:var(--border-radius);display:none;font-size:.9em;margin-top:15px;padding:10px;text-align:center}.cc-status-message.error{background-color:#e74c3c26;border:1px solid var(--color-error);color:var(--color-error);display:block}.cc-status-message.success{background-color:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success);display:block}@media (max-width:768px){.cc-input-section{align-items:stretch;flex-direction:column}.cc-input-group{min-width:0}.cc-color-preview-box{height:120px;width:120px}}@media (max-width:480px){.output-format-grid{grid-template-columns:1fr}.cc-color-preview-box{height:100px;width:100px}}.sc-container{max-width:700px}.sc-main{gap:25px}.sc-input-section,.sc-main{display:flex;flex-direction:column}.sc-input-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);gap:15px;padding:20px}.sc-input-group{display:flex;flex-direction:column;gap:8px}.sc-input-group label{color:var(--color-text);font-size:.9em;font-weight:500;opacity:.8}.sc-input-group input[type=text]{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;padding:10px}.sc-input-group input[type=text]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.sc-calculate-btn{align-self:flex-start;font-size:1em;margin-top:10px;padding:10px 20px}.sc-calculate-btn i{margin-right:8px}.sc-status-message{border-radius:var(--border-radius);font-size:.9em;margin-top:15px;padding:10px;text-align:center}.sc-status-message.error{background-color:#e74c3c26;border:1px solid var(--color-error);color:var(--color-error)}.sc-results-area{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:20px}.sc-results-area h3{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.2em;margin-bottom:15px;margin-top:0;padding-bottom:10px}.sc-results-list{font-size:.95em;list-style:none;margin:0;padding:0}.sc-results-list li{border-bottom:1px dashed var(--color-border);display:flex;justify-content:space-between;padding:8px 0}.sc-results-list li:last-child{border-bottom:none}.sc-results-list li strong{color:var(--color-text);margin-right:10px;min-width:180px;opacity:.8}.sc-results-list li span{color:var(--color-accent);word-break:break-all}@media (max-width:600px){.sc-calculate-btn{align-self:stretch}.sc-results-list li{align-items:flex-start;flex-direction:column}.sc-results-list li strong{margin-bottom:4px;min-width:auto}}.lip-container{max-width:900px}.lip-main{display:flex;flex-direction:column;gap:25px}.lip-options-section{align-items:flex-end;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:20px;padding:20px}.lip-option-group{display:flex;flex-direction:column;flex-grow:1;gap:8px;min-width:150px}.lip-option-group label{color:var(--color-text);font-size:.9em;font-weight:500;opacity:.8}.lip-option-group input[type=number],.lip-option-group select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;padding:10px;width:100%}.lip-option-group input[type=number]:focus,.lip-option-group select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.lip-checkbox-group{align-items:center;flex-direction:row;flex-grow:2;gap:10px;min-width:auto}.lip-checkbox-group input[type=checkbox]{accent-color:var(--color-accent);height:18px;width:18px}.lip-checkbox-group label{cursor:pointer;font-weight:400;opacity:1}.lip-generate-btn{flex-grow:0;flex-shrink:0;font-size:1em;min-width:150px;padding:10px 20px}.lip-generate-btn i{margin-right:8px}.lip-status-message{border-radius:var(--border-radius);font-size:.9em;margin-top:5px;padding:10px;text-align:center}.lip-status-message.success{background-color:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success)}.lip-status-message.error{background-color:#e74c3c26;border:1px solid var(--color-error);color:var(--color-error)}.lip-output-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:15px;padding:20px}.lip-output-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:5px;padding-bottom:10px}.lip-output-header h3{color:var(--color-text);font-size:1.2em;margin:0}.lip-copy-btn{font-size:.9em;padding:8px 15px}.lip-copy-btn i{margin-right:6px}#lorem-output{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;line-height:1.6;min-height:200px;padding:15px;resize:vertical;width:100%}#lorem-output:focus{border-color:var(--color-accent);outline:none}@media (max-width:768px){.lip-options-section{align-items:stretch;flex-direction:column}.lip-option-group{min-width:100%}.lip-checkbox-group{margin-top:10px}.lip-generate-btn{margin-top:10px;width:100%}}@media (max-width:480px){.lip-output-header{align-items:flex-start;flex-direction:column;gap:10px}.lip-copy-btn{align-self:flex-start}}.fg-container{max-width:900px}.fg-main{display:flex;flex-direction:column;gap:25px}.fg-upload-section{background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--border-radius);cursor:pointer;padding:30px;text-align:center;transition:border-color var(--transition-speed),background-color var(--transition-speed)}.fg-upload-section:hover{background-color:var(--color-background);border-color:var(--color-accent)}.fg-upload-section p{color:var(--color-text);font-size:.95em;margin:10px 0 0;opacity:.8}.fg-upload-section i{color:var(--color-accent);font-size:3em;margin-bottom:15px}.fg-preview-area{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:15px;text-align:center}.fg-preview-area h4{font-size:1.1em;margin-bottom:10px;margin-top:0}.fg-source-preview{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius);max-height:150px;max-width:150px}.fg-status-message{border-radius:var(--border-radius);font-size:.9em;margin-top:5px;padding:10px;text-align:center}.fg-status-message.success{background-color:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success)}.fg-status-message.error{background-color:#e74c3c26;border:1px solid var(--color-error);color:var(--color-error)}.fg-options-section{align-items:flex-end;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:20px;padding:20px}.fg-options-section h4{border-bottom:1px solid var(--color-border);font-size:1.1em;margin-bottom:0;margin-top:0;padding-bottom:10px;width:100%}.fg-option-group{display:flex;flex-direction:column;flex-grow:1;gap:8px;min-width:200px}.fg-option-group label{font-size:.9em;font-weight:500}.fg-option-group input[type=text]{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);padding:10px}.fg-color-input-wrapper{align-items:center;display:flex;gap:10px}.fg-color-input-wrapper input[type=color]{border:1px solid var(--color-border);border-radius:var(--border-radius);cursor:pointer;height:40px;padding:0;width:50px}.fg-color-input-wrapper input[type=text]{flex-grow:1}.fg-generate-btn{display:block;margin:10px auto 0;padding:12px 25px;width:-webkit-fit-content;width:fit-content}.fg-generate-btn i{margin-right:8px}.fg-results-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:20px;margin-top:20px;padding:20px}.fg-results-section h3{border-bottom:1px solid var(--color-border);font-size:1.2em;margin-bottom:15px;margin-top:0;padding-bottom:10px}.fg-previews-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:20px}.fg-preview-item{align-items:center;background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:8px;padding:10px;text-align:center}.fg-preview-item img{background-color:#fff;border:1px solid var(--color-border);height:auto;max-height:64px;max-width:64px;object-fit:contain}.fg-preview-item .fg-preview-placeholder{align-items:center;background-color:var(--color-border);border-radius:var(--border-radius);color:var(--color-text);display:flex;flex-direction:column;height:64px;justify-content:center;opacity:.7;width:64px}.fg-preview-placeholder i{font-size:1.5em;margin-bottom:5px}.fg-preview-placeholder span{font-size:.7em}.fg-preview-item p{color:var(--color-text);font-size:.8em;margin:0}.fg-preview-item span{color:var(--color-text);font-size:.7em;opacity:.7}.fg-code-display{margin-bottom:15px}.fg-code-display label{display:block;font-weight:500;margin-bottom:8px}.fg-code-display textarea{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:Consolas,Monaco,monospace;font-size:.9em;line-height:1.5;min-height:100px;padding:10px;resize:vertical;width:100%}.fg-code-display button{font-size:.9em;margin-top:10px}.fg-download-zip-btn{align-self:center;padding:10px 20px}.fg-download-zip-btn i{margin-right:8px}@media (max-width:768px){.fg-options-section{align-items:stretch;flex-direction:column}.fg-option-group{min-width:100%}.fg-previews-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.fg-preview-item .fg-preview-placeholder,.fg-preview-item img{height:48px;max-height:48px;max-width:48px;width:48px}}@media (max-width:480px){.fg-upload-section{padding:20px}.fg-upload-section i{font-size:2.5em}.fg-previews-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr))}.fg-preview-item .fg-preview-placeholder,.fg-preview-item img{height:40px;max-height:40px;max-width:40px;width:40px}.fg-preview-item p{font-size:.7em}}.hg-container{max-width:800px}.hg-main{display:flex;flex-direction:column;gap:25px}.hg-controls{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px}.hg-input-type-toggle{align-items:center;display:flex;gap:10px}.hg-input-type-toggle span{color:var(--color-text);font-size:.9em;margin-right:5px;opacity:.8}.hg-algorithm-selector{display:flex;flex-direction:column;gap:8px;min-width:200px}.hg-algorithm-selector label{font-size:.9em;font-weight:500}.hg-algorithm-selector select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);padding:10px}.hg-input-area{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:20px}.hg-input-area label{display:block;font-weight:500;margin-bottom:10px}.hg-input-area textarea{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;line-height:1.6;min-height:120px;padding:12px;resize:vertical;width:100%}.hg-input-area textarea:focus{border-color:var(--color-accent);outline:none}.hg-file-input-area{text-align:center}.hg-file-input-area .file-upload-label{background-color:var(--color-accent);border:1px solid var(--color-accent);border-radius:var(--border-radius);color:var(--color-accent-text);cursor:pointer;display:inline-block;margin-bottom:10px;padding:10px 20px;transition:background-color var(--transition-speed)}.hg-file-input-area .file-upload-label:hover{background-color:var(--color-accent-hover)}#file-name-display-hash{align-items:center;background-color:var(--color-background);border-radius:var(--border-radius);color:var(--color-text);display:flex;font-size:.9em;justify-content:center;margin-top:8px;min-height:2.5em;opacity:.8;padding:5px;word-break:break-all}.hg-generate-btn{align-self:center;font-size:1.05em;padding:12px 25px}.hg-generate-btn i{margin-right:8px}.hg-status-message{border-radius:var(--border-radius);font-size:.9em;margin-top:5px;padding:10px;text-align:center}.hg-status-message.success{background-color:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success)}.hg-status-message.error{background-color:#e74c3c26;border:1px solid var(--color-error);color:var(--color-error)}.hg-output-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:20px}.hg-output-section h3{border-bottom:1px solid var(--color-border);font-size:1.2em;margin-bottom:15px;margin-top:0;padding-bottom:10px}.hg-hash-display{align-items:center;display:flex;gap:10px}.hg-hash-display input[type=text]{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);flex-grow:1;font-family:Consolas,Monaco,monospace;font-size:.95em;padding:10px}.hg-copy-btn{height:auto;padding:10px 15px}.hg-copy-btn i{margin-right:0}@media (max-width:768px){.hg-controls{align-items:stretch;flex-direction:column}.hg-input-type-toggle{justify-content:center}.hg-algorithm-selector{min-width:100%}}@media (max-width:480px){.hg-input-type-toggle{align-items:stretch;flex-direction:column}.hg-input-type-toggle .toggle-btn-small{margin-bottom:5px;text-align:center;width:100%}.hg-input-type-toggle span{margin-bottom:10px;text-align:center}.hg-hash-display{flex-direction:column}.hg-hash-display input[type=text]{margin-bottom:10px;width:100%}.hg-copy-btn{width:100%}}.us-container{max-width:700px}.us-main{gap:25px}.us-input-section,.us-main{display:flex;flex-direction:column}.us-input-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);gap:15px;padding:20px}.us-input-section label{color:var(--color-text);font-size:.9em;font-weight:500;opacity:.8}.us-input-section input[type=url]{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;padding:12px}.us-input-section input[type=url]:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.us-shorten-btn{align-self:flex-start;font-size:1em;padding:10px 20px}.us-shorten-btn i{margin-right:8px}.us-status-message{border-radius:var(--border-radius);font-size:.9em;margin-top:5px;padding:10px;text-align:center}.us-status-message.success{background-color:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success)}.us-status-message.error{background-color:#e74c3c26;border:1px solid var(--color-error);color:var(--color-error)}.us-output-section{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:10px;padding:20px}.us-output-section label{font-size:.9em;font-weight:500}.us-output-display{align-items:center;display:flex;gap:10px}.us-output-display input[type=text]{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);flex-grow:1;font-family:var(--font-family);font-size:1em;padding:10px}.us-copy-btn{height:auto;padding:10px 15px}.us-copy-btn i{margin-right:0}.us-visit-link{font-size:.9em;margin-top:10px}.us-visit-link a{color:var(--color-accent);text-decoration:none;word-break:break-all}.us-visit-link a:hover{color:var(--color-accent-hover);text-decoration:underline}.us-visit-link i{font-size:.8em;margin-left:5px}@media (max-width:600px){.us-shorten-btn{align-self:stretch}.us-output-display{align-items:stretch;flex-direction:column}.us-output-display input[type=text]{margin-bottom:10px}.us-copy-btn{width:100%}}.ubc-container{max-width:900px}.ubc-main{display:flex;flex-direction:column;gap:25px}.ubc-controls-bar{align-items:flex-end;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px}.ubc-type-selector{display:flex;flex-direction:column;flex-grow:1;gap:8px;min-width:200px}.ubc-type-selector label{font-size:.9em;font-weight:500}.ubc-type-selector select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);padding:10px;width:100%}.ubc-swap-button{align-self:center;background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-accent);margin:0 10px;min-width:auto;padding:10px!important}.ubc-swap-button:hover{background-color:var(--color-border)}.ubc-status-message{border-radius:var(--border-radius);font-size:.9em;margin-top:5px;padding:10px;text-align:center}.ubc-status-message.success{background-color:#2ecc7126;border:1px solid var(--color-success);color:var(--color-success)}.ubc-status-message.error{background-color:#e74c3c26;border:1px solid var(--color-error);color:var(--color-error)}.ubc-io-area{display:flex;gap:20px}.ubc-pane{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex:1 1;flex-direction:column;gap:10px;padding:20px}.ubc-pane label{font-size:1.1em;font-weight:500}.ubc-pane textarea{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:Consolas,Monaco,monospace;font-size:1em;line-height:1.6;min-height:150px;padding:12px;resize:vertical;width:100%}.ubc-pane textarea:focus{border-color:var(--color-accent);outline:none}.ubc-copy-btn{align-self:flex-end;margin-top:10px;padding:8px 15px}.ubc-copy-btn i{margin-right:6px}@media (max-width:768px){.ubc-controls-bar{align-items:stretch;flex-direction:column}.ubc-type-selector{min-width:100%}.ubc-swap-button{align-self:center;margin:15px 0;transform:rotate(90deg)}.ubc-io-area{flex-direction:column}}@media (max-width:480px){.ubc-pane textarea{min-height:120px}}.mdc-header{margin-bottom:var(--spacing-8);padding:var(--spacing-6) 0}.mdc-header h1{color:var(--color-accent);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.2;margin-bottom:var(--spacing-4)}.mdc-description{color:var(--color-text-secondary);font-size:1rem;margin:0 auto var(--spacing-4);max-width:600px}.mdc-important-note{align-items:center;background:#f39c121a;background:rgba(var(--color-warning-rgb,243,156,18),.1);border:1px solid #f39c1233;border:1px solid rgba(var(--color-warning-rgb,243,156,18),.2);border-radius:var(--border-radius);color:var(--color-warning);display:inline-flex;font-size:.8rem;font-weight:500;gap:var(--spacing-2);margin-top:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4)}.mdc-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:center;margin-bottom:var(--spacing-6)}.mdc-maps-container{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.mdc-map-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);overflow:hidden;padding:var(--spacing-4);position:relative;transition:var(--transition)}.mdc-map-card:before{background:var(--color-accent);content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:var(--transition)}.mdc-map-card:focus-within:before{opacity:1}.mdc-map-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}.mdc-map-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.mdc-map-title{color:var(--color-accent);font-size:1rem;font-weight:600}.mdc-remove-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:var(--spacing-2);transition:var(--transition);width:32px}.mdc-remove-btn:hover:not(:disabled){background:var(--color-error);border-color:var(--color-error);color:#fff}.mdc-inputs-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr}.mdc-input-group{position:relative}.mdc-input-label{color:var(--color-text-secondary);display:block;font-size:.8rem;font-weight:500;margin-bottom:var(--spacing-2)}.mdc-input-field{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:inherit;font-size:.9rem;padding:var(--spacing-3);transition:var(--transition);width:100%}.mdc-input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a06cd540;box-shadow:0 0 0 3px rgba(var(--color-accent-rgb,160,108,213),.25);outline:none}.mdc-input-field::placeholder{color:var(--color-text-muted)}.mdc-input-field.error{border-color:var(--color-error);box-shadow:0 0 0 3px #e74c3c1a;box-shadow:0 0 0 3px rgba(var(--color-error-rgb,231,76,60),.1)}.mdc-results{background-color:var(--color-surface);border:1px solid #0000;border-radius:var(--border-radius);margin-top:0;max-height:0;opacity:0;overflow:hidden;padding:0 var(--spacing-6);pointer-events:none;transform:translateY(var(--spacing-5));transition:opacity .3s ease-out,transform .3s ease-out,max-height .4s ease-out,padding .4s ease-out,border-color .4s ease-out,background-color .4s ease-out}.mdc-results.is-visible{border:1px solid var(--color-border);margin-top:var(--spacing-6);max-height:1000px;opacity:1;padding:var(--spacing-6);pointer-events:auto;transform:translateY(0)}.mdc-results h2{color:var(--color-accent);font-size:1.25rem;margin-bottom:var(--spacing-4)}.mdc-results h2,.mdc-results h3{align-items:center;display:flex;font-weight:600;gap:var(--spacing-2)}.mdc-results h3{color:var(--color-info);font-size:1rem;margin:var(--spacing-6) 0 var(--spacing-3) 0}.mdc-results-list{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);list-style:none}.mdc-result-item{align-items:center;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4)}.mdc-result-label{color:var(--color-text-secondary);font-weight:500}.mdc-result-value{color:var(--color-text);font-size:1.1rem;font-weight:600}.mdc-verification-list{grid-gap:var(--spacing-2);display:grid;gap:var(--spacing-2);list-style:none}.mdc-verification-item{align-items:center;background:#3498db1a;background:rgba(var(--color-info-rgb,52,152,219),.1);border-radius:var(--border-radius);display:flex;font-size:.85rem;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3)}.mdc-verification-label{color:var(--color-info);font-weight:500}.mdc-verification-value{color:var(--color-text-muted)}@media (max-width:768px){.mdc-actions{flex-direction:column}.mdc-inputs-grid{gap:var(--spacing-3);grid-template-columns:1fr}.mdc-map-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.mdc-remove-btn{align-self:flex-end}}@media (max-width:480px){.mdc-header h1{font-size:2rem}.mdc-description{font-size:.9rem}.mdc-important-note{font-size:.8rem;padding:var(--spacing-2) var(--spacing-3)}.mdc-map-card{padding:var(--spacing-3)}.mdc-map-header{align-items:center;flex-direction:row;gap:0;justify-content:space-between}.mdc-remove-btn{align-self:auto}.mdc-results{padding:var(--spacing-4)}.mdc-result-item,.mdc-verification-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-1)}}@media (min-width:1024px){.mdc-maps-container{grid-template-columns:repeat(2,1fr)}}.ac-container{max-width:900px}.ac-main{display:flex;flex-direction:column;gap:25px}.ac-loading-ffmpeg-indicator{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-accent);font-size:1.1em;padding:15px;text-align:center}.ac-loading-ffmpeg-indicator i{margin-right:10px}.ac-upload-section{background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--border-radius);cursor:pointer;padding:30px;text-align:center;transition:border-color var(--transition-speed),background-color var(--transition-speed)}.ac-upload-section:hover:not(.disabled){background-color:var(--color-background);border-color:var(--color-accent)}.ac-upload-section.disabled{background-color:var(--color-surface);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.ac-upload-section p{color:var(--color-text);font-size:.95em;margin:10px 0 0;opacity:.8}.ac-upload-section i{color:var(--color-accent);font-size:3em;margin-bottom:15px}.ac-options-section{align-items:flex-start;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-wrap:wrap;gap:20px;padding:20px}.ac-options-section .option-group{flex:1 1 200px;min-width:200px}.ac-options-section label{display:block;font-weight:500;margin-bottom:5px}.ac-options-section input[type=number],.ac-options-section select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);padding:10px;width:100%}.ac-options-section input[type=number]:focus,.ac-options-section select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-hover);outline:none}.ac-process-button-section{margin-top:10px;text-align:center}.ac-warning-message{background-color:#f39c1226;border:1px solid var(--color-warning);border-radius:var(--border-radius);color:var(--color-warning);font-size:.9em;margin-top:15px;padding:10px 15px;text-align:center}.ac-preview-area{margin-top:20px}.ac-preview-area h3{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.2em;margin-bottom:15px;padding-bottom:10px}.audio-previews-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.audio-preview-item{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;gap:10px;padding:15px;text-align:center}.audio-preview-item .preview-icon{color:var(--color-accent);font-size:3em;margin-bottom:10px}.audio-preview-item .file-info{color:var(--color-text);font-size:.9em;opacity:.8;word-break:break-all}.audio-preview-item .status{font-size:.9em;font-weight:700}.audio-preview-item .status.loading_ffmpeg,.audio-preview-item .status.pending{color:var(--color-info)}.audio-preview-item .status.processing{color:var(--color-warning)}.audio-preview-item .status.converted{color:var(--color-success)}.audio-preview-item .status.error{color:var(--color-error)}.audio-preview-item .progress-bar-container{background-color:var(--color-border);border-radius:4px;height:8px;margin-top:5px;overflow:hidden;width:80%}.audio-preview-item .progress-bar{background-color:var(--color-accent);border-radius:4px;height:100%;transition:width .2s ease-in-out}.audio-preview-item .download-link{background-color:var(--color-accent);border-radius:var(--border-radius);color:var(--color-accent-text);display:inline-block;font-size:.9em;margin-top:10px;padding:8px 15px;text-decoration:none;transition:background-color var(--transition-speed)}.audio-preview-item .download-link:hover{background-color:var(--color-accent-hover)}.audio-preview-item .download-link.disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.6}@media (max-width:600px){.ac-options-section{align-items:stretch;flex-direction:column}.ac-options-section input[type=number],.ac-options-section select,.option-group{max-width:none;min-width:0;width:100%}.audio-previews-grid{grid-template-columns:1fr}}.loading-screen{align-items:center;background-color:var(--color-background);display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:1;position:fixed;top:0;transition:opacity .5s ease-out;width:100%;z-index:9999}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-icon{color:var(--color-accent);font-size:4em;margin-bottom:20px}.loading-text{color:var(--color-text);font-family:var(--font-family);font-size:1.2em;opacity:.8}.toast-container{align-items:flex-end;display:flex;flex-direction:column;gap:10px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:2000}.toast{animation:slideIn .3s forwards;background-color:var(--color-surface);border-left:5px solid;border-radius:var(--border-radius);box-shadow:0 4px 12px #0003;color:var(--color-text);max-width:350px;min-width:250px;opacity:0;overflow:hidden;padding:12px 15px;pointer-events:auto;position:relative;transform:translateX(100%)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.toast-success{border-color:var(--color-success)}.toast-error{border-color:var(--color-error)}.toast-info{border-color:var(--color-info)}.toast-warning{border-color:var(--color-warning)}.toast-content{align-items:center;display:flex;gap:10px;justify-content:space-between}.toast-message{flex-grow:1;font-size:.95em;line-height:1.4}.toast-close-btn{background:#0000;border:none;color:var(--color-text);cursor:pointer;font-size:1.1em;line-height:1;opacity:.7;padding:5px;transition:opacity .2s,color .2s}.toast-close-btn:hover{color:var(--color-accent);opacity:1}.toast-progress-bar{background-color:var(--color-accent);bottom:0;height:4px;left:0;position:absolute;transition:none}.toast-success .toast-progress-bar{background-color:var(--color-success)}.toast-error .toast-progress-bar{background-color:var(--color-error)}.toast-info .toast-progress-bar{background-color:var(--color-info)}.toast-warning .toast-progress-bar{background-color:var(--color-warning)}@media (max-width:600px){.toast-container{align-items:center;bottom:15px;justify-content:center;left:15px;right:15px;top:auto;width:auto}.toast{max-width:calc(100vw - 30px);min-width:0;min-width:auto;padding:10px 12px}.toast,.toast-message{font-size:.9em}.toast-close-btn{font-size:1em;padding:3px}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}}@media (max-width:375px){.toast-container{bottom:10px;left:10px;right:10px}.toast{max-width:calc(100vw - 20px);padding:8px 10px}.toast-message{font-size:.85em}}.suggestions-container{margin:0 auto;max-width:900px;padding:0 15px}.suggestion-popup{align-items:center;background-color:var(--color-surface);border-radius:var(--border-radius);bottom:15px;box-shadow:0 4px 15px #0003;color:var(--color-text);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;max-width:350px;padding:10px 15px;position:fixed;right:15px;transition:transform .3s ease-in-out,opacity .3s ease-in-out;z-index:1010}.suggestion-popup-content{flex-grow:1;min-width:0;padding-right:25px}.suggestion-popup-content p{font-size:.85em;line-height:1.4;margin:0}.suggestion-popup-actions{align-items:center;display:flex;flex-shrink:0;justify-content:flex-end;margin-top:5px;width:100%}.suggestion-popup-actions a{font-size:.85em;margin-left:8px;padding:6px 12px;text-decoration:none!important}.suggestion-popup .dismiss-btn{background:#0000;border:none;color:var(--color-text);cursor:pointer;font-size:1em;opacity:.6;padding:3px;position:absolute;right:5px;top:5px}.suggestion-popup .dismiss-btn:hover{opacity:1}@media (max-width:600px){.suggestion-popup{align-items:stretch;bottom:15px;flex-direction:column;gap:8px;left:15px;max-width:none;padding:12px 15px;right:15px}.suggestion-popup-content{order:1;padding-right:0;text-align:center}.suggestion-popup-content p{font-size:.9em}.suggestion-popup-actions{justify-content:center;margin-top:0;order:2;width:100%}.suggestion-popup-actions a{font-size:.9em;margin-left:0;padding:8px 12px;text-align:center;width:100%}.suggestion-popup .dismiss-btn{font-size:1.1em;order:0;position:absolute;right:8px;top:8px}}@media (max-width:375px){.suggestion-popup{bottom:10px;left:10px;padding:10px 12px;right:10px}.suggestion-popup-actions a,.suggestion-popup-content p{font-size:.85em}}.suggestion-form{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 5px 15px #0000001a;margin-bottom:30px;padding:25px}.suggestion-form h2{border-bottom:1px solid var(--color-border);color:var(--color-text);font-size:1.4em;margin-bottom:20px;margin-top:0;padding-bottom:15px}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text);display:block;font-size:.95em;font-weight:500;margin-bottom:8px;opacity:.9}.form-group input[type=text],.form-group textarea{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:1em;padding:12px;transition:border-color .2s,box-shadow .2s;width:100%}.form-group textarea{min-height:120px;resize:vertical}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a06cd540;outline:none}.suggestions-list-container{margin-top:20px}.suggestions-list-header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.suggestions-list-header h2{color:var(--color-text);font-size:1.4em;margin:0}.suggestions-sort-controls label{color:var(--color-text);font-size:.9em;margin-right:10px;opacity:.8}.suggestions-sort-controls select{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);font-family:var(--font-family);font-size:.9em;padding:8px 12px;transition:border-color .2s,box-shadow .2s}.suggestions-sort-controls select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #a06cd540;outline:none}.suggestion-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 3px 10px #00000014;margin-bottom:25px;padding:20px;transition:box-shadow .3s ease}.suggestion-item:hover{box-shadow:0 5px 15px #0000001f}.suggestion-item-header{align-items:center;border-bottom:1px dashed var(--color-border);display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.suggestion-item-user{color:var(--color-accent);font-size:1.05em;font-weight:600}.suggestion-item-date{color:var(--color-text);font-size:.8em;opacity:.6}.suggestion-item-text{color:var(--color-text);font-size:1em;line-height:1.7;margin-bottom:20px;opacity:.95;white-space:pre-wrap}.suggestion-item-actions{align-items:center;display:flex;gap:12px;margin-top:15px;padding-top:15px}.suggestion-item-actions .vote-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text);cursor:pointer;display:inline-flex;font-size:.9em;gap:6px;padding:8px 12px;transition:all var(--transition-speed)}.suggestion-item-actions .vote-btn:hover:not(:disabled){background-color:#a06cd51a;border-color:var(--color-accent);color:var(--color-accent)}.suggestion-item-actions .vote-btn.disliked i,.suggestion-item-actions .vote-btn.liked i{color:var(--color-accent-text)}.suggestion-item-actions .vote-btn.liked{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-accent-text)}.suggestion-item-actions .vote-btn.disliked{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-accent-text)}.suggestion-item-actions .vote-btn:disabled{cursor:not-allowed;opacity:.5}.suggestion-item-actions .vote-btn i{font-size:1.1em;margin-right:0}.suggestion-item-actions .comments-toggle{font-size:.9em;margin-left:auto;padding:8px 12px}.comments-section{border-left:none;border-top:1px dashed #3e445080;border-top:1px dashed rgba(var(--color-border-rgb,62,68,80),.5);margin-top:20px;padding-left:0;padding-top:15px}.comment-form{background-color:#1a1d24b3;background-color:rgba(var(--color-background-rgb,26,29,36),.7);border-radius:var(--border-radius);margin-top:20px;padding:20px}.comment-form h3{color:var(--color-text);font-size:1.1em;margin-bottom:15px;opacity:.9}.comments-list{margin-top:15px}.comment-item{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:0 2px 5px #0000000d;margin-bottom:15px;padding:15px}.comment-item-header{align-items:center;display:flex;font-size:.9em;justify-content:space-between;margin-bottom:8px}.comment-item-user{color:var(--color-accent-hover);font-weight:600}.comment-item-date{font-size:.75em;opacity:.5}.comment-item-text{color:var(--color-text);font-size:.95em;line-height:1.6;opacity:.9;white-space:pre-wrap}.comments-section-wrapper{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .4s ease}.comments-section-wrapper.open{opacity:1}.client-id-info{color:var(--color-text);font-size:.8em;margin-top:30px;opacity:.6;padding-bottom:20px;text-align:center}.suggestions-container .tool-btn,.suggestions-container .tool-btn-secondary{font-weight:500}.loading-spinner-container{align-items:center;color:var(--color-accent);display:flex;font-size:1.2em;justify-content:center;padding:20px}.loading-spinner-container i{margin-right:10px}
/*# sourceMappingURL=main.bd43bb4a.css.map*/