.t-jsonconverter{--cloth:#252328;--cloth-light:#302d34;--bone:#e7e0d2;--muted:#9a9290;--line:#5b555c;--gold:#d7ae5d;--coral:#d98272;--blue:#9ab6bb}.t-jsonconverter,.t-jsonconverter *{box-sizing:border-box}.t-jsonconverter{color:var(--bone);background:#161418;margin:0;font-family:Avenir Next,Trebuchet MS,sans-serif}.t-jsonconverter button,.t-jsonconverter textarea{font:inherit}.t-jsonconverter button:focus-visible,.t-jsonconverter textarea:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.t-jsonconverter .pattern-shell{background:radial-gradient(ellipse at 10% 0, #d9ae5d1f, transparent 30%), var(--cloth);max-width:1440px;min-height:100vh;margin:0 auto;padding:44px clamp(21px,6vw,92px) 28px}.t-jsonconverter .pattern-header{grid-template-columns:85px minmax(0,1fr) auto;align-items:start;gap:clamp(20px,4vw,60px);display:grid}.t-jsonconverter .pattern-brand{border-top:1px solid var(--gold);color:var(--muted);letter-spacing:.15em;gap:8px;padding-top:9px;font-size:9px;display:grid}.t-jsonconverter .pattern-brand strong{color:var(--gold);letter-spacing:-.06em;font-family:Georgia,serif;font-size:27px;font-weight:400}.t-jsonconverter .eyebrow,.t-jsonconverter .section-label,.t-jsonconverter .header-note,.t-jsonconverter .format-status,.t-jsonconverter .piece-footer,.t-jsonconverter .pattern-footer{letter-spacing:.15em;text-transform:uppercase;font-size:10px}.t-jsonconverter .eyebrow,.t-jsonconverter .section-label{color:var(--gold);margin:0 0 16px}.t-jsonconverter h1,.t-jsonconverter h2,.t-jsonconverter p{margin:0}.t-jsonconverter h1{letter-spacing:-.11em;font-size:clamp(4rem,9vw,9rem);font-weight:500;line-height:.78}.t-jsonconverter h1 em{color:var(--coral);font-family:Georgia,serif;font-weight:400}.t-jsonconverter .lede{color:#beb5b2;max-width:475px;margin-top:27px;font-size:16px;line-height:1.55}.t-jsonconverter .header-note{color:var(--muted);text-align:right;grid-template-columns:auto auto;gap:4px 16px;display:grid}.t-jsonconverter .header-note strong{color:var(--blue);font-size:16px;font-weight:500}.t-jsonconverter .header-note span:last-child{letter-spacing:.06em;grid-column:1/-1}.t-jsonconverter .drafting-grid{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;height:45px;margin-top:48px;display:flex}.t-jsonconverter .drafting-grid span{background:var(--line);width:1px;height:9px}.t-jsonconverter .drafting-grid span:nth-child(3n){background:var(--gold);height:18px}.t-jsonconverter .drafting-table{border:1px solid var(--line);background:var(--cloth-light);margin-top:35px}.t-jsonconverter .table-top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:20px;padding:27px 28px 23px;display:flex}.t-jsonconverter h2{letter-spacing:-.08em;font-size:clamp(2rem,4vw,3.7rem);font-weight:400;line-height:.9}.t-jsonconverter .format-status{color:var(--blue);white-space:nowrap}.t-jsonconverter .mode-row{border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.t-jsonconverter .mode-row button{border:0;border-right:1px solid var(--line);color:var(--muted);cursor:pointer;text-align:left;letter-spacing:.08em;background:0 0;grid-template-columns:12px 1fr;align-items:center;gap:9px;padding:18px 20px;font-size:12px;display:grid}.t-jsonconverter .mode-row button:last-child{border-right:0}.t-jsonconverter .mode-row button:hover,.t-jsonconverter .mode-row button.active{color:var(--bone);background:#d7ae5d17}.t-jsonconverter .mode-row button.active .cord{background:var(--gold);box-shadow:0 0 8px var(--gold)}.t-jsonconverter .mode-row small{color:#776e73;letter-spacing:.04em;grid-column:2;font-size:9px}.t-jsonconverter .cord{border:1px solid;border-radius:50%;width:9px;height:9px}.t-jsonconverter .pattern-pieces{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr);align-items:stretch;padding:28px;display:grid}.t-jsonconverter .piece{min-width:0}.t-jsonconverter .piece label,.t-jsonconverter .piece-label{color:var(--gold);letter-spacing:.14em;justify-content:space-between;gap:15px;font-size:10px;display:flex}.t-jsonconverter .piece label small,.t-jsonconverter .piece-label small{color:var(--muted);letter-spacing:.04em}.t-jsonconverter textarea,.t-jsonconverter .result{border:1px solid var(--line);width:100%;min-height:260px;color:var(--bone);resize:vertical;background:#211f24;outline:0;margin-top:15px;padding:18px;font-family:Courier New,monospace;font-size:14px;line-height:1.65}.t-jsonconverter textarea:focus{border-color:var(--gold)}.t-jsonconverter .result{color:var(--blue);overflow-wrap:anywhere;display:block}.t-jsonconverter .result-placeholder{color:#716a70}.t-jsonconverter .has-error{color:var(--coral)}.t-jsonconverter .piece-footer{color:var(--muted);justify-content:space-between;gap:12px;padding-top:11px;display:flex}.t-jsonconverter .piece-footer button{color:var(--gold);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;background:0 0;border:0;padding:0;font-size:10px}.t-jsonconverter .piece-footer button:disabled{color:var(--muted);cursor:not-allowed}.t-jsonconverter .pull-cord{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;flex-direction:column;justify-content:center;align-items:center;gap:17px;font-size:10px;display:flex}.t-jsonconverter .pull-cord i{background:var(--coral);width:58px;height:1px;position:relative}.t-jsonconverter .pull-cord i:after{content:"";border-top:1px solid var(--coral);border-right:1px solid var(--coral);width:8px;height:8px;position:absolute;top:-4px;right:0;transform:rotate(45deg)}.t-jsonconverter .table-bottom{border-top:1px solid var(--line);align-items:center;gap:25px;padding:21px 28px 24px;display:flex}.t-jsonconverter .primary-action{border:1px solid var(--gold);background:var(--gold);color:var(--cloth);cursor:pointer;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px 12px 18px;font-size:11px}.t-jsonconverter .primary-action:hover{color:var(--gold);background:0 0}.t-jsonconverter .primary-action span{margin-left:27px;font-size:18px}.t-jsonconverter .table-bottom p{color:var(--muted);font-size:11px;line-height:1.6}.t-jsonconverter .pattern-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;margin-top:48px;padding-top:15px;display:flex}@media (max-width:720px){.t-jsonconverter .pattern-shell{padding-top:28px}.t-jsonconverter .pattern-header{grid-template-columns:52px minmax(0,1fr);gap:14px}.t-jsonconverter .pattern-brand{font-size:8px}.t-jsonconverter .header-note{text-align:left;grid-column:2;margin-top:8px}.t-jsonconverter .table-top{display:block}.t-jsonconverter .format-status{margin-top:20px;display:block}.t-jsonconverter .mode-row{grid-template-columns:repeat(2,1fr)}.t-jsonconverter .mode-row button:nth-child(2){border-right:0}.t-jsonconverter .mode-row button:nth-child(-n+2){border-bottom:1px solid var(--line)}.t-jsonconverter .pattern-pieces{grid-template-columns:1fr;gap:24px;padding:18px}.t-jsonconverter .pull-cord{flex-direction:row;justify-content:flex-start}.t-jsonconverter .pull-cord i{width:35px}.t-jsonconverter textarea,.t-jsonconverter .result{min-height:190px}.t-jsonconverter .table-bottom{padding:20px 18px;display:block}.t-jsonconverter .table-bottom p{margin-top:16px}.t-jsonconverter .pattern-footer{line-height:2;display:block}.t-jsonconverter .pattern-footer span{display:block}}