body{background-color:#0f172a;font-family:Nunito,sans-serif;font-size:13px;color:#e0e0e0;padding:0;margin:0}*,*:before,*:after{box-sizing:border-box;font-family:Nunito,sans-serif;outline:none}h1,h2,h3,h4,h5,h6,p{padding:0;margin:0}::selection{background-color:#ffffff1a}#app{display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh}.error{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;pointer-events:all;width:90%;text-align:center}.error p{font-size:18px;color:#ff6b6b;margin-bottom:15px}.error .retry-btn{background-color:#1e293b;color:#e0e0e0;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.loader{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;pointer-events:none}.loader-wrapper{display:flex;flex-direction:column;align-items:center;gap:15px;pointer-events:all;width:90%}.loader-logo{filter:drop-shadow(0 10px 25px rgba(0,0,0,.7));width:80px;height:auto}.loader-text{font-size:13px}.loader-bar{background-color:#0f172ae6;border-radius:999px;width:160px;height:4px;overflow:hidden;margin-top:15px}.loader-bar-fill{background:linear-gradient(90deg,#6366f1,#22d3ee);border-radius:inherit;width:40%;height:100%;animation:loaderBarSlide 2s ease-in-out infinite}@keyframes loaderBarSlide{0%{transform:translate(-100%)}50%{transform:translate(50%)}to{transform:translate(300%)}}.header{width:100%;max-width:1000px;margin:0 auto}.header-wrapper{display:flex;align-items:center;gap:15px;line-height:1;padding:20px}.header-nav{display:flex;flex:1;align-items:center;gap:15px}.header-nav a{background-color:#0000000d;border:1px solid rgba(255,255,255,.1);border-radius:5px;text-decoration:none;font-size:16px;color:#60a5fa;padding:8px 12px}.header-nav a:hover{background-color:#0003;border:1px solid rgba(255,255,255,.2)}.header-brand{display:flex;align-items:center;gap:10px;margin-right:auto}.header .header-logo{width:60px;font-size:0}.header .header-logo img{width:100%;height:auto}.header h1{font-size:18px;color:#e5e7eb}.header p{font-size:11px;color:#9ca3af;margin-top:5px}.main{position:relative;width:100%;max-width:1000px;padding:0 20px 20px;margin:0 auto}.main-content{display:flex;flex-direction:column;gap:20px}.main-content .card{background-color:#020617;border:1px solid #1f2937;border-radius:5px;box-shadow:0 5px 10px #00000059}.main-content .card-header{border-bottom:1px solid #1f2937;padding:15px}.main-content .card-header h2{font-size:18px;color:#e5e7eb}.main-content .card-header .card-desc{margin-top:5px;font-size:12px;color:#9ca3af}.main-content .card-body{display:flex;flex-direction:column}.main-content .row{display:grid;grid-template-columns:minmax(120px,160px) 1fr auto;gap:10px;align-items:center;padding:15px;border-bottom:1px solid rgba(31,41,55,.5)}.main-content .row:last-child{border-bottom:none}.main-content .label{font-weight:600;color:#9ca3af}.main-content .value{color:#d1d5db;word-break:break-all}.main-content .value.multiline{white-space:normal}.main-content .value.copyable{position:relative;cursor:pointer;color:#60a5fa}.main-content .value.copyable:after{pointer-events:none;content:"Click to copy";position:absolute;background-color:#1f2937;border-radius:4px;opacity:0;left:0;bottom:120%;white-space:nowrap;font-size:11px;color:#e5e7eb;transition:opacity .2s ease;padding:3px 6px}.main-content .value.copyable:hover:after{opacity:1}.main-content .value.copyable.copied:after{content:"Copied!";color:#34d399}@media(hover:none)and (pointer:coarse){.main-content .value.copyable:after{display:none!important}}@media(hover:none)and (pointer:coarse){.main-content .value.copyable.copied{color:#34d399!important;transition:color .2s ease}}.main-content .flag-icon{width:auto;height:11px;margin-right:5px}.main-content .info-btn{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;background:transparent;border:1px solid #4b5563;border-radius:999px;width:18px;height:18px;line-height:1;font-size:13px;color:#9ca3af;padding:0;margin-left:5px}.main-content .info-btn:hover{border-color:#6b7280;color:#d1d5db}.main-content .card-info-box{line-height:1.5;font-size:12px;color:#d1d5db;padding:10px}.main-content .card-info-box p{display:block;margin:8px 0}.main-content .small{font-size:11px;color:#9ca3af}.tools-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px 0}.tools-item{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#020617;border:1px solid #1f2937;border-radius:5px;box-shadow:0 5px 10px #00000059;text-decoration:none;color:#e0e0e0;padding:15px}.tools-item:hover{box-shadow:0 5px 10px #000000b3}.tools-item img{width:100px;height:auto;margin-bottom:10px}.tools-item h2{font-size:16px;margin:10px 0 5px}.tools-item p{font-size:12px;color:#9ca3af}.pg-top{display:flex;flex-direction:column;gap:12px;border-bottom:1px solid rgba(31,41,55,.5);padding:15px}.pg-output{display:grid;grid-template-columns:1fr auto auto auto;gap:10px;align-items:center}.pg-output-input{background-color:#0000002e;border:1px solid rgba(255,255,255,.12);border-radius:5px;width:100%;letter-spacing:.2px;font-size:16px;color:#e5e7eb;padding:12px}.pg-output-input:focus{border-color:#60a5fa8c}.pg-icon-btn{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;background-color:#1e293b;border:1px solid rgba(255,255,255,.12);border-radius:5px;width:42px;height:42px;color:#e5e7eb;transition:background-color .2s ease,border-color .2s ease}.pg-icon-btn:hover{background-color:#1e293ba6;border-color:#fff3}.pg-icon{font-size:18px;line-height:1}.pg-reveal-btn{cursor:pointer;background-color:#00000026;border:1px solid rgba(255,255,255,.12);border-radius:5px;height:42px;white-space:nowrap;font-size:14px;color:#e5e7eb;padding:0 14px;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.pg-reveal-btn:hover{background-color:#ffffff0f;border-color:#fff3}.pg-reveal-btn:disabled{cursor:not-allowed;opacity:.5}.pg-copy-btn{cursor:pointer;background:linear-gradient(90deg,#dc2626,#e11d48);border:1px solid rgba(255,255,255,.08);border-radius:5px;height:42px;white-space:nowrap;font-size:14px;color:#fff;padding:0 14px;transition:filter .2s ease,opacity .2s ease}.pg-copy-btn:hover{filter:brightness(1.1)}.pg-copy-btn:disabled{cursor:not-allowed;opacity:.5}.pg-strength{display:flex;flex-direction:column;gap:8px}.pg-strength-bar{background-color:#0f172ae6;border:1px solid rgba(255,255,255,.1);border-radius:999px;height:10px;overflow:hidden}.pg-strength-fill{background:linear-gradient(90deg,#ef4444,#f59e0b,#22c55e);border-radius:inherit;height:100%;transition:width .3s ease}.pg-strength-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;color:#9ca3af}.pg-strength-badge{display:inline-flex;align-items:center;gap:6px;background-color:#0000001f;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-weight:700;color:#e5e7eb;padding:4px 8px}.pg-strength-badge[data-level=weak]{color:#fecaca}.pg-strength-badge[data-level=ok]{color:#fde68a}.pg-strength-badge[data-level=good]{color:#bbf7d0}.pg-strength-badge[data-level=strong]{color:#86efac}.pg-strength-hint{text-align:right}.pg-length{display:flex;align-items:center;width:100%}.pg-range{cursor:pointer;width:100%;accent-color:#60a5fa}.pg-pill{display:inline-flex;align-items:center;justify-content:center;background-color:#60a5fa1f;border:1px solid rgba(96,165,250,.25);border-radius:999px;min-width:44px;height:28px;font-weight:700;color:#dbeafe;padding:0 10px}.pg-checks{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.pg-check{cursor:pointer;display:inline-flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;color:#d1d5db}.pg-check input{cursor:pointer;width:16px;height:16px;accent-color:#60a5fa}.pg-inline-note{text-align:right;white-space:nowrap}.footer{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;line-height:1.5;padding:0 20px 20px;margin:0 auto}.footer p{font-size:12px;color:#6b7280}.footer p.small{font-size:11px}.footer a{color:#60a5fa;text-decoration:none}.footer a:hover{text-decoration:underline}.footer .footer-description{text-align:center;max-width:600px;font-size:8px;color:#9ca3af;margin-top:10px}@media(max-width:600px){.main-content .row{grid-template-columns:1fr;gap:5px}.main-content .label{margin-bottom:3px}.pg-output{grid-template-columns:1fr}.pg-icon-btn,.pg-reveal-btn,.pg-copy-btn{width:100%}.pg-strength-meta{flex-direction:column;align-items:flex-start}.pg-strength-hint{text-align:left}.pg-inline-note{display:none}}@media(max-width:530px){.header .header-desc{display:none}}.ed-grid[data-v-03a4ba36]{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px;border-bottom:1px solid rgba(31,41,55,.5)}.ed-panel[data-v-03a4ba36]{display:flex;flex-direction:column;gap:10px}.ed-panel-head[data-v-03a4ba36]{display:flex;align-items:center;justify-content:space-between;gap:10px}.ed-actions[data-v-03a4ba36]{display:inline-flex;gap:8px}.ed-textarea[data-v-03a4ba36]{width:100%;min-height:220px;resize:vertical;background-color:#0000002e;border:1px solid rgba(255,255,255,.12);border-radius:5px;color:#e5e7eb;padding:12px;font-size:13px;line-height:1.4}.ed-textarea[data-v-03a4ba36]:focus{border-color:#60a5fa8c}.ed-meta[data-v-03a4ba36]{display:flex;align-items:center;justify-content:space-between;gap:10px}.ed-btn[data-v-03a4ba36]{background-color:#00000026;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;border-radius:5px;height:30px;padding:0 10px;font-size:12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.ed-btn[data-v-03a4ba36]:hover{background-color:#ffffff0f;border-color:#fff3}.ed-btn[data-v-03a4ba36]:disabled{opacity:.5;cursor:not-allowed}.ed-copy-btn[data-v-03a4ba36]{background:linear-gradient(90deg,#dc2626,#e11d48);border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:5px;height:30px;padding:0 10px;font-size:12px;cursor:pointer;transition:filter .2s ease,opacity .2s ease}.ed-copy-btn[data-v-03a4ba36]:hover{filter:brightness(1.05)}.ed-copy-btn[data-v-03a4ba36]:disabled{opacity:.5;cursor:not-allowed}.ed-modes[data-v-03a4ba36]{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ed-mode[data-v-03a4ba36]{background-color:#0000001a;border:1px solid rgba(255,255,255,.12);color:#d1d5db;border-radius:5px;height:30px;padding:0 10px;font-size:12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.ed-mode[data-v-03a4ba36]:hover{background-color:#ffffff0f;border-color:#fff3;color:#e5e7eb}.ed-mode[data-active=true][data-v-03a4ba36]{border-color:#60a5fa73;background-color:#60a5fa1a;color:#dbeafe}.ed-actions-row[data-v-03a4ba36]{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center}.ed-primary[data-v-03a4ba36]{background-color:#1e293b;border:1px solid rgba(255,255,255,.12);color:#e5e7eb;border-radius:5px;height:30px;padding:0 12px;font-size:12px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,opacity .2s ease}.ed-primary[data-v-03a4ba36]:hover{background-color:#1e293ba6;border-color:#fff3}.ed-primary[data-v-03a4ba36]:disabled{opacity:.5;cursor:not-allowed}.ed-check[data-v-03a4ba36]{display:inline-flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;cursor:pointer;color:#d1d5db}.ed-check input[data-v-03a4ba36]{width:16px;height:16px;cursor:pointer;accent-color:#60a5fa}.ed-right-note[data-v-03a4ba36]{text-align:right;white-space:nowrap}.ed-jwt[data-v-03a4ba36]{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px}.ed-jwt-block[data-v-03a4ba36]{border:1px solid rgba(255,255,255,.1);background-color:#0000001f;border-radius:5px;padding:12px}.ed-jwt-title[data-v-03a4ba36]{font-weight:700;color:#e5e7eb;margin-bottom:8px}.ed-pre[data-v-03a4ba36]{margin:0;white-space:pre-wrap;word-break:break-word;font-size:12px;line-height:1.45;color:#d1d5db}@media(max-width:800px){.ed-grid[data-v-03a4ba36]{grid-template-columns:1fr}.ed-right-note[data-v-03a4ba36]{display:none}.ed-jwt[data-v-03a4ba36]{grid-template-columns:1fr}}