body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.Header{display:flex;justify-content:space-between;align-items:center;padding:10px 0;height:auto;min-height:64px;z-index:1;width:100%;background:#fff;border-bottom:1px solid rgba(0,0,0,.1)}.header-container{display:flex;justify-content:space-between;align-items:center;width:100%}.leftSection{display:flex;align-items:center;justify-content:flex-start;width:auto}.logo-image{height:60px;padding-left:28px;padding-top:12.5px;padding-bottom:10px;display:block}@media screen and (max-width:768px){.leftSection.mobile{flex-direction:column;align-items:flex-start;padding:0 10px;width:100%}.leftSection.mobile .logo-image{width:120px;height:auto;padding:10px 0;margin:0 auto}.Header{padding:5px;min-height:unset}}.ant-layout-sider{background:#fff!important;padding:10px 20px}.LeftSider{border-right:1px solid rgba(0,0,0,.1)!important}.ant-layout-sider .ant-layout-sider-children .ant-menu{border-inline-end:0}.left-sider-content{padding:16px 16px 0;max-height:100%;overflow:auto}.instructions-card{box-shadow:0 1px 4px #0000001a;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.instructions-card .ant-card-head{background:#fff;border-bottom:1px solid rgba(0,0,0,.1);border-radius:6px 6px 0 0;padding:8px 12px}.instructions-card .ant-card-head-title{color:#333;font-weight:600;font-size:14px}.instructions-card .ant-card-body{padding:12px}.instructions-content ul{list-style-type:disc}.instructions-content li{margin-left:0}.left-sider-content.mobile{padding:8px;max-height:80vh;overflow-y:auto;width:100%;box-sizing:border-box}@media screen and (max-width:768px){.ant-drawer .ant-drawer-title{font-size:16px}.edge-indicator-left{position:fixed;top:50%;transform:translateY(-50%);width:5px;height:50px;background-color:#21b89280;border-radius:3px;z-index:999;left:0}}.main-content-container{display:flex;flex-direction:column;height:100%;min-height:100%;background:url(/assets/bg-shade-repeat-CRVsKQ3y.png) repeat-y;background-position-x:100%;background-attachment:fixed;position:relative;padding:40px}.upload-center-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;max-width:800px;margin:0 auto;transform:translateY(-25%)}.upload-center-container{width:100%;max-width:800px;margin:0 auto}.compare-center-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;max-width:1100px;margin:0 auto;transform:translateY(-10%)}.compare-container{display:grid;grid-template-columns:1fr 1px 1fr;gap:0;height:100%;align-items:start}.compare-panel{padding:0 20px}.compare-divider{background:#0000001a;width:1px;height:100%}@media screen and (max-width:768px){.main-content-container{padding:20px}.welcome-content{max-width:100%}.instructions{padding:16px}.compare-container{grid-template-columns:1fr}.compare-divider{display:none}.compare-panel{padding:0}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-sidebar-container{width:100%}.upload-sidebar-card{box-shadow:0 1px 4px #0000001a;border-radius:6px;border:1px solid rgba(0,0,0,.1);margin-bottom:16px}.upload-sidebar-card .ant-card-head{background:#fff;border-bottom:1px solid rgba(0,0,0,.1);border-radius:6px 6px 0 0;padding:8px 12px}.upload-sidebar-card .ant-card-head-title{color:#333;font-weight:600;font-size:14px}.upload-sidebar-card .ant-card-body{padding:12px}.transcription-text-sidebar{background:#f8f9fa;padding:8px;border-radius:4px;border-left:3px solid #21b892;margin-top:4px;white-space:pre-wrap;word-break:break-word;font-family:Courier New,monospace;font-size:11px;line-height:1.4;max-height:200px;overflow-y:auto}.transcription-result-sidebar{width:100%}.upload-center-container{width:100%;max-width:800px}.upload-center-card{box-shadow:0 2px 8px #0000001a;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.upload-center-card .ant-card-head{background:#fff;border-bottom:1px solid rgba(0,0,0,.1);border-radius:6px 6px 0 0}.upload-center-card .ant-card-head-title{color:#333;font-weight:600}.transcription-result-center{margin-top:24px}.transcription-text-center{background:#f8f9fa;padding:16px;border-radius:6px;border-left:4px solid #21b892;margin-top:8px;white-space:pre-wrap;word-break:break-word;font-family:Courier New,monospace;font-size:14px;line-height:1.6}.upload-card{box-shadow:0 2px 8px #0000001a;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.upload-card .ant-card-head{background:#fff;border-bottom:1px solid rgba(0,0,0,.1);border-radius:6px 6px 0 0}.upload-card .ant-card-head-title{color:#333;font-weight:600}.ant-upload-list{margin-top:16px}.ant-upload-list-item{border-radius:4px;border:1px solid #d9d9d9}.ant-upload-list-item:hover{border-color:#1890ff}.ant-btn-primary{background:#1890ff;border:1px solid #1890ff;border-radius:6px;height:40px;font-weight:500}.ant-btn-primary:hover{background:#40a9ff;border-color:#40a9ff;transform:translateY(-1px);box-shadow:0 2px 8px #1890ff4d}.ant-btn-primary:disabled{background:#d9d9d9;border-color:#d9d9d9;transform:none;box-shadow:none}.error-message{padding:12px;background:#fff2f0;border:1px solid #ffccc7;border-radius:6px;margin-top:16px}.transcription-result{margin-top:24px}.transcription-text{background:#f8f9fa;padding:16px;border-radius:6px;border-left:4px solid #1890ff;margin-top:8px;white-space:pre-wrap;word-break:break-word;font-family:Courier New,monospace;font-size:14px;line-height:1.6}.ant-result{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:32px;border:1px solid rgba(0,0,0,.1)}.ant-result-icon{color:#52c41a}.ant-result-title{color:#262626;font-weight:600}.ant-result-subtitle{color:#8c8c8c}@media screen and (max-width:768px){.Header{padding:0 10px!important}.edge-indicator-left{position:fixed;top:50%;transform:translateY(-50%);width:5px;height:50px;background-color:#21b89280;border-radius:3px;z-index:999;left:0}.edge-indicator-right{position:fixed;top:50%;transform:translateY(-50%);width:5px;height:50px;background-color:#21b89280;border-radius:3px;z-index:999;right:0}}