:root{--ink:#213b38;--muted:#60736f;--green:#176e59;--green-dark:#115442;--green-light:#e7f3ed;--line:#dce4df;--surface:#fff;--bg:#f6f8f5;--red:#a43835;--amber:#94611a;--radius:10px;font-family:Inter,"Noto Sans Thai",Tahoma,system-ui,sans-serif;color:var(--ink);font-size:14px;line-height:1.6;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--green)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #64ad94;outline-offset:3px}input,select,textarea{border:1px solid #cbd7d0;border-radius:7px;background:white;color:var(--ink);padding:9px 11px;min-width:0}input::placeholder,textarea::placeholder{color:#7c8984}textarea{resize:vertical;min-height:125px}input[type=checkbox]{accent-color:var(--green);width:17px;height:17px}h1,h2,h3,p{margin:0}h1{font-size:25px;line-height:1.4;letter-spacing:-.5px}h2{font-size:18px}h3{font-size:15px}small,.muted{color:var(--muted)}pre,code,.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7}pre{margin:0;white-space:pre-wrap;word-break:break-word}label{display:grid;gap:5px;font-weight:500}fieldset{border:0;padding:0;margin:0;min-width:0}hr{border:0;border-top:1px solid var(--line);margin:20px 0}[hidden]{display:none!important}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}
.topbar{height:80px;display:flex;align-items:center;gap:16px;background:white;border-bottom:1px solid var(--line);padding:0 26px;position:relative;z-index:2}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);font-size:18px;font-weight:750;letter-spacing:-.4px;white-space:nowrap}.brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:600;margin-top:-3px}.brand-mark{background:var(--green);color:#fff;border-radius:11px;font-size:24px;width:40px;height:40px;display:grid;place-items:center;position:relative}.brand-mark span{font-size:14px;position:absolute;right:4px;top:0}.top-divider{height:30px;width:1px;background:var(--line);margin:0 5px}.select-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;gap:0;color:var(--muted)}.select-label select{border:0;font-size:13px;font-weight:600;max-width:260px;padding:3px 22px 3px 0}.language-label select{min-width:82px}.top-spacer{flex:1}.avatar{background:#e9ece4;border:1px solid #d8dfd4;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 15px;border:1px solid #cfdad3;border-radius:7px;background:#fff;color:var(--ink);font-weight:550;font-size:13px;text-decoration:none;white-space:nowrap}.button:hover:not(:disabled){background:#f0f5f1;border-color:#a8bdb0}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.primary:hover:not(:disabled){background:var(--green-dark)}.button.quiet{background:transparent;border-color:transparent}.button.danger{color:var(--red)}.icon-button{width:32px;height:32px;background:transparent;border:0;border-radius:6px;color:var(--muted);font-size:19px}.icon-button:hover{background:var(--green-light);color:var(--green)}.badge{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:5px;padding:2px 7px;color:var(--muted);font-size:10px;line-height:1.6;white-space:nowrap}.badge.green,.badge.passed,.badge.published{color:#19664b;background:#eaf5ed;border-color:#c4dfcc}.badge.failed,.badge.interrupted,.badge.expired{color:var(--red);background:#fdf0ee;border-color:#f0d2ca}.badge.review,.badge.running,.badge.queued{color:var(--amber);background:#fff5df;border-color:#edddba}.service-notice{padding:8px 28px;background:#fff8e8;color:#79541f;border-bottom:1px solid #efdfb8;font-size:12px}
.shell{display:flex;min-height:calc(100vh - 80px)}.sidebar{width:250px;flex-shrink:0;border-right:1px solid var(--line);padding:24px 16px 16px;display:flex;flex-direction:column;background:#f8faf7}.sidebar-caption{display:flex;align-items:center;justify-content:space-between;letter-spacing:1.8px;font-size:10px;color:#7b8c82;margin:0 10px 16px}.navigation{display:grid;gap:3px}.nav-item{display:flex;align-items:center;gap:11px;border:0;border-radius:7px;padding:10px 12px;background:transparent;color:#596d65;text-align:left;font-size:13px}.nav-item>span:first-child{font-size:17px;min-width:18px;text-align:center}.nav-item.active{background:#e7efe8;color:#205844;font-weight:650}.nav-item:hover{background:#edf2eb}.count{margin-left:auto;font-size:11px;background:#d5e6d7;padding:0 7px;border-radius:4px}.sidebar-section{display:flex;align-items:center;justify-content:space-between;margin:29px 8px 10px;font-size:10px;color:#778a7c;letter-spacing:1.4px}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px;margin:0 5px 15px}.search input{width:100%;border:0;background:transparent;padding:8px 0;font-size:12px}.search kbd{font-size:10px;background:#f3f5f2;border:1px solid var(--line);border-radius:3px;padding:0 4px;color:#849087}.api-tree{max-height:44vh;overflow:auto;padding:0 3px}.folder-label{font-size:11px;color:#718275;padding:8px 8px 4px}.api-item{display:flex;gap:8px;align-items:center;padding:9px 8px;width:100%;border:0;border-radius:6px;text-align:left;background:transparent;color:#4e6257;font-size:12px}.api-item.active{background:#e9f1e8;color:#163b2b}.api-item:hover{background:#edf2e9}.api-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.method{font:700 10px/1.5 ui-monospace,monospace;min-width:40px;color:#268a68}.method.POST{color:#aa761a}.method.PUT,.method.PATCH{color:#4d6aac}.method.DELETE{color:#ae5950}.import-button{width:calc(100% - 10px);margin:18px 5px;background:transparent;border-style:dashed;font-size:12px}.sidebar-footer{margin-top:auto;padding:25px 9px 0;font-size:11px;color:var(--muted)}.sidebar-footer small{display:block;margin-top:4px;font-size:10px;color:#8c978d}.status-dot{display:inline-block;background:#bb9151;width:6px;height:6px;border-radius:50%;margin-right:7px}.status-dot.online{background:#299f6c}
main{min-width:0;flex:1;outline:none}.page{padding:30px 36px;max-width:1440px;margin:auto}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#87958a;margin-bottom:7px}.subtitle{font-size:13px;color:var(--muted);margin-top:6px;max-width:700px}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.open-tabs{display:flex;border-bottom:1px solid var(--line);background:#f0f4ee;padding:0 20px;gap:3px;overflow:auto;min-height:43px}.open-tab{display:flex;align-items:center;gap:10px;background:transparent;border:0;border-bottom:2px solid transparent;padding:11px 13px;font-size:12px;color:#718071;white-space:nowrap}.open-tab.active{background:var(--bg);border-bottom-color:var(--green);color:var(--ink)}.open-tab .close-tab{font-size:15px;padding:0 4px}.request-heading{display:flex;gap:10px;align-items:center;margin:22px 0}.request-heading input{flex:1;border:0;background:transparent;padding:0;font-size:24px;font-weight:650}.metadata{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:11px;flex-wrap:wrap}.metadata input{font-size:11px;padding:4px 8px;width:150px;background:transparent}.request-bar{display:flex;gap:10px;margin:22px 0 16px}.url-input{flex:1;display:flex;background:#fff;border:1px solid #c9d6cd;border-radius:8px;overflow:hidden;box-shadow:0 2px 3px #193e2210}.url-input select{border:0;border-right:1px solid var(--line);border-radius:0;font:700 12px ui-monospace,monospace;color:var(--green);width:105px;background:#fcfdfb}.url-input input{width:100%;border:0;font:12px ui-monospace,monospace;padding:14px}.request-bar>.button{min-width:98px}.editor-card{background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 3px 9px #31452e03}.tablist{display:flex;gap:22px;padding:0 22px;border-bottom:1px solid var(--line);overflow:auto}.tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:14px 0 12px;font-size:12px;white-space:nowrap;color:var(--muted)}.tab.active{border-bottom-color:var(--green);color:var(--green);font-weight:650}.panel{padding:22px}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:15px}.panel-title small{font-size:11px}.section-gap{margin-top:24px}.kv-table{width:100%;border-collapse:collapse;font-size:12px}.kv-table th{font-weight:500;color:#778679;background:#f8faf7;text-align:left;padding:8px 12px;border:1px solid var(--line)}.kv-table td{padding:0;border:1px solid var(--line)}.kv-table td input{width:100%;border:0;border-radius:0;padding:9px 12px;font:12px ui-monospace,monospace}.kv-table td:last-child{width:35px;text-align:center}.add-row{font-size:11px;color:var(--green);border:0;background:transparent;padding:10px 0}.code-editor{width:100%;min-height:170px;background:#fafcf9;font:12px/1.8 ui-monospace,monospace;tab-size:2;padding:14px;border-color:var(--line)}.help{font-size:11px;color:var(--muted);margin:8px 0}.response-card{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}.response-title{padding:14px 21px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);font-size:12px}.response-title h3{font-size:13px;margin-right:auto}.response-body{padding:20px;max-height:500px;overflow:auto}.response-empty{min-height:170px;display:grid;place-content:center;text-align:center;gap:6px;color:#829082;font-size:12px}.response-empty .symbol{font-size:25px;color:#abb9a8}.editor-footer{display:flex;justify-content:space-between;gap:15px;margin-top:16px;font-size:10px;color:#899789}.editor-footer kbd{background:#ebf0e8;border:1px solid #dae3d4;border-radius:3px;padding:1px 4px}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid{display:grid;gap:16px}.form-grid label{font-size:12px}.form-row{display:flex;gap:12px;align-items:end}.form-row>label{flex:1}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px;margin-bottom:18px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.empty{padding:70px 24px;text-align:center;max-width:650px;margin:30px auto}.empty-icon{width:64px;height:64px;border-radius:18px;background:#e4eee2;color:#57816b;display:grid;place-items:center;font-size:30px;margin:0 auto 22px}.empty h1{font-size:25px}.empty p{color:var(--muted);font-size:13px;margin:12px 0 25px}.empty .actions{justify-content:center}.initial-loading{display:flex;align-items:center;justify-content:center;gap:14px;min-height:300px;color:var(--muted)}.spinner{width:18px;height:18px;border:2px solid #cbd9cc;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px}.data-table th{font-size:10px;text-align:left;font-weight:550;text-transform:uppercase;letter-spacing:.4px;padding:12px;color:#738172;background:#f7faf5;border-bottom:1px solid var(--line)}.data-table td{padding:13px 12px;border-bottom:1px solid #edf1e9;vertical-align:middle}.data-table tr:last-child td{border-bottom:0}.data-table .button{min-height:30px;padding:4px 9px;font-size:11px}.data-table .secondary{display:block;font-size:10px;color:#7c8c7b;margin-top:4px}.result-step{padding:16px;border:1px solid var(--line);border-radius:8px;margin-bottom:12px}.result-step summary{cursor:pointer;display:flex;gap:12px;align-items:center}.result-step pre{margin-top:15px;background:#f7faf5;padding:14px;border-radius:6px;max-height:320px;overflow:auto}.assertion{font-size:11px;margin-top:8px}.assertion.pass{color:var(--green)}.assertion.fail{color:var(--red)}.notice{padding:12px 15px;border:1px solid #d9e7d7;border-radius:7px;background:#f1f7ed;color:#51634b;font-size:12px;margin-bottom:18px}.notice.warning{background:#fff8e8;border-color:#ebddb9;color:#775e29}.notice.error{background:#fff2f0;border-color:#f0d1c9;color:#993f36}.definition-doc summary{cursor:pointer;display:flex;align-items:center;gap:14px;padding:17px 0}.definition-doc summary code{flex:1}.definition-doc+.definition-doc{border-top:1px solid var(--line)}.definition-doc pre{padding:15px;background:#f7faf5;border:1px solid var(--line);border-radius:7px;margin:12px 0 20px}.diff{font-size:11px;max-height:340px;overflow:auto}.diff-added{background:#eaf5e7;color:#2d6534}.diff-removed{background:#fff0eb;color:#914c3b}.scenario-step{border:1px solid var(--line);border-radius:8px;padding:15px;margin:13px 0;background:#fafcf8}.scenario-step label{font-size:11px}.step-heading{display:flex;align-items:center;gap:9px;margin-bottom:13px}.step-heading select{flex:1}.step-number{font-size:11px;border-radius:50%;width:25px;height:25px;background:#e4eddf;display:grid;place-items:center;color:#5c7451}.assertion-row{display:flex;gap:7px;margin:7px 0;align-items:center}.assertion-row>*{min-width:0}.assertion-row select{width:150px}.assertion-row input{flex:1;font-size:11px}.compact textarea{min-height:80px}.checkbox-label{display:flex;align-items:center;gap:9px}.nowrap{white-space:nowrap}.wrap{word-break:break-all}.token-value{display:block;padding:14px;background:#edf4e7;border:1px solid #d2e1c9;border-radius:7px;word-break:break-all;user-select:all}.top-note{margin-bottom:14px;font-size:12px;color:var(--muted)}
dialog{border:1px solid #d4dfd2;border-radius:14px;padding:0;width:min(700px,calc(100vw - 32px));max-height:90vh;box-shadow:0 24px 80px #132b2138;color:var(--ink)}dialog::backdrop{background:#13282066;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:start;justify-content:space-between;padding:24px 26px 0;gap:20px}.dialog-body{padding:22px 26px}.dialog-footer{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding:16px 26px;background:#f8faf5}.dialog-error{color:var(--red);font-size:12px;margin:0 26px 16px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;border:1px solid #b6ceb5;border-radius:9px;background:#f0f8eb;color:#28523a;font-size:13px;box-shadow:0 5px 24px #233a2720;z-index:50;max-width:calc(100vw - 32px)}.toast.error{background:#fff1ed;color:#923d32;border-color:#efc4b9}
@media(min-width:1600px){.page{padding-top:40px}.sidebar{width:270px}}
@media(max-width:1100px){.sidebar{width:220px;padding:20px 10px}.page{padding:24px}.topbar{padding:0 18px;gap:10px}.brand{font-size:15px}.select-label select{max-width:180px}.tablist{gap:18px}.grid-two{grid-template-columns:1fr}.page-heading{flex-wrap:wrap}}
@media(max-width:760px){.topbar{height:auto;min-height:74px;flex-wrap:wrap;padding:12px 16px;gap:10px}.brand small{font-size:8px}.brand-mark{width:34px;height:34px}.top-divider,.avatar,.top-spacer{display:none}.select-label{flex:1}.select-label select{max-width:190px;width:100%}.environment-label{order:5;flex:1 1 55%;border-top:1px solid var(--line);padding-top:7px}#environment-button{order:6}.language-label{order:7;flex:0 1 92px;border-top:1px solid var(--line);padding-top:7px}.shell{display:block}.sidebar{width:100%;border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}.sidebar-caption,.sidebar-footer{display:none}.navigation{display:flex;overflow:auto;gap:4px}.nav-item{padding:8px 10px;white-space:nowrap;font-size:11px}.nav-item>span:first-child{display:none}.sidebar-section{margin:12px 5px 2px}.search{margin-bottom:7px}.api-tree{display:flex;gap:6px;max-height:90px;overflow:auto}.folder-label{display:none}.api-item{width:auto;min-width:140px;max-width:210px;flex-shrink:0}.import-button{margin:9px 5px 0;padding:4px;min-height:30px}#api-navigation{display:grid;grid-template-columns:1fr}.page{padding:22px 16px}.page-heading{gap:12px;margin-bottom:18px}h1{font-size:22px}.actions{gap:6px}.button{font-size:12px;padding:6px 11px}.request-heading input{font-size:21px;min-width:0;width:100%}.request-heading{flex-wrap:wrap}.request-bar{flex-wrap:wrap}.url-input{min-width:100%;height:46px}.request-bar>.button{flex:1}.tablist{padding:0 15px;gap:20px}.panel{padding:16px}.editor-footer{flex-direction:column;gap:4px}.metadata{gap:8px}.card{padding:16px}.grid-two{gap:15px}.form-row{flex-wrap:wrap}.form-row>label{flex:1 1 180px}.assertion-row{flex-wrap:wrap}.assertion-row select{width:100%}.dialog-body{padding:18px}.dialog-head{padding:20px 18px 0}.dialog-footer{padding:14px 18px}.service-notice{padding:8px 16px}.response-title{flex-wrap:wrap}.data-table th,.data-table td{padding:10px 8px}.open-tabs{padding:0 6px}.empty{padding:40px 12px}.subtitle{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}

@media(min-width:1280px){.workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:20px;align-items:start}.workbench .response-card{margin-top:0;min-height:420px}.workbench .response-empty{min-height:360px}.workbench .response-body{max-height:800px}.workbench .panel-title small{max-width:48%;text-align:right}.workbench .form-row{flex-wrap:wrap}.workbench .form-row label{max-width:180px}.workbench .tablist{gap:18px}}