*,*:before,*:after{box-sizing:border-box}*{margin:0}html{interpolate-size:allow-keywords}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p{overflow-wrap:break-word;text-wrap:pretty}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;text-wrap:balance}#root,#app{isolation:isolate}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color-scheme:light dark;--sidebar-width: 240px;--font-mono: ui-monospace, "SF Mono", "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;--color-bg: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f2f2f2;--color-border: #eaeaea;--color-border-strong: #d4d4d4;--color-text: #000000;--color-text-secondary: #666666;--color-text-muted: #999999;--color-accent: #000000;--color-accent-hover: #383838;--color-on-accent: #ffffff;--sidebar-bg: var(--color-bg);--sidebar-text: var(--color-text-secondary);--sidebar-link-hover: var(--color-bg-secondary);--sidebar-link-active: var(--color-text);--method-get: #0f7b34;--method-post: #1a56db;--method-put: #b45309;--method-patch: #a16207;--method-delete: #c62828;--method-head: #52525b;--method-options: #52525b;--status-2xx: #0f7b34;--status-3xx: #1a56db;--status-4xx: #b45309;--status-5xx: #c62828;--tab-bg: transparent;--tab-active-bg: #fff;--tab-active-border: #000;--tab-border: #eaeaea}@media(prefers-color-scheme:dark){:root{--color-bg: #000000;--color-bg-secondary: #0a0a0a;--color-bg-tertiary: #171717;--color-border: #262626;--color-border-strong: #3a3a3a;--color-text: #ededed;--color-text-secondary: #a1a1a1;--color-text-muted: #6b6b6b;--color-accent: #ededed;--color-accent-hover: #ffffff;--color-on-accent: #000000;--tab-active-bg: #0a0a0a;--tab-active-border: #ededed;--tab-border: #262626}}body{min-height:100dvh;background:var(--color-bg);color:var(--color-text);margin:0;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app-layout{display:flex;min-height:100dvh}.app-main{flex:1;overflow-y:auto;background:var(--color-bg)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;padding:0;position:sticky;top:0;height:100dvh;overflow-y:auto;border-right:1px solid var(--color-border)}.sidebar-title{padding:1.5rem 1.25rem;font-size:1.05rem;font-weight:700;color:var(--color-text);border-bottom:1px solid var(--color-border);letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;padding:.75rem;gap:.125rem}.sidebar-link{display:block;padding:.5rem .75rem;color:var(--sidebar-text);text-decoration:none;font-size:.875rem;font-weight:500;border-radius:6px;transition:background .15s,color .15s}.sidebar-link:hover{background:var(--sidebar-link-hover);color:var(--color-text)}.sidebar-link.active{color:var(--sidebar-link-active);font-weight:600;background:var(--color-bg-tertiary)}.sidebar-env{margin-top:auto;padding:1rem 1.25rem;border-top:1px solid var(--color-border)}.sidebar-env-label{display:block;font-size:.7rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.5rem;font-weight:600}.sidebar-env-select{width:100%;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:6px;padding:.45rem .6rem;font-size:.85rem}.sidebar-env-select:focus{outline:none;border-color:var(--color-accent)}.sidebar-env-active{margin-top:.5rem;font-size:.8rem;color:var(--color-text-secondary);font-weight:500}.request-builder{padding:2rem;max-width:1100px;display:flex;flex-direction:column;gap:1.25rem}.url-bar{display:flex;gap:.5rem;align-items:center}.url-input{flex:1;padding:.55rem .75rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-bg);color:var(--color-text);font-size:.9rem;transition:border-color .15s}.url-input:focus{outline:none;border-color:var(--color-accent)}.send-btn{padding:.55rem 1.25rem;background:var(--color-accent);color:var(--color-on-accent);border:1px solid var(--color-accent);border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,opacity .15s}.send-btn:hover:not(:disabled){background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.method-selector{padding:.55rem .5rem;border:1px solid var(--color-border);border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;background:var(--color-bg);transition:border-color .15s}.method-selector:focus{outline:none;border-color:var(--color-accent)}.method-get{color:var(--method-get)}.method-post{color:var(--method-post)}.method-put{color:var(--method-put)}.method-patch{color:var(--method-patch)}.method-delete{color:var(--method-delete)}.method-head{color:var(--method-head)}.method-options{color:var(--method-options)}.method-badge{display:inline-block;font-size:.75rem;font-weight:700;padding:.1rem .4rem;border-radius:3px;text-transform:uppercase;min-width:3.5rem;text-align:center}.method-badge.method-get{background:#e8f5e9;color:var(--method-get)}.method-badge.method-post{background:#e3f2fd;color:var(--method-post)}.method-badge.method-put{background:#fff3e0;color:var(--method-put)}.method-badge.method-patch{background:#fffde7;color:var(--method-patch)}.method-badge.method-delete{background:#ffebee;color:var(--method-delete)}.method-badge.method-head{background:#eceff1;color:var(--method-head)}.method-badge.method-options{background:#eceff1;color:var(--method-options)}@media(prefers-color-scheme:dark){.method-badge.method-get{background:#1b3a1e}.method-badge.method-post{background:#0d2744}.method-badge.method-put{background:#3d2000}.method-badge.method-patch{background:#3d3400}.method-badge.method-delete{background:#3d0e0e}.method-badge.method-head,.method-badge.method-options{background:#1a2427}}.request-tabs,.response-viewer{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.tabs-header{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.tab-btn{padding:.6rem 1rem;background:var(--tab-bg);border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);transition:all .15s}.tab-btn:hover{color:var(--color-text)}.tab-btn.active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:600}.tabs-content{padding:1rem;background:var(--color-bg)}.kv-editor{display:flex;flex-direction:column;gap:.4rem}.kv-row{display:flex;align-items:center;gap:.5rem}.kv-input{flex:1;padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:.875rem}.kv-input:focus{outline:none;border-color:var(--color-accent)}.kv-delete{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1.2rem;padding:0 .25rem;line-height:1}.kv-delete:hover{color:var(--method-delete)}.kv-add{align-self:flex-start;margin-top:.25rem;background:none;border:1px dashed var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;font-size:.85rem;padding:.3rem .75rem}.kv-add:hover{border-color:var(--color-accent);color:var(--color-accent)}.body-editor{display:flex;flex-direction:column;gap:.75rem}.body-type-selector{display:flex;gap:.5rem;flex-wrap:wrap}.body-type-option{display:flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.875rem;padding:.3rem .6rem;border-radius:4px;border:1px solid var(--color-border);background:var(--color-bg-secondary)}.body-type-option.active{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-bg));color:var(--color-accent)}.body-type-option input[type=radio]{display:none}.body-content{width:100%;min-height:200px;padding:.6rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:.875rem;resize:vertical;box-sizing:border-box}.body-content:focus{outline:none;border-color:var(--color-accent)}.auth-editor{display:flex;flex-direction:column;gap:.75rem}.auth-type-row,.auth-fields{display:flex;flex-direction:column;gap:.4rem}.auth-editor label{font-size:.85rem;color:var(--color-text-secondary)}.auth-editor input,.auth-editor select{padding:.4rem .5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:.875rem;max-width:400px}.response-meta{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-wrap:wrap}.status-badge{font-weight:700;font-size:.9rem;padding:.2rem .6rem;border-radius:4px}.status-2xx,.status-badge.status-2xx{background:#e8f5e9;color:var(--status-2xx)}.status-3xx,.status-badge.status-3xx{background:#e3f2fd;color:var(--status-3xx)}.status-4xx,.status-badge.status-4xx{background:#fff3e0;color:var(--status-4xx)}.status-5xx,.status-badge.status-5xx{background:#ffebee;color:var(--status-5xx)}@media(prefers-color-scheme:dark){.status-2xx,.status-badge.status-2xx{background:#1b3a1e}.status-3xx,.status-badge.status-3xx{background:#0d2744}.status-4xx,.status-badge.status-4xx{background:#3d2000}.status-5xx,.status-badge.status-5xx{background:#3d0e0e}}.response-time,.response-size{font-size:.85rem;color:var(--color-text-secondary)}.copy-btn{margin-left:auto;padding:.3rem .75rem;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.85rem;color:var(--color-text)}.copy-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.response-loading,.response-empty{padding:2rem;text-align:center;color:var(--color-text-muted)}.cors-error{padding:1.5rem;background:#fff3e0;border-left:4px solid var(--method-delete);margin:0}@media(prefers-color-scheme:dark){.cors-error{background:#2d1a00}}.cors-error strong{color:var(--method-delete)}.cors-error code{background:var(--color-bg-tertiary);padding:.1rem .3rem;border-radius:3px;font-family:var(--font-mono);font-size:.85em}.response-body{margin:0;padding:1rem;font-family:var(--font-mono);font-size:.875rem;overflow-x:auto;white-space:pre-wrap;word-break:break-all}.json-key{color:#9c27b0}.json-string{color:#2e7d32}.json-number{color:#1565c0}.json-boolean{color:#e65100}.json-null{color:#c62828}.json-punctuation{color:var(--color-text-secondary)}.json-plain{color:var(--color-text)}@media(prefers-color-scheme:dark){.json-key{color:#ce93d8}.json-string{color:#a5d6a7}.json-number{color:#90caf9}.json-boolean{color:#ffcc80}.json-null{color:#ef9a9a}}.headers-table{width:100%;border-collapse:collapse;font-size:.875rem}.headers-table th,.headers-table td{text-align:left;padding:.4rem .6rem;border-bottom:1px solid var(--color-border)}.headers-table th{background:var(--color-bg-secondary);font-weight:600;color:var(--color-text-secondary)}.header-key{font-weight:500;color:#9c27b0}@media(prefers-color-scheme:dark){.header-key{color:#ce93d8}}.save-bar{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.save-name-input,.save-collection-select{padding:.4rem .6rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:.875rem}.save-name-input{flex:1;min-width:150px}.save-btn{padding:.4rem .9rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.875rem;color:var(--color-text)}.save-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.save-msg{font-size:.85rem;color:var(--status-2xx)}.save-hint{font-size:.875rem;color:var(--color-text-muted)}.link-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline}.collections-page,.history-page,.environments-page{padding:2rem;max-width:1100px}h1{margin:0 0 1.25rem;font-size:1.35rem;font-weight:700;letter-spacing:-.02em}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.page-header h1{margin:0}.empty-msg{color:var(--color-text-muted);font-size:.9rem}.empty-msg.small{font-size:.8rem;margin:.25rem 0}.create-collection,.create-env{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.create-collection input,.create-env input{flex:1;min-width:200px;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg);color:var(--color-text);font-size:.9rem}.create-collection button,.create-env button{padding:.5rem 1rem;background:var(--color-accent);color:var(--color-on-accent);border:1px solid var(--color-accent);border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s}.create-collection button:hover,.create-env button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.collections-list,.environments-list{display:flex;flex-direction:column;gap:1rem}.collection-item,.env-item{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.collection-header,.env-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);gap:.5rem}.collection-name,.env-name{margin:0;font-size:1rem;font-weight:600}.env-name{cursor:pointer}.env-name:hover{color:var(--color-accent)}.env-name-input{font-size:1rem;font-weight:600;padding:.2rem .5rem;border:1px solid var(--color-accent);border-radius:4px;background:var(--color-bg);color:var(--color-text);flex:1}.active-badge{font-size:.75rem;font-weight:400;color:var(--color-accent)}.env-actions{display:flex;gap:.5rem;align-items:center}.active-btn{padding:.3rem .75rem;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.85rem;background:var(--color-bg-secondary);color:var(--color-text)}.active-btn.active{background:color-mix(in srgb,var(--color-accent) 15%,var(--color-bg));border-color:var(--color-accent);color:var(--color-accent)}.delete-btn{padding:.3rem .75rem;background:none;border:1px solid var(--color-border);border-radius:4px;cursor:pointer;font-size:.85rem;color:var(--method-delete)}.delete-btn:hover{background:#ffebee}@media(prefers-color-scheme:dark){.delete-btn:hover{background:#3d0e0e}}.delete-btn.small{padding:.2rem .5rem;font-size:1rem}.saved-requests{list-style:none;margin:0;padding:0}.saved-request-item{display:flex;align-items:center;border-bottom:1px solid var(--color-border)}.saved-request-item:last-child{border-bottom:none}.load-request-btn{flex:1;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text);font-size:.875rem}.load-request-btn:hover{background:var(--color-bg-secondary)}.request-name{font-weight:500}.request-url{color:var(--color-text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.history-list{list-style:none;margin:0;padding:0;border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.history-item{border-bottom:1px solid var(--color-border)}.history-item:last-child{border-bottom:none}.history-load-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;background:none;border:none;cursor:pointer;text-align:left;color:var(--color-text);font-size:.875rem}.history-load-btn:hover{background:var(--color-bg-secondary)}.history-url{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-time{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.env-item>.kv-editor{padding:1rem}#app{max-width:none;margin-inline:0;padding:0}@media(max-width:768px){.app-layout{flex-direction:column}.app-main{overflow-y:visible}.sidebar{width:100%;min-width:0;height:auto;overflow:visible;position:sticky;top:0;z-index:20;flex-direction:row;flex-wrap:wrap;align-items:center;border-right:none;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.sidebar-title{flex:0 0 auto;border-bottom:none;padding:.85rem 1rem}.sidebar-env{order:2;margin-top:0;margin-left:auto;padding:.5rem 1rem;border-top:none;display:flex;align-items:center;gap:.5rem}.sidebar-env-label,.sidebar-env-active{display:none}.sidebar-env-select{width:auto;min-width:140px;max-width:55vw}.sidebar-nav{order:3;flex:1 1 100%;flex-direction:row;gap:.25rem;padding:.4rem .75rem .6rem;overflow-x:auto;border-top:1px solid var(--color-border);-webkit-overflow-scrolling:touch}.sidebar-link{white-space:nowrap;padding:.45rem .85rem}.request-builder,.collections-page,.history-page,.environments-page{padding:1rem}.request-builder{gap:1rem}.headers-table{table-layout:fixed}.headers-table th,.headers-table td{word-break:break-word}}@media(max-width:560px){.url-bar{flex-wrap:wrap}.url-input{order:-1;flex:1 1 100%}.method-selector,.send-btn{flex:1}.request-url{max-width:none}.save-name-input,.save-collection-select,.save-btn{flex:1 1 100%;min-width:0}}