.home-page{min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e3f2fd 30%,#e9ecef);display:flex;align-items:center;justify-content:center;padding:20px}.home-container{max-width:1000px;width:100%;background:#fff;border-radius:16px;box-shadow:0 10px 40px #007bff1f;overflow:hidden;border:1px solid rgba(0,123,255,.1)}.home-header{background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;padding:80px 40px 60px;text-align:center;position:relative}.home-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.05)"/><circle cx="80" cy="80" r="1" fill="rgba(255,255,255,0.03)"/><circle cx="40" cy="60" r="0.5" fill="rgba(255,255,255,0.04)"/><circle cx="70" cy="30" r="0.8" fill="rgba(255,255,255,0.02)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>') repeat;opacity:.6}.logo{position:relative;z-index:1}.logo h1{font-size:2.8rem;font-weight:500;margin-bottom:20px;letter-spacing:-.02em;color:#fffffff2}.logo p{font-size:1.1rem;opacity:.85;font-weight:300;letter-spacing:.3px;color:#fffc}.home-main{padding:80px 40px 60px;background:linear-gradient(to bottom,#fff,#fafbfc)}.welcome-section{text-align:center;margin-bottom:60px}.welcome-section h2{font-size:2rem;color:#2c3e50;margin-bottom:20px;font-weight:400;letter-spacing:-.01em}.welcome-section p{font-size:1.1rem;color:#6c757d;line-height:1.7;font-weight:300;max-width:600px;margin:0 auto}.action-buttons{display:flex;justify-content:center;gap:24px;margin-bottom:80px}.action-buttons .btn{padding:18px 36px;font-size:1rem;min-width:200px;border-radius:10px;font-weight:500;text-transform:none;letter-spacing:.3px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #0000001a}.action-buttons .btn-primary{background:linear-gradient(135deg,#007bff,#0056b3);border:none;color:#fff;display:flex;justify-content:center}.action-buttons .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#0056b3,#004085);transform:translateY(-2px);box-shadow:0 8px 25px #007bff4d}.action-buttons .btn-secondary{background:#fff;color:#007bff;border:2px solid #e3f2fd;display:flex;justify-content:center}.action-buttons .btn-secondary:hover:not(:disabled){background:#f8f9fa;border-color:#007bff;color:#0056b3;transform:translateY(-2px);box-shadow:0 8px 25px #007bff26}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:40px}.feature-card{background:#fff;padding:40px 32px;border-radius:12px;text-align:center;border:1px solid #f1f3f4;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#007bff,#4dabf7);transform:scaleX(0);transition:transform .3s ease}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #007bff26;border-color:#e3f2fd}.feature-card:hover:before{transform:scaleX(1)}.feature-card h3{font-size:1.2rem;margin-bottom:20px;color:#007bff;font-weight:500;letter-spacing:-.01em}.feature-card p{color:#6c757d;line-height:1.7;font-weight:300;font-size:.95rem}.home-footer{background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:32px 40px;text-align:center;border-top:1px solid #f1f3f4}.home-footer p{color:#6c757d;font-size:.9rem;margin:0;font-weight:300;letter-spacing:.3px}@media (max-width: 768px){.home-header{padding:60px 20px 40px}.logo h1{font-size:2.2rem}.logo p{font-size:1rem}.home-main{padding:60px 20px 40px}.welcome-section h2{font-size:1.6rem}.welcome-section p{font-size:1rem}.action-buttons{flex-direction:column;align-items:center;gap:16px}.action-buttons .btn{width:100%;max-width:300px}.features{grid-template-columns:1fr;gap:24px}.feature-card{padding:32px 24px}.home-footer{padding:24px 20px}}@media (max-width: 480px){.home-container{border-radius:12px;margin:10px}.logo h1{font-size:1.8rem}.home-main{padding:40px 16px 32px}.welcome-section{margin-bottom:40px}.welcome-section h2{font-size:1.4rem}.action-buttons{margin-bottom:60px}.features{gap:20px}.feature-card{padding:24px 20px}}.api-form{display:flex;flex-direction:column;gap:0}.form-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid #e9ecef}.form-actions .btn{flex:1;display:flex;justify-content:center}.form-group select[name=method]{font-weight:600;background-color:#f8f9fa}.form-group input[name=endpoint]{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px}.form-group textarea{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.4}.form-group select[name=responseStatus]{font-weight:600}.form-group label:after{content:""}.form-group:has(input[required]) label:after,.form-group:has(textarea[required]) label:after,.form-group:has(select[required]) label:after{content:" *";color:#dc3545}.form-control:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}@media (max-width: 768px){.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.api-list{display:flex;flex-direction:column;gap:10px}.api-list-empty{text-align:center;padding:40px 20px;color:#666;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px}.api-item{background:#fff;border:1px solid #e9ecef;border-radius:8px;overflow:hidden;transition:all .2s ease;cursor:pointer}.api-item:hover{border-color:#007bff;box-shadow:0 4px 12px #007bff26;transform:translateY(-1px)}.api-item.selected{border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.api-item-content{padding:12px 16px;display:flex;flex-direction:column;gap:12px}.api-item-header{display:flex;align-items:flex-start;gap:16px}.api-item-header .method-badge{flex-shrink:0;margin-top:2px}.api-item-header .endpoint{font-family:D2Coding,Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;font-weight:500;color:#333;flex:1;line-height:1.4;word-break:break-all}.api-description{font-size:13px;color:#666;line-height:1.5;margin-left:0;padding-left:0}.api-item-actions{display:flex;gap:8px;padding:0 20px 16px;border-top:1px solid #f1f3f4;background:#fafbfc;justify-content:flex-end}.api-item:hover .api-item-actions{background:#f1f3f4}.api-item-actions .btn{padding:8px 12px;font-size:12px;border-radius:6px;min-width:auto}@media (max-width: 768px){.api-item-header{flex-direction:column;align-items:flex-start;gap:12px}.api-item-content{padding:14px 16px}.api-item-actions{padding:0 16px 14px;justify-content:flex-start}}.preview-page{min-height:100vh;background-color:#f8f9fa}.preview-header{background-color:#fff;border-bottom:1px solid #e9ecef;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 4px #0000001a}.header-left h1{margin:0;font-size:24px;font-weight:600;color:#212529}.header-right{display:flex;align-items:center;gap:12px}.api-count{font-size:14px;color:#6c757d;font-weight:500}.preview-content{padding:24px;max-width:1200px;margin:0 auto}.empty-state{text-align:center;padding:80px 20px;background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.empty-state h3{margin:0 0 12px;color:#495057;font-size:20px}.empty-state p{margin:0 0 24px;color:#6c757d;font-size:16px}.api-documentation{display:flex;flex-direction:column;gap:24px}.api-overview{background-color:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a}.api-overview h2{margin:0 0 16px;font-size:20px;font-weight:600;color:#212529}.method-summary{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.method-badge{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;padding:8px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px;min-width:auto;white-space:nowrap;box-sizing:border-box;border:2px solid transparent;text-shadow:0 1px 2px rgba(0,0,0,.1);line-height:1}.method-badge.small{font-size:10px;font-weight:600;padding:4px 10px;border-radius:12px;min-width:45px;text-align:center}.api-list-container{display:flex;flex-direction:column;gap:24px}.method-group{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.method-group-title{margin:0;padding:16px 24px;background-color:#f8f9fa;border-bottom:1px solid #e9ecef;display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;color:#495057}.method-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid white;box-shadow:0 1px 3px #0003}.method-name{font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#333}.method-label{color:#6c757d;font-weight:500}.method-count{color:#6c757d;font-weight:400;font-size:14px}.api-item{border-bottom:1px solid #f1f3f4}.api-item:last-child{border-bottom:none}.api-summary{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background-color .2s}.api-summary:hover{background-color:#f8f9fa}.api-summary-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.endpoint{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#495057;font-weight:500;word-break:break-all}.api-summary-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.description{color:#6c757d;font-size:14px;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.expand-icon{color:#6c757d;font-size:12px;transition:transform .2s;flex-shrink:0}.api-details{border-top:1px solid #e9ecef;background-color:#f8f9fa}.detail-tabs{display:flex;border-bottom:1px solid #dee2e6;background-color:#fff;overflow-x:auto}.tab-btn{padding:12px 20px;border:none;background-color:transparent;color:#6c757d;font-size:14px;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s;white-space:nowrap;flex-shrink:0}.tab-btn:hover{color:#495057;background-color:#f8f9fa}.tab-btn.active{color:#007bff;border-bottom-color:#007bff;background-color:#fff}.tab-content{padding:20px 24px}.method-badge[style*="#61affe"]{background-color:#61affe!important}.method-badge[style*="#49cc90"]{background-color:#49cc90!important}.method-badge[style*="#fca130"]{background-color:#fca130!important}.method-badge[style*="#f93e3e"]{background-color:#f93e3e!important}.method-badge[style*="#50e3c2"]{background-color:#50e3c2!important}.method-badge[style*="#9012fe"]{background-color:#9012fe!important}.method-badge[style*="#0d5aa7"]{background-color:#0d5aa7!important}@media (max-width: 768px){.preview-header{flex-direction:column;gap:12px;align-items:stretch;text-align:center}.header-left,.header-right{justify-content:center}.preview-content{padding:16px}.api-summary{flex-direction:column;align-items:stretch;gap:12px}.api-summary-left{justify-content:flex-start}.api-summary-right{justify-content:space-between}.description{max-width:none;flex:1}.method-summary{justify-content:center;gap:8px}.method-badge{font-size:11px;padding:6px 12px}.method-badge.small{font-size:9px;padding:3px 8px;min-width:40px}.detail-tabs{flex-wrap:nowrap;overflow-x:auto}.tab-btn{flex:1;min-width:120px}}*{box-sizing:border-box}.api-overview .method-badge,.api-summary .method-badge{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.api-preview{background:#fff;border-radius:8px;overflow:hidden}.api-header{background:#f8f9fa;padding:24px;border-bottom:1px solid #e9ecef}.api-title{display:flex;align-items:flex-start;gap:20px;margin-bottom:16px;flex-wrap:wrap}.api-title .method-badge{flex-shrink:0;margin-top:4px;margin-right:8px}.api-title .endpoint{font-family:D2Coding,Monaco,Menlo,Ubuntu Mono,monospace;font-size:1.2rem;font-weight:600;color:#333;line-height:1.4;word-break:break-all;flex:1;min-width:0;padding-left:4px}.api-description{color:#666;line-height:1.6;margin:12px 0 0;font-size:15px}.api-sections{padding:0}.api-section{border-bottom:1px solid #f1f3f4;padding:24px}.api-section:last-child{border-bottom:none}.api-section h4{font-size:1rem;font-weight:600;color:#333;margin-bottom:16px;text-transform:uppercase;letter-spacing:.8px;font-size:.9rem;display:flex;align-items:center;gap:8px}.response-header{margin-bottom:16px;display:flex;align-items:center;gap:12px}.api-section .code-block{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin:0;position:relative}.api-section .code-block:before{content:"JSON";position:absolute;top:8px;right:12px;font-size:10px;color:#999;font-weight:500;letter-spacing:.5px}.api-section .code-block pre{font-family:D2Coding,Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.6;color:#333;margin:0;white-space:pre-wrap;word-break:break-word}.api-section h4:before{content:"";display:inline-block;width:4px;height:18px;background:#007bff;margin-right:8px;border-radius:2px}.api-section:nth-child(1) h4:before{background:#28a745}.api-section:nth-child(2) h4:before{background:#ffc107}.api-section:nth-child(3) h4:before{background:#dc3545}.api-section:empty{display:none}@media (max-width: 768px){.api-title{flex-direction:column;align-items:flex-start;gap:16px}.api-title .method-badge{margin-top:0;margin-right:0}.api-title .endpoint{font-size:1.1rem;padding-left:0}.api-header,.api-section{padding:20px}.api-section .code-block{padding:16px}.api-section .code-block pre{font-size:12px}.response-header{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 480px){.api-header,.api-section{padding:16px}.api-title .endpoint{font-size:1rem}.api-section h4{font-size:.85rem}}.editor-page{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.editor-header{background:#fff;border-bottom:1px solid #e9ecef;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header-left{display:flex;align-items:center;gap:16px}.header-left h1{font-size:1.5rem;font-weight:600;color:#333}.header-right{display:flex;gap:10px}.editor-content{flex:1;display:flex;min-height:0}.sidebar{width:400px;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;max-height:calc(100vh - 80px)}.api-form-section{border-bottom:1px solid #e9ecef;padding:20px;overflow-y:auto}.api-form-section h3{margin-bottom:16px;color:#333;font-weight:600}.api-list-section{flex:1;padding:20px;overflow-y:auto;min-height:40vh;display:flex;flex-direction:column}.api-list-section h3{margin-bottom:16px;color:#333;font-weight:600;display:flex;align-items:center;gap:8px}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.preview-section{flex:1;padding:20px;background:#fff;overflow-y:auto}.preview-section h3{margin-bottom:20px;color:#333;font-weight:600;border-bottom:1px solid #e9ecef;padding-bottom:10px}.no-selection{display:flex;align-items:center;justify-content:center;height:300px;color:#666;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px}.no-selection p{font-size:1.1rem}@media (max-width: 1024px){.editor-content{flex-direction:column}.sidebar{width:100%;max-height:100vh;border-right:none;border-bottom:1px solid #e9ecef}.api-form-section{max-height:60vh}.api-list-section{max-height:20vh}}@media (max-width: 768px){.editor-header{flex-direction:column;gap:16px;text-align:center}.header-left,.header-right{flex-direction:column;gap:8px}.editor-page{padding:0}.sidebar,.preview-section{padding:16px}.api-form-section{max-height:50vh}.api-list-section{min-height:20vh}}.api-tester{max-width:800px;margin:0 auto}.tester-header{margin-bottom:24px;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border:1px solid #e9ecef}.api-info{display:flex;align-items:center;gap:12px;margin-bottom:8px}.api-info .method-badge{font-size:11px;font-weight:700;padding:6px 12px;border-radius:16px;color:#fff;text-transform:uppercase;letter-spacing:.5px}.api-info .endpoint{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:16px;font-weight:600;color:#495057}.api-description{color:#6c757d;font-size:14px;margin:0;line-height:1.5}.test-form{background:#fff;padding:24px;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:24px}.form-section{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:600;color:#495057;font-size:14px}.form-control{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .2s ease;font-family:inherit}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.url-input-group{display:flex;flex-direction:column;gap:12px}.example-servers{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.example-label{font-size:12px;color:#6c757d;font-weight:500}.example-btn{padding:4px 8px;background:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;font-size:11px;cursor:pointer;transition:all .2s ease;color:#495057}.example-btn:hover{background:#007bff;color:#fff;border-color:#007bff}.test-btn{width:100%;padding:14px 20px;background:linear-gradient(135deg,#007bff,#0056b3);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.test-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #007bff4d}.test-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.loading-spinner{width:16px;height:16px;border:2px solid transparent;border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-container{background:#fff5f5;border:1px solid #fed7d7;border-radius:12px;padding:20px;margin-bottom:24px}.error-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.error-icon{font-size:24px;flex-shrink:0}.error-info{flex:1}.error-title{margin:0 0 8px;font-size:18px;font-weight:600;color:#c53030}.error-message{margin:0 0 12px;color:#718096;font-size:14px;line-height:1.5}.error-meta{display:flex;gap:16px;flex-wrap:wrap}.error-time,.error-url{font-size:12px;color:#a0aec0;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.error-solutions{border-top:1px solid #fed7d7;padding-top:20px}.solution-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #0000001a}.solution-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.solution-icon{font-size:20px;flex-shrink:0}.solution-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#2d3748}.solution-description{margin:0;font-size:14px;color:#718096}.solution-list{display:grid;gap:8px}.solution-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f7fafc;border-radius:6px;border-left:3px solid #4299e1;transition:all .2s ease}.solution-item:hover{background:#edf2f7;transform:translate(2px)}.solution-item-icon{font-size:16px;flex-shrink:0}.solution-item-text{font-size:14px;color:#4a5568;line-height:1.4}.response-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.response-header{padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.response-header h4{margin:0;font-size:18px;font-weight:600;color:#495057}.response-meta{display:flex;align-items:center;gap:12px}.status-badge{padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;color:#fff}.status-badge.success{background:linear-gradient(135deg,#48bb78,#38a169)}.status-badge.warning{background:linear-gradient(135deg,#ed8936,#dd6b20)}.status-badge.error{background:linear-gradient(135deg,#f56565,#e53e3e)}.response-time{font-size:12px;color:#6c757d;font-family:Monaco,Menlo,Ubuntu Mono,monospace}.response-tabs{padding:20px}.tab-section{margin-bottom:24px}.tab-section:last-child{margin-bottom:0}.tab-section h5{margin:0 0 12px;font-size:14px;font-weight:600;color:#495057;text-transform:uppercase;letter-spacing:.5px}.code-block{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:16px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;color:#495057;overflow-x:auto;max-height:300px;overflow-y:auto}@media (max-width: 768px){.api-tester{margin:0}.tester-header,.test-form{padding:16px}.api-info{flex-direction:column;align-items:flex-start;gap:8px}.response-header{flex-direction:column;gap:12px;align-items:stretch;text-align:center}.response-meta{justify-content:center}.error-header{flex-direction:column;text-align:center}.error-meta{justify-content:center}.solution-item{flex-direction:column;text-align:center;gap:8px}.example-servers{justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-feature-settings:"tnum"}.app{min-height:100vh}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover:not(:disabled){background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#545b62}.btn-ghost{background-color:transparent;color:#007bff;border:1px solid #007bff}.btn-ghost:hover:not(:disabled){background-color:#007bff;color:#fff}.btn-danger{color:#dc3545;border-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#dc3545;color:#fff}.btn-small{padding:6px 10px;font-size:12px}.form-group{margin-bottom:16px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#555}.form-control{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .2s ease;font-family:inherit}.form-control:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 2px #007bff40}.form-control::placeholder{color:#999}textarea.form-control{resize:vertical;min-height:60px}.code-block{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:4px;padding:16px;margin:8px 0;overflow-x:auto}.code-block pre{margin:0;font-family:D2Coding,Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;color:#333}.method-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;text-align:center;min-width:65px;letter-spacing:.5px}.method-badge.small{padding:4px 8px;font-size:11px;min-width:55px}.status-badge{display:inline-block;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#fff;letter-spacing:.5px}@media (max-width: 768px){.form-row{flex-direction:column;gap:0}.btn{padding:12px 16px;font-size:16px}}