.demo-main{min-height:calc(100vh - 160px);padding-top:75px;padding-bottom:90px}.demo-intro h1{font-size:49px;margin:12px 0}.demo-intro .sub{max-width:850px}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin:34px 0 24px;padding-bottom:17px;border-bottom:1px solid #ffffff20}.tabs button{border:1px solid #ffffff24;background:#151929;color:#aab5c8;font-size:13px;font-weight:700;padding:13px 18px;border-radius:9px}.tabs button[aria-selected="true"]{color:#07111d;background:#83dbf5;border-color:#83dbf5}.demo-section{background:#121725;border:1px solid #ffffff20;border-radius:17px;padding:30px}.demo-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.demo-header h2{font-size:25px;margin:0 0 9px}.demo-header p{color:#a3afc2;font-size:13px;margin:0}.tool-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.small-tool,.upload-button{display:inline-block;background:#1d2940;border:1px solid #ffffff33;color:#d5e3f1;border-radius:7px;padding:11px 12px;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer}.small-tool:hover,.upload-button:hover{border-color:#88d0ef}.primary-tool{background:#65ccec;color:#07151a;border:0}.upload-button{margin:0}.upload-button input{display:none}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.demo-section label{font-size:13px;color:#b6c8d7}.demo-section textarea{height:335px;resize:vertical;font-family:Consolas,"Courier New",monospace;font-size:13px;line-height:1.65;color:#ccecff;background:#090e1c}.demo-section textarea[readonly]{color:#94f2da}.demo-section .csv-area{height:160px}.demo-status{padding:15px;background:#0a1726;border:1px solid #ffffff1b;border-radius:9px;font-size:13px;color:#a7c8d6;margin:18px 0 0;overflow-wrap:anywhere}.demo-status.error{background:#301525;color:#ff9faf;border-color:#a83856}.table-scroll{overflow:auto;max-height:470px;margin-top:20px}.csv-table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}.csv-table th,.csv-table td{border:1px solid #ffffff23;text-align:left;padding:11px 15px;max-width:340px;overflow:hidden;text-overflow:ellipsis}.csv-table th{color:#7bdbf7;background:#1b2c3c;position:sticky;top:0}.csv-table tbody tr:nth-child(2n){background:#ffffff09}.diff-results{border:1px solid #ffffff20;border-radius:9px;margin-top:19px;overflow:auto;font:12px/1.8 Consolas,monospace;white-space:pre-wrap;max-height:550px}.diff-row{display:flex;gap:12px;padding:3px 12px;min-height:27px}.diff-row .symbol{width:16px;flex:none}.diff-row.removed{background:#a7374d28;color:#ffb0bb}.diff-row.added{background:#1e997030;color:#8ce7bd}.diff-row.same{color:#929fb6}.demo-bottom{margin-top:26px;font-size:12px;color:#78889e;display:flex;gap:16px;line-height:1.8}.demo-bottom b{color:#78d9ee;white-space:nowrap}@media(max-width:800px){.demo-grid{grid-template-columns:1fr}.demo-header{align-items:flex-start;flex-direction:column}.demo-main{padding-top:45px}.demo-section{padding:20px}.demo-intro h1{font-size:38px}.demo-bottom{flex-wrap:wrap}}

.demo-tip{color:#98a6ba;font-size:12px;line-height:1.9;margin:0 0 17px}.align-top{align-items:start}.file-area{background:#0b1020;border:1px dashed #6e7f9d88;border-radius:12px;padding:17px;min-height:180px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;text-align:center}.file-area strong{font-size:13px;color:#a4e4f8;overflow-wrap:anywhere}.file-area p{font-size:12px;color:#7f8ca0}.file-area img{max-width:100%;max-height:250px;object-fit:contain}.file-area video{width:100%;max-height:270px}.tool-form{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin:14px 0 22px}.tool-form label{min-width:125px;margin:0;flex:1}.tool-form input,.tool-form select{margin:7px 0 0}.tool-form input[type=color]{height:44px;padding:3px}.frame-head{display:flex;justify-content:space-between;color:#b9d1df;margin-bottom:10px;font-size:12px}.frame-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;max-height:360px;min-height:120px;overflow:auto;background:#090e1c;padding:12px;border-radius:10px}.frame-gallery figure{margin:0;text-align:center;font-size:11px;color:#a7b4c8;min-width:0}.frame-gallery img{width:100%;height:82px;object-fit:contain;background-color:#dedee6;background-image:linear-gradient(45deg,#c8c8d5 25%,transparent 25%),linear-gradient(-45deg,#c8c8d5 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#c8c8d5 75%),linear-gradient(-45deg,transparent 75%,#c8c8d5 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;border-radius:7px}.model-results{font-size:13px;line-height:1.8;color:#bde8f3;overflow-wrap:anywhere}.model-results h3{font-size:14px;margin:14px 0 7px}.model-results ul{list-style:disc;padding-left:22px}.model-results li{padding:3px 0}.model-results code{color:#96f1cf}.demo-section .small-tool[hidden],.demo-section a[hidden]{display:none}.demo-section a.small-tool{margin-top:14px;text-decoration:none}.demo-section input[type=file]{display:none}@media(max-width:740px){.frame-gallery{grid-template-columns:repeat(3,1fr)}}