body{background:#e1e8eb}.view{display:flex;flex-direction:row;height:70vh;width:80vw}.view{margin:0 auto 1rem;background-color:#fff;display:flex}.input-container{width:50vw;height:100%;display:flex;flex-direction:column;margin:0 auto 1rem;padding:16px;background:#fdfdfd;box-sizing:border-box;align-items:center}.text-input{font-family:Inter,sans-serif;width:100%;height:100%;border:2px solid #aaa;padding:16px;font-size:1.3rem;box-sizing:border-box;resize:none;background:#fff}.text-input{width:100%;display:flex;flex-direction:column}.drop-zone{width:100%;height:100%;border:2px dashed #aaa;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:#fafafa}.drop-zone:hover{background:#f1f1f1}.upload-btn{padding:8px 16px;border:none;border-radius:4px;background:#a71b1b;color:#fff;font-size:1rem;cursor:pointer;margin-bottom:10px}.upload-btn:hover{background:#0056b3}.upload-container{position:relative;margin:40px auto;display:flex;flex-direction:column;align-items:center;font-family:Arial,sans-serif}.upload-container h2{font-size:2rem;margin:.2rem}.upload-container p{color:#555;margin:.2rem .2rem 1rem}.small-text{margin-top:8px;font-size:.85rem;color:#666}.process-btn{background-color:#a71b1b;color:#fff;border:none;padding:.5rem .7rem;font-size:.91rem;border-radius:5px;cursor:pointer}.process-btn:disabled{background-color:#ccc;cursor:not-allowed}.results{text-align:left;width:30vw;height:100%;overflow-y:auto;border:1px solid #ccc;border-radius:0;padding:10px;background:#fff;box-sizing:border-box}.results{background-color:#eff2f5}.apple{position:absolute;top:5%;left:0;width:15%;aspect-ratio:16 / 9;background-image:url(/pdf-analyzer/jihan-apple.svg);background-repeat:no-repeat;background-size:contain;background-position:center;z-index:-1;pointer-events:none}.bg{position:absolute;top:0;left:0;z-index:-1;height:254px;width:100%;background-color:#a71b1b}header{font-family:Inter,sans-serif;display:flex;flex-direction:column;align-items:center}.first-heading{font-size:3.5rem;letter-spacing:5px;text-transform:uppercase;color:#ffffffeb;margin-top:0;margin-bottom:0rem;text-align:center}.first-heading--thin{font-weight:300}.second-heading{margin:0;font-size:1.5rem;letter-spacing:5px;text-transform:uppercase;color:#ffffffeb;text-align:center}.result-details{flex:1;background-color:#eff2f5;position:relative;border-top-right-radius:12px;border-bottom-right-radius:8px}.result-details__start-view{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-heading{font-size:1em;color:#000;margin-top:0;margin-bottom:0rem;text-align:center}.spinner{position:absolute;border-radius:50%;animation:spinner 1s infinite linear;left:50%;top:18%;width:85px;height:85px;border-top:5px solid #e2e7e9;border-right:5px solid #e2e7e9;border-bottom:5px solid #e2e7e9;border-left:5px solid #ccd1d3}.spinner--job-details{left:50%;top:40%;width:105px;height:105px;border-top:6px solid #d5d9db;border-right:6px solid #d5d9db;border-bottom:6px solid #d5d9db;border-left:6px solid #bbc0c2}.spinner--visible{visibility:visible}@keyframes spinner{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}