:root{--ink:#10120f;--paper:#f2f0e8;--panel:#faf9f3;--line:#c8c6ba;--lime:#c9ff45;--orange:#ff6038;--muted:#6c6d65}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);margin:0}body{font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.home-shell{background-image:linear-gradient(#d9d7cd 1px,#0000 1px),linear-gradient(90deg,#d9d7cd 1px,#0000 1px);background-size:48px 48px;min-height:100vh;padding:24px 4vw 80px}.home-nav,.studio-header{justify-content:space-between;align-items:center;display:flex}.brand{color:var(--ink);letter-spacing:1.8px;align-items:center;gap:10px;font-size:13px;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);width:30px;height:30px;color:var(--lime);place-items:center;font:900 17px/1 Arial;display:grid;transform:rotate(-3deg)}.status-pill{border:1px solid var(--ink);background:var(--panel);letter-spacing:1px;align-items:center;gap:8px;padding:8px 11px;font:800 10px/1 monospace;display:flex}.status-pill i{background:#55c81b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dff5d3}.hero{max-width:960px;margin:12vh auto 0}.eyebrow{letter-spacing:2px;margin:0 0 24px;font:800 11px/1 monospace}.hero h1{letter-spacing:-7px;text-transform:uppercase;margin:0;font-size:clamp(54px,9vw,126px);line-height:.82}.hero h1 span{color:var(--orange);-webkit-text-stroke:2px var(--ink);text-shadow:5px 5px 0 var(--ink)}.hero-copy{max-width:590px;margin:38px 0 30px;font:600 clamp(16px,2vw,21px)/1.45 Georgia,serif}.create-card{border:2px solid var(--ink);background:var(--panel);box-shadow:8px 8px 0 var(--ink);padding:22px}.create-card label{letter-spacing:1.3px;margin-bottom:12px;font:900 11px/1 monospace;display:block}.create-row{gap:10px;display:flex}.create-row input{border:1px solid var(--ink);background:#fff;outline:none;flex:1;min-width:0;padding:17px;font-weight:700}.create-row input:focus{box-shadow:inset 0 -4px var(--lime)}.create-row button,.save-button{border:1px solid var(--ink);background:var(--lime);letter-spacing:.8px;cursor:pointer;box-shadow:3px 3px 0 var(--ink);padding:0 24px;font:900 11px/1 monospace}.create-card>p{color:var(--muted);margin:14px 0 0;font:11px/1.4 monospace}.privacy-note{border-left:5px solid var(--orange);background:var(--panel);max-width:600px;margin:70px auto 0;padding:18px 20px}.privacy-note strong{letter-spacing:1.2px;font:900 11px/1 monospace}.privacy-note p{color:var(--muted);margin:8px 0 0;font:12px/1.5 monospace}.recent-section{max-width:960px;margin:110px auto 0}.section-heading{border-bottom:2px solid var(--ink);letter-spacing:1.4px;justify-content:space-between;padding-bottom:12px;font:900 11px/1 monospace;display:flex}.inbox-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.inbox-card{border:1px solid var(--ink);min-height:170px;color:inherit;background:var(--panel);gap:13px;padding:20px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:grid}.inbox-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-3px,-3px)}.inbox-icon{font-size:28px}.inbox-card strong{font-size:19px}.inbox-card code{color:var(--muted);font-size:11px}.inbox-card small{letter-spacing:1px;align-self:end;font:800 9px/1 monospace}.studio-shell{background:var(--paper);min-height:100vh}.studio-header{border-bottom:1px solid var(--ink);background:var(--panel);height:65px;padding:0 22px}.title-block{align-items:center;gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.title-block small{color:var(--muted);letter-spacing:1px;font:9px/1 monospace}.title-block strong{text-transform:uppercase;font-size:13px}.endpoint-bar{border-bottom:1px solid var(--ink);background:var(--lime);align-items:center;gap:14px;min-height:62px;padding:10px 22px;display:flex}.endpoint-bar code{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.endpoint-bar button{border:1px solid var(--ink);background:var(--panel);cursor:pointer;box-shadow:2px 2px 0 var(--ink);padding:9px 13px;font:900 9px/1 monospace}.method-tag{border:1px solid var(--ink);background:var(--ink);color:var(--lime);padding:7px 9px;font:900 9px/1 monospace}.workspace{grid-template-columns:minmax(230px,.75fr) minmax(300px,1fr) minmax(380px,1.25fr);height:calc(100vh - 127px);display:grid}.workspace>*{border-right:1px solid var(--ink);background:var(--panel);min-width:0;overflow:auto}.workspace>:last-child{border-right:0}.panel-title{z-index:2;border-bottom:1px solid var(--ink);background:var(--paper);align-items:center;gap:12px;min-height:61px;padding:12px 16px;display:flex;position:sticky;top:0}.panel-title>span{background:var(--ink);width:25px;height:25px;color:var(--panel);place-items:center;font:900 9px/1 monospace;display:grid}.panel-title div{gap:5px;display:grid}.panel-title strong{letter-spacing:.8px;font:900 10px/1 monospace}.panel-title small{color:var(--muted);letter-spacing:.8px;font:8px/1 monospace}.panel-title b{margin-left:auto;font:900 11px/1 monospace}.request-item{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:14px 12px;display:flex}.request-item:hover{background:#eeece2}.request-item.selected{background:var(--ink);color:#fff}.request-item.selected .verb{border-color:#fff}.request-item div{gap:5px;min-width:0;display:grid}.request-item strong{text-overflow:ellipsis;font:700 10px/1 monospace;overflow:hidden}.request-item small{color:#898a82;font:9px/1 monospace}.request-item em{color:#56c72c;margin-left:auto;font:900 9px/1 monospace}.request-item em.error{color:var(--orange)}.verb{border:1px solid var(--ink);min-width:45px;color:var(--ink);background:var(--lime);text-align:center;padding:5px;font:900 8px/1 monospace}.verb-post{background:var(--lime)}.verb-get{background:#a9dfff}.verb-delete{background:#ff9981}.verb-patch,.verb-put{background:#ffd45f}.empty-state{text-align:center;place-items:center;padding:60px 25px;display:grid}.empty-state>span{color:var(--line);margin-bottom:20px;font:300 44px/1 monospace}.empty-state strong{letter-spacing:1px;font:900 10px/1 monospace}.empty-state p{max-width:220px;color:var(--muted);font:11px/1.5 monospace}.request-meta{border-bottom:1px solid var(--line);gap:7px;padding:12px 14px;display:flex;overflow:hidden}.request-meta span{text-overflow:ellipsis;white-space:nowrap;background:#e5e3d9;padding:5px 7px;font:8px/1 monospace;overflow:hidden}.field-list{gap:7px;padding:12px;display:grid}.field-chip{border:1px solid var(--line);cursor:grab;background:#fff;align-items:center;gap:9px;padding:10px;display:flex}.field-chip:active{cursor:grabbing}.field-chip .grip{color:#aaa}.field-chip div{flex:1;gap:5px;min-width:0;display:grid}.field-chip code{text-overflow:ellipsis;font:700 10px/1 monospace;overflow:hidden}.field-chip small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font:9px/1 monospace;overflow:hidden}.field-chip b{border:1px solid var(--ink);place-items:center;width:22px;height:22px;font:900 9px/1 monospace;display:grid}.raw-json{border:1px solid var(--line);margin:0 12px 16px}.raw-json summary{cursor:pointer;padding:11px;font:800 9px/1 monospace}.raw-json pre{border-top:1px solid var(--line);background:var(--ink);max-height:300px;color:var(--lime);margin:0;padding:12px;font:9px/1.5 monospace;overflow:auto}.destination-form{padding:18px;display:grid}.destination-form>label:not(.toggle-row){letter-spacing:.8px;justify-content:space-between;margin:0 0 8px;font:900 9px/1 monospace;display:flex}.destination-form>label:not(:first-child,.toggle-row){margin-top:18px}.destination-form label span{color:var(--muted);font-weight:400}.request-builder{display:flex}.request-builder select,.request-builder input,.destination-form textarea{border:1px solid var(--ink);background:#fff;border-radius:0;outline:none;font:11px/1.5 monospace}.request-builder select{border-right:0;padding:11px 8px;font-weight:900}.request-builder input{flex:1;min-width:0;padding:11px}.destination-form textarea{resize:vertical;width:100%;min-height:94px;padding:12px}.destination-form .body-editor{min-height:175px}.request-builder input:focus,.destination-form textarea:focus{box-shadow:inset 0 -3px var(--lime)}.toggle-row{align-items:center;gap:11px;margin:20px 0;display:flex}.toggle-row>span{gap:4px;display:grid}.toggle-row strong{color:var(--ink);font:900 9px/1 monospace}.toggle-row small{color:var(--muted);font:9px/1 monospace}.toggle{border:1px solid var(--ink);cursor:pointer;background:#dddcd4;width:37px;height:21px;position:relative}.toggle i{background:var(--ink);width:13px;height:13px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--lime)}.toggle.on i{left:19px}.save-button{min-height:43px}.save-message{text-align:center;margin:14px 0 0;font:800 9px/1.4 monospace}.loading{letter-spacing:2px;place-items:center;min-height:100vh;font:900 12px/1 monospace;display:grid}.loading span{color:var(--orange)}@media (max-width:900px){.workspace{grid-template-columns:210px minmax(270px,1fr);height:auto}.destination-panel{border-top:1px solid var(--ink);grid-column:1/-1;min-height:600px}.workspace>*{height:calc(100vh - 127px)}.workspace>.destination-panel{height:auto}.inbox-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.home-shell{padding-inline:18px}.hero{margin-top:10vh}.hero h1{letter-spacing:-4px;font-size:55px}.create-row{flex-direction:column}.create-row button{min-height:48px}.inbox-grid{grid-template-columns:1fr}.studio-header{padding:0 12px}.title-block{display:none}.endpoint-bar{padding-inline:10px}.workspace{height:auto;display:block}.workspace>*{border-right:0;border-bottom:1px solid var(--ink);height:auto;min-height:360px}.requests-panel{max-height:430px}.payload-panel{max-height:600px}.destination-panel{min-height:650px}}