:root{--playground-input-bg: var(--bg-secondary, #111111);--playground-output-bg: var(--code-bg, #161616);--input-bg: var(--bg-tertiary, #1a1a1a);--input-border: var(--border-color, #333333);--input-focus: var(--accent-primary, #3b82f6);--input-text: var(--text-primary, #ffffff);--btn-primary-bg: var(--accent-primary, #3b82f6);--btn-primary-hover: #2563eb;--btn-secondary-bg: transparent;--btn-secondary-border: var(--border-color, #333333);--code-tab-bg: #0d0d0d;--code-tab-active-bg: #1a1a1a;--code-block-bg: #0d0d0d;--playground-gap: 1.5rem;--panel-padding: 1rem;--input-spacing: .875rem}[data-theme=light]{--playground-input-bg: #f9fafb;--playground-output-bg: #f3f4f6;--input-bg: #ffffff;--input-border: #d1d5db;--input-text: #111827;--code-tab-bg: #e5e7eb;--code-tab-active-bg: #ffffff;--code-block-bg: #1e1e1e}.api-playground{margin:1rem 0;min-width:0}.playground-container{display:grid;grid-template-columns:440px 1fr;gap:var(--playground-gap);min-height:600px}@media (max-width: 1024px){.playground-container{grid-template-columns:380px 1fr}}@media (max-width: 768px){.playground-container{grid-template-columns:1fr;grid-template-rows:auto auto;gap:1.5rem}.playground-output-panel{max-height:600px;overflow-y:auto}}.playground-input-panel,.playground-output-panel{display:flex;flex-direction:column;min-width:0}.input-panel,.output-panel{flex:1;display:flex;flex-direction:column}.input-panel{background:var(--playground-input-bg);padding:var(--panel-padding);border-radius:.5rem;border:1px solid var(--input-border)}.panel-header{margin-bottom:1rem}.panel-header h2{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.panel-content{flex:1;min-width:0;overflow:hidden}.output-panel{background:var(--playground-output-bg);border-radius:.5rem;border:1px solid var(--input-border);overflow:hidden;min-width:0}.form-header{margin-bottom:.75rem}.form-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.form-description{font-size:.875rem;color:var(--text-secondary, #9ca3af);margin:0}.input-group{display:flex;align-items:center;gap:.75rem;margin-bottom:var(--input-spacing)}.input-group label{flex-shrink:0;width:120px;font-size:.875rem;font-weight:500;color:var(--text-secondary, #d1d5db);margin:0}.input-group .optional{font-weight:400;color:var(--text-tertiary, #6b7280)}.input-field{flex:1;min-width:0;padding:.5rem .75rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.375rem;color:var(--input-text);font-size:.875rem;font-family:var(--font-mono, monospace);transition:all .2s ease}.input-field:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #3b82f61a}.input-field::placeholder{color:var(--text-tertiary, #6b7280)}.input-field-wrapper{flex:1;min-width:0}.input-field-wrapper .input-field{width:100%}.input-field-wrapper .input-hint{margin-left:0}.input-hint{display:block;margin-top:.25rem;margin-left:calc(120px + .75rem);font-size:.75rem;color:var(--text-tertiary, #6b7280)}.input-hint code{background:var(--code-bg, #0d0d0d);padding:.125rem .375rem;border-radius:.25rem;font-family:var(--font-mono, monospace);font-size:.75rem}.tracking-items{margin-bottom:1rem}.tracking-item{background:var(--input-bg);padding:.75rem;border-radius:.375rem;border:1px solid var(--input-border);margin-bottom:.75rem}.item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.item-number{font-size:.875rem;font-weight:600;color:var(--text-primary)}.btn-remove{background:transparent;border:1px solid var(--input-border);color:var(--text-secondary);font-size:1.5rem;line-height:1;width:2rem;height:2rem;border-radius:.25rem;cursor:pointer;transition:all .2s ease}.btn-remove:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.btn-add{width:100%;padding:.5rem;background:var(--btn-secondary-bg);border:1px solid var(--btn-secondary-border);color:var(--text-primary);font-size:.875rem;font-weight:500;border-radius:.375rem;cursor:pointer;transition:all .2s ease}.btn-add:hover{background:var(--input-bg)}.limit-message{text-align:center;font-size:.875rem;color:var(--text-tertiary);margin:1rem 0 0}.missing-carrier-hint{margin-top:.375rem;font-size:.75rem;color:var(--text-tertiary, #6b7280)}.missing-carrier-hint a{color:var(--accent-primary, #3b82f6);text-decoration:underline}.select-field{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M2 4l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:.75rem;padding-right:2.5rem;cursor:pointer}.select-field:disabled{opacity:.5;cursor:not-allowed}.select-field option{background:var(--input-bg);color:var(--input-text)}.checkbox-group{flex-wrap:wrap}.checkbox-group>label{display:flex;align-items:center;gap:.5rem;cursor:pointer;width:auto;flex-shrink:0;margin:0}.checkbox-group input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent-primary, #3b82f6);cursor:pointer;flex-shrink:0}.checkbox-group>label>span{font-size:.875rem;font-weight:500;color:var(--text-secondary, #d1d5db)}.checkbox-group>.input-hint{width:100%;margin-top:0;margin-left:0}.no-params-message{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.no-params-message p{margin:0 0 .5rem}.no-params-message p:first-child{font-size:1.125rem;font-weight:500;color:var(--text-primary)}.no-params-message .hint{font-size:.875rem;color:var(--text-tertiary)}.param-section{margin-bottom:2rem}.param-section h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.input-info-message{margin:0;font-size:.8125rem;color:var(--text-tertiary, #6b7280);line-height:1.5}.warning-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:1rem;border-radius:.375rem;font-size:.9375rem;text-align:center;margin-top:1.5rem}.code-display{display:flex;flex-direction:column;height:100%;min-width:0}.code-tabs{display:flex;background:var(--code-tab-bg);border-bottom:1px solid var(--input-border)}.code-tab{padding:.75rem 1.5rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.code-tab:hover{background:#ffffff0d;color:var(--text-primary)}.code-tab.active{background:var(--code-tab-active-bg);color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.code-block-container{position:relative;flex:1;min-width:0;overflow:hidden}.copy-button{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:.25rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:10}.copy-button:hover{background:var(--btn-primary-hover)}.code-block{margin:0;padding:1.5rem 6rem 1.5rem 1.5rem;background:var(--code-block-bg);color:var(--text-primary);font-family:var(--font-mono, monospace);font-size:.875rem;line-height:1.6;overflow-x:auto;max-width:100%}.code-block code{display:block;white-space:pre}.btn-execute{width:100%;padding:.75rem 1rem;background:var(--btn-primary-bg);color:#fff;border:none;border-radius:.375rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:1rem}.btn-execute:hover:not(:disabled){background:var(--btn-primary-hover)}.btn-execute:disabled{opacity:.6;cursor:not-allowed}.output-mode-tabs{display:flex;background:var(--code-tab-bg);border-bottom:1px solid var(--input-border)}.output-mode-tab{padding:.625rem 1.25rem;background:transparent;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent}.output-mode-tab:hover{color:var(--text-primary);background:#ffffff0d}.output-mode-tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.response-display{padding:1.5rem}.response-display.response-empty,.response-display.response-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;color:var(--text-tertiary, #6b7280)}.response-display.response-loading p,.response-display.response-empty p{margin:0;font-size:.9375rem}.response-spinner{width:1.5rem;height:1.5rem;border:2px solid var(--input-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.response-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.response-status{font-size:.9375rem;font-weight:600;font-family:var(--font-mono, monospace);padding:.25rem .625rem;border-radius:.25rem}.response-status.status-success{background:#22c55e26;color:#22c55e}.response-status.status-client-error{background:#fbbf2426;color:#fbbf24}.response-status.status-server-error{background:#ef444426;color:#ef4444}.response-status.status-unknown{background:#9ca3af26;color:#9ca3af}.response-duration{font-size:.8125rem;color:var(--text-tertiary, #6b7280);font-family:var(--font-mono, monospace)}.response-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.375rem;padding:.75rem 1rem;margin-bottom:1rem}.response-error p{margin:0;color:#fca5a5;font-size:.875rem}.response-body{min-width:0;overflow:hidden}.response-body .code-block{padding-right:1.5rem;font-size:.8125rem}@media (max-width: 768px){.input-group{flex-direction:column;align-items:stretch;gap:.5rem}.input-group label{width:auto}.input-hint{margin-left:0}.checkbox-group>.input-hint{margin-left:0}.code-tabs{overflow-x:auto;white-space:nowrap}.code-tab{padding:.625rem 1rem;font-size:.8125rem}.copy-button{position:static;width:100%;margin-bottom:1rem}.code-block{padding-right:1.5rem}}.playground-page{display:grid;grid-template-columns:270px 1fr;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;min-height:calc(100vh - 200px);align-items:start}.playground-sidebar{position:sticky;top:80px;padding:1.5rem;background:var(--playground-input-bg);border-radius:.5rem;border:1px solid var(--input-border)}.playground-sidebar section{margin-bottom:2rem}.playground-sidebar section:last-child{margin-bottom:0}.playground-sidebar h3{font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.playground-sidebar ul{list-style:none;padding:0;margin:0}.playground-sidebar li{margin-bottom:.25rem}.playground-sidebar a{display:flex;align-items:baseline;gap:.5rem;padding:.5rem .75rem;border-radius:.375rem;text-decoration:none;color:var(--text-primary);transition:all .2s}.playground-sidebar a:hover{background:#3b82f61a}.playground-sidebar a.active{background:var(--accent-primary);color:#fff}.playground-sidebar .method{font-size:.75rem;font-weight:700;padding:.25rem .5rem;border-radius:.25rem;flex-shrink:0}.playground-sidebar .method.GET{background:#22c55e33;color:#22c55e}.playground-sidebar .method.POST{background:#3b82f633;color:#3b82f6}.playground-sidebar .method.PUT{background:#fb923c33;color:#fb923c}.playground-sidebar .method.DELETE{background:#ef444433;color:#ef4444}.playground-sidebar a.active .method.GET{background:#22c55e4d;color:#86efac}.playground-sidebar a.active .method.POST{background:#3b82f64d;color:#93c5fd}.playground-sidebar a.active .method.PUT{background:#fb923c4d;color:#fdba74}.playground-sidebar a.active .method.DELETE{background:#ef44444d;color:#fca5a5}.playground-sidebar .path{font-size:.8125rem;font-family:var(--font-mono, monospace);flex:1;min-width:0;word-break:break-all}.playground-main{min-height:600px;min-width:0}.endpoint-not-found{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.endpoint-not-found p{margin:.5rem 0}.endpoint-not-found p:first-child{font-size:1.125rem;font-weight:500;color:var(--text-primary)}@media (max-width: 1024px){.playground-page{grid-template-columns:1fr}.playground-sidebar{position:static;max-height:400px}}