:root[data-theme=light]{--text-50:#f2f2f2;--text-100:#e6e6e6;--text-200:#ccc;--text-300:#b3b3b3;--text-400:#999;--text-500:gray;--text-600:#666;--text-700:#4d4d4d;--text-800:#333;--text-900:#1a1a1a;--text-950:#0d0d0d;--background-50:#f2f2f2;--background-100:#e6e6e6;--background-200:#ccc;--background-300:#b3b3b3;--background-400:#999;--background-500:gray;--background-600:#666;--background-700:#4d4d4d;--background-800:#333;--background-900:#1a1a1a;--background-950:#0d0d0d;--primary-50:#fce9e8;--primary-100:#f9d3d2;--primary-200:#f3a7a5;--primary-300:#ed7c78;--primary-400:#e8504a;--primary-500:#e2241d;--primary-600:#b51d17;--primary-700:#871612;--primary-800:#5a0e0c;--primary-900:#2d0706;--primary-950:#170403;--secondary-50:#e8fcf6;--secondary-100:#d2f9ed;--secondary-200:#a5f3dc;--secondary-300:#78edca;--secondary-400:#4ae8b8;--secondary-500:#1de2a7;--secondary-600:#17b585;--secondary-700:#128764;--secondary-800:#0c5a43;--secondary-900:#062d21;--secondary-950:#031711;--accent-50:#e8f1fc;--accent-100:#d2e2f9;--accent-200:#a5c5f3;--accent-300:#78a9ed;--accent-400:#4a8ce8;--accent-500:#1d6fe2;--accent-600:#1759b5;--accent-700:#124387;--accent-800:#0c2c5a;--accent-900:#06162d;--accent-950:#030b17}:root[data-theme=dark]{--text-50:#0d0d0d;--text-100:#1a1a1a;--text-200:#333;--text-300:#4d4d4d;--text-400:#666;--text-500:gray;--text-600:#999;--text-700:#b3b3b3;--text-800:#ccc;--text-900:#e6e6e6;--text-950:#f2f2f2;--background-50:#0d0d0d;--background-100:#1a1a1a;--background-200:#333;--background-300:#4d4d4d;--background-400:#666;--background-500:gray;--background-600:#999;--background-700:#b3b3b3;--background-800:#ccc;--background-900:#e6e6e6;--background-950:#f2f2f2;--primary-50:#170403;--primary-100:#2d0706;--primary-200:#5a0e0c;--primary-300:#871612;--primary-400:#b51d17;--primary-500:#e2241d;--primary-600:#e8504a;--primary-700:#ed7c78;--primary-800:#f3a7a5;--primary-900:#f9d3d2;--primary-950:#fce9e8;--secondary-50:#031711;--secondary-100:#062d21;--secondary-200:#0c5a43;--secondary-300:#128764;--secondary-400:#17b585;--secondary-500:#1de2a7;--secondary-600:#4ae8b8;--secondary-700:#78edca;--secondary-800:#a5f3dc;--secondary-900:#d2f9ed;--secondary-950:#e8fcf6;--accent-50:#030b17;--accent-100:#06162d;--accent-200:#0c2c5a;--accent-300:#124387;--accent-400:#1759b5;--accent-500:#1d6fe2;--accent-600:#4a8ce8;--accent-700:#78a9ed;--accent-800:#a5c5f3;--accent-900:#d2e2f9;--accent-950:#e8f1fc}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{background:var(--background-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;color:var(--text-900)!important}#__next{flex-direction:column;min-height:100vh;display:flex}#__next main{flex:1 0 auto}#__next .footer{flex-shrink:0}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.roboto{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-family:Roboto,sans-serif;font-style:normal}.comic-relief-regular{font-family:Comic Relief,system-ui;font-style:normal;font-weight:400}.comic-relief-bold{font-family:Comic Relief,system-ui;font-style:normal;font-weight:700}::-webkit-scrollbar{display:none}nav{width:100%;height:80px;color:var(--text-900);justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 20px;display:flex}nav a{width:100px;color:var(--background-500);justify-content:center;align-items:center;gap:.5rem;display:flex}nav div{width:100px}nav a:hover{color:var(--background-700)}nav h1{color:var(--background-900);text-underline-offset:.5rem;font-family:Comic Relief,system-ui;font-size:2.5rem;font-style:normal;font-weight:700;text-decoration-style:wavy;text-decoration-thickness:.2rem}nav button{background-color:var(--accent-100);color:var(--accent-500);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;display:flex}nav button:hover{background-color:var(--accent-200);color:var(--accent-600)}.workInProgress,.legalPage{text-align:center;width:95%;max-width:720px;color:var(--text-900);margin:auto;padding:1.25rem}.legalPage{text-align:left}.workInProgress h2,.legalPage h2{margin-bottom:1rem;font-family:Comic Relief,system-ui;font-size:1.75rem;font-weight:700}.workInProgress p,.legalPage p{color:var(--text-700);margin-bottom:1rem;line-height:1.6rem}.hero{text-align:center;width:95%;max-width:700px;color:var(--text-700);margin:0 auto 2rem;font-size:1.05rem;line-height:1.6rem}.tagFilterBar{flex-wrap:wrap;justify-content:center;gap:.6rem;width:95%;max-width:900px;margin:0 auto 2rem;display:flex}.tagChip{border:2px solid var(--background-200);color:var(--text-700);text-transform:capitalize;cursor:pointer;background-color:#0000;border-radius:999px;padding:.4rem 1rem;font-size:.85rem;font-weight:600;transition:background-color .2s,border-color .2s,color .2s}.tagChip:hover{border-color:var(--accent-300)}.tagChip.active{background-color:var(--accent-500);border-color:var(--accent-500);color:var(--text-50)}.tagChip.clear{border-color:var(--primary-300);color:var(--primary-500)}.noResults{text-align:center;width:100%;color:var(--text-600);padding:2rem 0}.toolWrapper{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;max-width:1300px;margin:auto;padding:20px;display:flex}.toolItem{outline:2px solid var(--text-200);border-radius:1rem;flex-direction:column;width:300px;height:340px;transition:outline-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative}a.toolItem:hover{outline-color:var(--accent-500);transform:translateY(-4px);box-shadow:0 10px 24px #0000001f}div.toolItem[aria-disabled=true]{cursor:not-allowed}.toolImageHeader{background-color:var(--background-100);border-radius:1rem 1rem 0 0;height:30%}.toolImageHeader img{object-fit:cover;border-radius:1rem 1rem 0 0;width:100%;height:100%}.toolItemContent{height:70%;color:var(--text-950);padding:30px 10px 10px;position:relative}.toolItemContent img{object-fit:contain;background-color:var(--background-50);border:none;border-radius:50%;width:50px;height:50px;padding:5px;position:absolute;top:-25px;left:20px}.toolItemContent h2{margin-bottom:10px;font-family:Comic Relief,system-ui;font-size:1.5rem;font-style:normal;font-weight:700}.toolItemContent p{margin-bottom:12px;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5rem}.toolItemTags{flex-wrap:wrap;gap:.4rem;margin-bottom:8px;list-style:none;display:flex}.toolItemTags li{text-transform:uppercase;letter-spacing:.02em;background-color:var(--accent-100);color:var(--accent-700);border-radius:999px;padding:.2rem .5rem;font-size:.7rem;font-weight:600}.toolItemGo{background-color:var(--accent-500);color:var(--text-50);border-radius:.5rem;justify-content:center;align-items:center;padding:10px 20px;font-family:Roboto,sans-serif;font-weight:500;display:flex;position:absolute;bottom:10px;right:10px}.toolItemSoon{z-index:10;color:#fff;background-color:#000c;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;height:100%;font-family:Comic Relief,system-ui;font-size:1.5rem;font-style:normal;font-weight:700;display:flex;position:absolute;top:0;left:0}.toolItemSoon svg{width:80px;height:80px;color:var(--primary-500)}.toolItemNew{z-index:10;text-align:center;color:#fff;background-color:var(--primary-500);border-radius:.5rem;justify-content:center;align-items:center;width:60px;height:60px;padding:5px 10px;font-family:Comic Relief,system-ui;font-size:1rem;font-style:normal;font-weight:700;display:flex;position:absolute;top:-10px;right:-10px;transform:rotate(15deg)}.passwordCard{border-radius:1rem;width:95%;max-width:720px;margin:auto auto 20px;padding:1.25rem;color:var(--text-900)!important}.passwordCard .outputRow{background-color:var(--background-200);border-radius:1rem;width:100%;display:flex}.passwordCard .passwordField{width:100%;color:var(--text-950);background:0 0;border:none;padding:.9rem 1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.passwordCard .outputRow button{color:var(--text-950);cursor:pointer;background:0 0;border:none;padding:.7rem .9rem;font-size:1.2rem;font-weight:600}.passwordCard .bar{background:linear-gradient(90deg, var(--background-200) 0%, var(--background-200) 100%);border-radius:999px;width:100%;height:8px;margin-top:1rem;transition:background .3s}.passwordCard .bar.s0{background:linear-gradient(90deg,red 20%,#2b3b61 20%)}.passwordCard .bar.s1{background:linear-gradient(90deg,orange 40%,#2b3b61 40%)}.passwordCard .bar.s2{background:linear-gradient(90deg,#ff0 60%,#2b3b61 60%)}.passwordCard .bar.s3{background:linear-gradient(90deg,#90ee90 100% 100%)}.passwordCard .lengthRow{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;margin-bottom:1rem;display:flex}.passwordCard .lengthRow input[type=range]{background:var(--background-200);cursor:pointer;width:100%;height:8px;accent-color:var(--accent-500);border:none;border-radius:100%}.passwordCard .lengthRow span{background-color:var(--background-200);text-align:center;border:none;border-radius:1rem;justify-content:center;align-items:center;width:50px;height:40px;padding:0;font-size:1.2rem;display:flex}.passwordCard .optionsGrid{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.passwordCard .option{align-items:center;gap:.5rem;width:calc(50% - .5rem);font-size:.95rem;display:flex}.passwordCard .option input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-500)}.passwordCard .option span{align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.uuidCard{width:100%;max-width:600px;color:var(--text-900);margin:auto;padding:1.25rem}.uuidCard textarea{resize:none;background-color:var(--background-200);width:100%;height:150px;color:var(--text-950);border:none;border-radius:1rem;padding:1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.uuidCard .actionRow{justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1rem;margin-bottom:1rem;display:flex}.uuidCard .actionRow button{color:var(--text-950);background:0 0;background-color:var(--background-200);cursor:pointer;border:none;border-radius:.5rem;padding:.7rem .9rem;font-size:1.2rem;font-weight:600}.uuidCard .actionRow .countRow{justify-content:center;align-items:center;gap:.5rem;width:100%;display:flex}.uuidCard .actionRow .countRow input[type=range]{background:var(--background-200);cursor:pointer;width:100%;height:8px;accent-color:var(--accent-500);border:none;border-radius:100%}.uuidCard .actionRow .countRow span{background-color:var(--background-200);width:40px;height:40px;color:var(--text-950);border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:0 1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.uuidCard .optionsGrid{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.uuidCard .optionsGrid .option{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.uuidCard .optionsGrid .option input[type=checkbox]{cursor:pointer;width:20px;height:20px;accent-color:var(--accent-500)}.uuidCard .optionsGrid .option span{align-items:center;gap:.5rem;font-size:1.2rem;display:flex}.diffCheckerWrap{flex-direction:column;gap:1.5rem;width:95%;max-width:1200px;margin:auto;padding:1.25rem;display:flex;color:var(--text-900)!important}.diffCheckerWrap .inputs{flex-wrap:wrap;justify-content:center;gap:1rem;width:100%;display:flex}.diffCheckerWrap .inputs textarea{resize:none;background-color:var(--background-200);width:100%;height:400px;color:var(--text-950);border:none;border-radius:1rem;min-width:300px;max-width:calc(50% - .5rem);padding:1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.diffCheckerWrap .actions{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.diffCheckerWrap .actions button{color:var(--text-950);background:0 0;background-color:var(--background-200);cursor:pointer;border:none;border-radius:.5rem;padding:.7rem .9rem;font-size:1.2rem;font-weight:600}.diffCheckerWrap .diff .muted{color:var(--text-600);text-align:center;-webkit-user-select:none;user-select:none;margin-top:.5rem;font-size:.9rem;font-style:italic;font-weight:500}.diffCheckerWrap .diff{background-color:var(--background-200);width:100%;color:var(--text-950);border:none;border-radius:1rem;min-height:200px;max-height:600px;padding:1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.diffCheckerWrap .diff .add{color:#000;background-color:#d4f8d4}.diffCheckerWrap .diff .del{color:#000;background-color:#f8d4d4}.diffCheckerWrap .diff,.diffCheckerWrap .diff .add,.diffCheckerWrap .diff .del{white-space:pre-wrap;word-break:break-word}.diffCheckerWrap .diff .add{padding:0 .05rem}.diffCheckerWrap .diff .del{opacity:.7;text-decoration:line-through}.gpxcard{flex-direction:column;width:100%;max-width:960px;margin:auto;display:flex}.gpxcard input[type=file]{display:none}.gpxcard label{background-color:var(--background-200);width:100%;color:var(--text-950);border:none;border:1px dashed var(--background-400);cursor:pointer;border-radius:1rem;justify-content:center;align-items:center;padding:1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.gpxfiles{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.gpxfile{background-color:var(--background-200);border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.gpxfile .muted{color:var(--text-600);-webkit-user-select:none;user-select:none;font-size:.9rem;font-style:italic;font-weight:500}.gpxcard .actions{justify-content:center;align-items:center;gap:1rem;width:100%;margin-top:1rem;display:flex}.gpxcard .actions button{color:var(--text-950);background:0 0;background-color:var(--background-200);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem .9rem;font-size:1.2rem;font-weight:600;display:flex}.gpxcard .actions button:disabled{background-color:var(--background-300);color:var(--text-600);cursor:not-allowed}.gpxcard .stats{background-color:var(--background-200);color:var(--text-950);border:none;border-radius:1rem;justify-content:center;align-items:center;gap:2rem;margin-top:1rem;padding:1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.gpxcard .preview{background-color:var(--background-200);color:var(--text-950);border:none;border-radius:1rem;max-height:400px;margin-top:1rem;padding:1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.gpxcard .preview textarea{width:100%;height:100%;color:var(--text-950);font:inherit;resize:none;background:0 0;border:none}.pdfNote{text-align:center;color:var(--text-700);margin-top:1rem;font-size:.95rem;line-height:1.5rem}.pdfLimits{color:var(--text-500);margin-top:2rem;font-size:.8rem}.pdfPasswordForm{margin-top:1rem}.pdfPasswordRow{gap:.75rem;margin-top:.75rem;display:flex}.pdfPasswordRow input[type=password]{background-color:var(--background-200);color:var(--text-950);border:none;border-radius:.5rem;flex:1;padding:.9rem 1rem;font-size:1rem}.pdfPasswordRow button{background-color:var(--accent-500);color:var(--text-50);cursor:pointer;border:none;border-radius:.5rem;padding:.7rem 1.2rem;font-weight:600}.pdfPasswordRow button:disabled{background-color:var(--background-300);color:var(--text-600);cursor:not-allowed}.pdfDownloadBtn{background-color:var(--secondary-500);color:var(--text-50);border-radius:.5rem;align-items:center;gap:.5rem;padding:.7rem 1.2rem;font-weight:600;display:flex}.gpxcard .err{background-color:var(--background-200);color:#e00202;text-align:center;border:none;border-radius:1rem;margin-top:1rem;padding:1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.footer{background:var(--background-100);border-top:1px solid var(--background-200);width:100%;color:var(--text-700);margin-top:100px}.footWrap{text-align:center;flex-direction:column;align-items:center;gap:.5rem;max-width:900px;margin:0 auto;padding:1rem 1.25rem;display:flex}.links{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem 1rem;line-height:1;display:flex}.links span+span:before{content:"•";opacity:.5;margin:0 .5rem}.link{color:var(--text-700);border-radius:.5rem;padding:.25rem .1rem;text-decoration:none;transition:background-color .2s,opacity .2s;display:inline-block;position:relative}.link:after{content:"";transform-origin:50%;background:var(--accent-500);opacity:.9;width:100%;height:2px;transition:transform .22s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)scaleX(0)}.link:hover{background:var(--background-50)}.link:hover:after{transform:translate(-50%)scaleX(1)}.copy{color:var(--text-600);opacity:.95;font-size:.92rem}@media (max-width:480px){.footWrap{padding:.9rem 1rem}.copy{font-size:.9rem}}.hashCard{width:100%;max-width:600px;color:var(--text-900);margin:auto;padding:1.25rem}.hashControls{justify-content:space-evenly;width:100%;margin-bottom:1rem;display:flex}.hashControls button{color:var(--text-950);background:0 0;background-color:var(--background-200);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.7rem .9rem;font-size:1.2rem;font-weight:600;display:flex}.hashAlgoCtrl select,.hashOutCtrl select{color:var(--text-950);background:0 0;background-color:var(--background-200);cursor:pointer;border:none;border-radius:.5rem;outline:0;padding:.7rem .9rem;font-size:1.2rem;font-weight:600}.hashUpCtrl{justify-content:center;align-items:center;gap:.5rem;display:none}.hashUpCtrl input{aspect-ratio:1;background-color:var(--background-200);cursor:pointer;appearance:none;border:none;border-radius:.5rem;justify-content:center;align-items:center;height:40px;display:flex}.hashUpCtrl input:checked{background-color:var(--accent-500)}.hashUpCtrl input:after{content:"";border-bottom:3px solid #fff;border-right:3px solid #fff;width:10px;height:20px;margin-bottom:5px;transition:transform .15s ease-in-out;transform:rotate(45deg)scale(0)}.hashUpCtrl input:checked:after{transform:rotate(45deg)scale(1)}.hashControls .active{background-color:var(--background-300)}.warn{text-align:center;color:#000;background-color:#f08080;border-radius:5px;outline:1px solid red;width:500px;margin:1rem auto;padding:1rem 0}.hashCard .panel{flex-direction:column;gap:1rem;display:flex}.hashCard .panel textarea{background-color:var(--background-200);color:var(--text-900);border:0;border-radius:5px;outline:0;padding:1rem}.hashCard .panel textarea::placeholder{color:var(--text-700)}.hashCard .panel .actions{justify-content:space-evenly;align-items:center;display:flex}.hashCard .panel .actions button{color:var(--text-950);background:0 0;background-color:var(--background-200);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.7rem .9rem;font-size:1.2rem;font-weight:600;display:flex}.base64Card{width:100%;max-width:700px;color:var(--text-900);margin:auto;padding:1.25rem}.base64Card .panel{flex-direction:column;gap:1rem;display:flex}.base64Card .panel textarea{background-color:var(--background-200);color:var(--text-900);resize:vertical;border:0;border-radius:.5rem;outline:0;padding:1rem;font:600 1rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.base64Card .panel textarea::placeholder{color:var(--text-700)}.base64Card .panel .actions{justify-content:space-evenly;align-items:center;display:flex}.base64Card .panel .actions button{color:var(--text-950);background:0 0;background-color:var(--background-200);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;padding:.7rem .9rem;font-size:1.2rem;font-weight:600;display:flex}.base64Card .panel .actions button:disabled,.caseButtons button:disabled{background-color:var(--background-300);color:var(--text-600);cursor:not-allowed}.textStats{background-color:var(--background-200);color:var(--text-950);border-radius:.5rem;justify-content:center;align-items:center;gap:1.5rem;padding:.75rem;font:600 .95rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;display:flex}.caseButtons{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.caseButtons button{background-color:var(--background-200);color:var(--text-950);cursor:pointer;border:none;border-radius:.5rem;padding:.6rem .9rem;font-size:.9rem;font-weight:600}.colorCard{width:95%;max-width:500px;color:var(--text-900);margin:auto;padding:1.25rem}.colorPickRow{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.colorPickRow input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:.5rem;width:50px;height:50px;padding:0}.colorHexInput{background-color:var(--background-200);color:var(--text-950);border:none;border-radius:.5rem;flex:1;padding:.9rem 1rem;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.colorValues{flex-direction:column;gap:.75rem;display:flex}.colorValueRow{background-color:var(--background-200);border-radius:.5rem;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.colorValueLabel{width:40px;color:var(--text-700);font-weight:700}.colorValueField{color:var(--text-950);flex:1;font:600 1rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.colorValueRow button{color:var(--text-950);cursor:pointer;background:0 0;border:none;font-size:1.1rem}.colorValueRow button:disabled{color:var(--text-400);cursor:not-allowed}.toolSection{margin-bottom:1rem}.toolSectionTitle{width:100%;max-width:1300px;color:var(--text-800);margin:0 auto;padding:0 20px;font-family:Comic Relief,system-ui;font-size:1.4rem;font-weight:700}.fileField{flex-direction:column;gap:.5rem;display:flex}.fileFieldLabel{color:var(--text-700);font-size:.85rem;font-weight:600}.fileField input[type=file]{color:var(--text-900);background-color:var(--background-200);border-radius:.5rem;padding:.75rem;font-size:.9rem}.muted{color:var(--text-600);font-size:.9rem}.qrPreview{justify-content:center;align-items:center;display:flex}.qrPreview img{border-radius:.5rem;max-width:100%;height:auto}.qrPlaceholder{background-color:var(--background-200);width:240px;max-width:100%;height:240px;color:var(--text-400);border-radius:.5rem;justify-content:center;align-items:center;font-size:4rem;display:flex}.qrOptions{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.qrColorRow{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.qrColorField{align-items:center;gap:.5rem;display:flex}.qrColorField input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:.5rem;width:42px;height:42px;padding:0}.qrSection{border-top:1px solid var(--background-200);flex-direction:column;gap:.75rem;padding-top:.75rem;display:flex}.qrSectionHeader{cursor:pointer;color:var(--text-800);letter-spacing:.04em;text-transform:uppercase;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;font-size:.85rem;font-weight:700;display:flex}.qrSectionBody{flex-direction:column;gap:1rem;display:flex}.qrTextInput{box-sizing:border-box;background-color:var(--background-200);width:100%;color:var(--text-950);border:none;border-radius:.5rem;padding:.9rem 1rem;font:600 1rem/1.4 system-ui,sans-serif}.segGroup{flex-wrap:wrap;gap:.5rem;display:flex}.segGroup button{background-color:var(--background-200);min-width:70px;color:var(--text-900);cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.6rem .75rem;font-size:.85rem;font-weight:600}.segGroup .active{background-color:var(--accent-500);color:#fff}.qrDownloadRow{flex-direction:column;gap:.75rem;display:flex}.qrDownloadBtn{background-color:var(--accent-500);color:#fff;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:.9rem;font-size:1rem;font-weight:700}.qrDownloadBtn:disabled{background-color:var(--background-300);color:var(--text-600);cursor:not-allowed}.jwtField{flex-direction:column;gap:.4rem;display:flex}.regexPatternRow{background-color:var(--background-200);border-radius:.5rem;align-items:center;gap:.4rem;padding:.75rem 1rem;display:flex}.regexSlash{color:var(--text-500);font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.regexPatternInput{color:var(--text-950);background:0 0;border:none;outline:0;flex:1;font:600 1.05rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.regexFlags{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.regexFlagChip{color:var(--text-700);cursor:pointer;align-items:center;gap:.4rem;font-size:.85rem;display:flex}.regexPreview{background-color:var(--background-200);color:var(--text-900);white-space:pre-wrap;word-break:break-word;border-radius:.5rem;padding:1rem;font:500 .95rem/1.5 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.regexPreview mark{background-color:var(--accent-300);color:var(--accent-900);border-radius:.2rem}.regexMatchCount{text-align:center;color:var(--text-600);font-size:.9rem}.regexMatchList{flex-direction:column;gap:.5rem;list-style:none;display:flex}.regexMatchList li{background-color:var(--background-200);color:var(--text-900);border-radius:.5rem;padding:.6rem .9rem;font-size:.9rem}.regexMatchList code{color:var(--accent-600);font:600 .9rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.regexMatchIndex{color:var(--text-600);margin-right:.5rem;font-weight:700}.exifPreview{object-fit:contain;border-radius:.5rem;max-width:100%;max-height:320px;margin:0 auto;display:block}.exifList{background-color:var(--background-200);border-radius:.5rem;flex-direction:column;gap:.3rem;max-height:300px;padding:.75rem 1rem;list-style:none;display:flex;overflow-y:auto}.exifList li{gap:.75rem;font-size:.85rem;display:flex}.exifKey{min-width:140px;color:var(--text-700);font-weight:700}.exifValue{color:var(--text-900);word-break:break-word;font:500 .85rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.imgCompressorControls{flex-direction:column;gap:1rem;display:flex}.imgCompressorField{flex-direction:column;gap:.4rem;display:flex}.imgCompressorField input[type=range]{width:100%;accent-color:var(--accent-500)}.imgCompressorField select{background-color:var(--background-200);color:var(--text-900);border:none;border-radius:.5rem;padding:.6rem .75rem}.imgCompressorPreviewRow{justify-content:center;display:flex}.markdownPreview{background-color:var(--background-200);color:var(--text-900);border-radius:.5rem;max-height:320px;padding:1rem 1.25rem;overflow-y:auto}.markdownPreview :is(h1,h2,h3,h4,h5,h6){color:var(--text-950);margin:.6rem 0 .4rem}.markdownPreview p{margin:.4rem 0}.markdownPreview code{background-color:var(--background-300);border-radius:.3rem;padding:.1rem .35rem;font:500 .85em/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.markdownPreview pre code{padding:.75rem;display:block;overflow-x:auto}.markdownPreview a{color:var(--accent-600)}.timestampNow,.timestampSection{flex-direction:column;gap:.6rem;display:flex}.timestampSection input[type=text],.timestampSection input[type=datetime-local]{background-color:var(--background-200);color:var(--text-950);border:none;border-radius:.5rem;padding:.75rem 1rem;font:600 1rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.timestampNow .colorValueLabel,.timestampSection .colorValueLabel{width:auto;min-width:90px}.timestampNowBtn{background-color:var(--background-200);color:var(--text-950);cursor:pointer;border:none;border-radius:.5rem;align-self:flex-start;padding:.5rem .9rem;font-size:.85rem;font-weight:600}
