*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background:#ececec;height:99vh;padding:10px}.container{max-width:100%;margin:0 auto}.main-layout{display:flex;gap:10px;height:calc(100vh - 30px)}.left-panel{width:400px;flex-shrink:0;display:flex;flex-direction:column;gap:10px;height:100%}.right-panel{flex:1;display:flex;flex-direction:column;height:100%}.header{text-align:center;color:#000;margin-bottom:1px}.header h1{font-size:1.5rem}.upload-section{background:#fff;border-radius:12px;padding:12px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;gap:3px}.upload-box{border:2px dashed #AFD0BF;border-radius:8px;padding:8px;transition:all .3s ease;cursor:pointer}.upload-box:hover,.upload-box.dragover{border-color:#808f87;background:#e2efde}.upload-box input[type=file]{display:none}.upload-content{display:flex;align-items:center;gap:15px;text-align:left}.upload-label{cursor:pointer;display:block}.upload-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.upload-text{flex:1}img{width:48px;height:48px;object-fit:contain}.upload-box h3{color:#333;margin-bottom:5px;font-size:1rem}.upload-box p{color:#666;font-size:.8rem;margin:0}.file-name-inline{color:#359b3a;font-weight:600}.file-name{margin-top:10px;padding:8px;background:#e8f5e9;border-radius:6px;color:#2e7d32;font-weight:500;text-align:center}.button{background:#242331;color:#fff;border:none;padding:10px;font-size:1rem;border-radius:8px;cursor:pointer;transition:transform .2s,box-shadow .2s;display:block;width:100%;font-weight:600;margin-bottom:0}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.result-section{background:#fff;border-radius:12px;padding:15px;box-shadow:0 10px 30px #0003;flex:1;display:flex;flex-direction:column;min-height:0;max-height:100%}#documentContent{border:1px solid #ddd;border-radius:8px;padding:50px;background:#fff;line-height:1.2;font-size:1rem;overflow-y:auto;flex:1;min-height:0}#documentContent h1{font-size:2em;font-weight:700;margin:.67em 0}#documentContent h2{font-size:1.5em;font-weight:700;margin:.75em 0}#documentContent h3{font-size:1.17em;font-weight:700;margin:.83em 0}#documentContent h4{font-size:1em;font-weight:700;margin:1em 0}#documentContent h5{font-size:.83em;font-weight:700;margin:1.17em 0}#documentContent h6{font-size:.67em;font-weight:700;margin:1.33em 0}#documentContent p{margin:1em 0}#documentContent strong,#documentContent b{font-weight:700}#documentContent em,#documentContent i{font-style:italic}#documentContent ul,#documentContent ol{margin:1em 0;padding-left:40px}.highlight{background-color:#ffeb3b;padding:0;border-radius:3px}.loading{text-align:center;padding:20px;display:none}.loading.active{display:block}.spinner{border:4px solid #f3f3f3;border-top:4px solid #2b80ff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 10px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{background:#ffebee;color:#c62828;padding:15px;border-radius:8px;margin:20px 0;display:none}.error.active{display:block}.breakdown-table{background:#fff;border-radius:8px;border:1px solid #ddd;width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 30px #0003}.breakdown-header{background:#808f87;color:#fff;padding:12px;font-weight:600;font-size:1rem}.breakdown-header{display:flex;align-items:center;justify-content:space-between}.breakdown-copy-btn{display:flex;align-items:center;gap:5px;padding:4px 11px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.35);border-radius:5px;font-size:12px;font-weight:600;font-family:Arial,Helvetica,sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,border-color .2s;line-height:1}.breakdown-copy-btn:hover{background:#ffffff47;border-color:#fff9}.breakdown-copy-btn.copied{background:#555;border-color:#6f796f}.breakdown-copy-btn svg{flex-shrink:0}.breakdown-content{overflow-y:auto;flex:1}.breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;border-bottom:1px solid #f0f0f0;transition:background .2s;gap:10px}.breakdown-row:hover{background:#f8f9ff}.breakdown-row:last-child{border-bottom:none}.breakdown-number{color:#666;font-weight:500;min-width:30px;flex-shrink:0}.breakdown-keyword{font-weight:500;color:#333;flex:1}.breakdown-count{background:#242331;color:#fff;padding:4px 12px;border-radius:5px;font-weight:600;min-width:40px;text-align:center;flex-shrink:0}.breakdown-row.no-match .breakdown-count{background:#ccc}.breakdown-row.no-match .breakdown-keyword{color:#999}.breakdown-row.no-match .breakdown-number{color:#ccc}.google-link-row{display:flex;gap:5px;margin-bottom:10px}.google-link-input{flex:1;padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1d1d1d;transition:border-color .2s;cursor:text}.google-link-input:focus{outline:none;border-color:#3b82f6}.google-link-input::placeholder{color:#9ca3af}.load-button{padding:12px 24px;background-color:#9ca3af;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;white-space:nowrap;width:35%}.load-button:hover:not(:disabled){background-color:#6b7280}.load-button:disabled{opacity:.5;cursor:not-allowed}.button{width:100%;padding:14px;background-color:#1f2937;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s;margin-bottom:0}.button:hover:not(:disabled){background-color:#111827}.button:disabled{opacity:.5;cursor:not-allowed}