body{background:#fff;color:#333;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.navbar{border-radius:0;margin-bottom:0}.page-wrap{padding-bottom:36px;padding-top:22px}h1{font-size:30px;margin-bottom:8px;margin-top:0}h1,h3{font-weight:500}h3{font-size:20px;margin-bottom:12px;margin-top:22px}.intro-text{color:#666;line-height:1.7;margin-bottom:18px}.mono{font-family:Menlo,Monaco,Consolas,Courier New,monospace}.tool-panel{background:#fff;margin-bottom:18px}.tool-main-row{margin-left:-10px;margin-right:-10px}.tool-main-row>[class*=col-]{padding-left:10px;padding-right:10px}.section-title{font-size:16px;font-weight:600;margin:0 0 10px}.section-subtitle{color:#777;font-size:12px;font-weight:400}.section-head{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.section-head .section-title{margin:0}.help-text{color:#777;line-height:1.6;margin-bottom:0;margin-top:7px}.method-box{background:#fafafa}.compact-box,.method-box{border:1px solid #e5e5e5;border-radius:4px;margin-bottom:12px;padding:12px}.compact-box{background:#fff}.form-control.mono{line-height:1.45}textarea.form-control{resize:vertical}.jwt-input{min-height:122px;word-break:break-all}.json-area{min-height:160px}.small-json-area{min-height:108px}.button-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.button-row .btn{min-width:88px}.button-row .btn-primary{min-width:120px}.secret-row{position:relative}.secret-toggle{color:#337ab7;cursor:pointer;display:inline-block;font-size:12px;margin-top:7px}.status-line{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#555;line-height:1.55;margin-top:10px;padding:9px 10px}.status-pill{background:#f8f8f8;border:1px solid #ddd;border-radius:12px;display:inline-block;font-size:12px;margin-right:6px;padding:2px 8px}.status-ready{background:#fff8e5;border-color:#f3d184;color:#8a6d3b}.status-ok{background:#edf8ed;border-color:#b7dfb7;color:#2b6d2b}.status-bad{background:#f9eded;border-color:#e5b5b5;color:#a94442}.claim-grid{display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-top:12px}.claim-card{background:#fafafa;border:1px solid #e5e5e5;border-radius:4px;min-height:58px;padding:9px}.claim-name{color:#777;font-size:12px;margin-bottom:3px}.claim-value{font-weight:600;word-break:break-word}.claim-ok{color:#2b6d2b}.claim-warn{color:#8a6d3b}.claim-bad{color:#a94442}.part-list{border:1px solid #e5e5e5;border-radius:4px;margin-top:12px;overflow:hidden}.part-row{align-items:flex-start;background:#fff;border-bottom:1px solid #e5e5e5;display:flex}.part-row:last-child{border-bottom:0}.part-label{background:#fafafa;color:#555;flex:0 0 auto;font-weight:600;padding:10px;width:116px}.part-value{flex:1 1 auto;line-height:1.55;overflow-wrap:anywhere;padding:10px;white-space:normal;word-break:break-all}.part-action{flex:0 0 auto;padding:8px;text-align:right;width:70px}.decoded-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:12px}.decoded-box label{color:#555;font-weight:600}.result-token{min-height:116px;word-break:break-all}.quick-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.quick-row .btn{border-radius:14px;font-size:12px;padding:3px 10px}.input-hint{color:#777;font-size:12px;line-height:1.55;margin-top:6px}.privacy{color:#555;margin:22px 0;padding:12px 15px}.content-block{line-height:1.7;margin-top:22px}.footer{border-top:1px solid #eee;color:#777;margin-top:28px;padding:18px 0;text-align:center}.toast-msg{background:rgba(0,0,0,.82);border-radius:3px;bottom:22px;color:#fff;display:none;left:50%;padding:9px 14px;position:fixed;transform:translateX(-50%);z-index:10000}@media (min-width:992px){.right-sticky{position:sticky;top:15px}}@media (max-width:991px){.right-sticky{margin-top:14px}.claim-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:767px){h1{font-size:26px}.tool-panel{padding:12px}.section-head{align-items:flex-start}.button-row .btn,.button-row .btn-primary{min-width:0}.claim-grid,.decoded-grid{grid-template-columns:1fr}.part-row{display:block}.part-label{border-bottom:1px solid #eee;width:auto}.part-action{padding:0 10px 10px;text-align:left;width:auto}}