:root{--bg:#f2f4f8;--surface:#fff;--surface-2:#f8f9fc;--border:#e4e7ee;--border-strong:#d3d7e0;--text:#171a21;--text-2:#5c6270;--text-3:#9299a6;--accent:#4f46e5;--accent-hover:#4338ca;--accent-soft:#eef2ff;--accent-border:#c7d2fe;--green:#059669;--green-soft:#ecfdf5;--green-border:#a7f3d0;--red:#dc2626;--red-soft:#fef2f2;--red-border:#fecaca;--amber:#d97706;--radius:10px;--radius-lg:16px;--shadow-card:0 1px 2px #171a210a, 0 8px 24px #171a210f;--shadow-pop:0 16px 40px #171a2124;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:radial-gradient(1200px 500px at 15% -10%, #4f46e514, transparent 60%), radial-gradient(1000px 500px at 100% 0%, #10b9810d, transparent 55%), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#root{height:100vh}.app{grid-template-columns:320px 380px minmax(0,1fr);gap:16px;height:100vh;padding:16px;display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;min-height:0;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.panel-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.panel-body{flex:1;min-height:0;padding:20px;overflow-y:auto}.panel-body.preview-body{background:var(--surface-2);overflow-x:auto}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#6366f1,#4338ca);border-radius:8px;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:13px;font-weight:700;display:grid}.brand-name{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:700}.brand-name em{color:var(--accent);font-style:normal}.field-label{color:var(--text-2);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.input,.textarea,.select{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);font-size:13.5px;font-family:var(--font);padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.input:hover,.textarea:hover,.select:hover{border-color:#b8bfcd}.input:focus,.textarea:focus,.select:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #4f46e524}.textarea{resize:vertical;line-height:1.5}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%235c6270' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-row{margin-bottom:16px}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;align-items:center;gap:10px;padding:14px;transition:border-color .15s,background .15s;display:flex}.dropzone:hover{border-color:var(--accent);background:var(--accent-soft)}.dropzone.has-file{border-style:solid;border-color:var(--accent-border);background:var(--accent-soft)}.dropzone input{display:none}.dropzone-icon{background:var(--surface);border:1px solid var(--border);border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:15px;display:grid}.dropzone-text{min-width:0}.dropzone-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.dropzone-hint{color:var(--text-3);margin-top:1px;font-size:11.5px}.btn{border-radius:var(--radius);font-family:var(--font);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:background .15s,color .15s,border-color .15s,box-shadow .15s,transform 50ms;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{color:#fff;background:var(--accent);width:100%;padding:12px 16px;font-size:14px;box-shadow:0 1px 2px #4338ca66,inset 0 1px #ffffff26}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-dark{color:#fff;background:#171a21;padding:9px 16px;font-size:13px}.btn-dark:hover:not(:disabled){background:#2c313c}.btn-ghost{color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-border);padding:8px 14px;font-size:13px}.btn-ghost:hover{background:#e0e7ff}.btn-add-entry{width:100%;color:var(--text-2);border:1.5px dashed var(--border-strong);background:0 0;margin-bottom:4px;padding:9px;font-size:13px}.btn-add-entry:hover{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.btn-link{color:var(--accent);font-size:12.5px;font-weight:600;font-family:var(--font);cursor:pointer;background:0 0;border:none;padding:4px 0}.btn-link:hover{color:var(--accent-hover);text-decoration:underline}.btn-remove{border:1px solid var(--red-border);cursor:pointer;color:var(--red);font-size:11px;font-weight:600;font-family:var(--font);background:0 0;border-radius:7px;padding:3px 9px;transition:background .15s}.btn-remove:hover{background:var(--red-soft)}.btn-x{cursor:pointer;color:var(--text-3);background:0 0;border:none;border-radius:6px;align-self:flex-start;padding:4px 7px;font-size:12px;line-height:1;transition:color .15s,background .15s}.btn-x:hover{color:var(--red);background:var(--red-soft)}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.ocr-notice{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--text-2);border-radius:10px;align-items:flex-start;gap:11px;margin-top:10px;padding:12px 14px;font-size:12px;line-height:1.45;animation:.2s ease-out notice-in;display:flex}.ocr-notice-icon{font-size:18px;line-height:1.2}.ocr-notice strong,.ocr-notice span{display:block}.ocr-notice strong{color:var(--text-1);margin-bottom:2px}@keyframes notice-in{0%{opacity:0;transform:translateY(-3px)}}.score-card{background:linear-gradient(160deg, var(--accent-soft), #fff 70%);border:1px solid var(--accent-border);border-radius:12px;margin-top:20px;padding:18px}.score-top{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.score-value{letter-spacing:-.03em;color:var(--accent);font-size:34px;font-weight:700;line-height:1}.score-label{color:var(--text-2);font-size:12px;font-weight:600}.score-track{background:#e0e4ee;border-radius:999px;height:8px;overflow:hidden}.score-fill{background:linear-gradient(90deg,#6366f1,#4338ca);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.score-meta{color:var(--text-2);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border-bottom:1px solid var(--border);margin:28px 0 14px;padding-bottom:7px;font-size:11px;font-weight:700}.section-label:first-child{margin-top:0}.entry-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:14px;transition:border-color .15s,box-shadow .15s}.entry-card:focus-within{border-color:var(--accent-border);box-shadow:0 0 0 3px #4f46e512}.entry-title{color:var(--text);justify-content:space-between;align-items:center;gap:8px;min-height:22px;margin-bottom:10px;font-size:12.5px;font-weight:600;display:flex}.entry-title>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entry-card .field-label{margin-bottom:4px;font-size:11.5px}.entry-card .input{background:var(--surface);margin-bottom:10px;padding:7px 10px;font-size:13px}.bullet-row{gap:6px;margin-bottom:6px;display:flex}.bullet-row .textarea{background:var(--surface);flex:1;padding:7px 10px;font-size:12.5px}.chip-row{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.chip{-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.chip-good{background:var(--green-soft);color:var(--green);border-color:var(--green-border)}.chip-bad{background:var(--red-soft);color:var(--red);border-color:var(--red-border);cursor:pointer}.chip-bad:hover{background:#fee2e2}.chip button{cursor:pointer;color:inherit;opacity:.6;background:0 0;border:none;padding:0;font-size:13px;line-height:1;transition:opacity .15s}.chip button:hover{opacity:1}.skill-add-row{gap:8px;margin-bottom:8px;display:flex}.skill-add-row .input{flex:1}.fit-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:600;display:inline-flex}.fit-badge.ok{background:var(--green-soft);color:var(--green);border:1px solid var(--green-border)}.fit-badge.over{background:var(--red-soft);color:var(--red);border:1px solid var(--red-border)}.resume-sheet{width:816px;min-height:1056px;box-shadow:var(--shadow-pop);background:#fff;border-radius:4px;margin:0 auto}.overflow-banner{border-radius:var(--radius);background:var(--red-soft);border:1px solid var(--red-border);align-items:flex-start;gap:10px;width:816px;max-width:100%;margin:14px auto 0;padding:12px 16px;display:flex}.overflow-banner-title{color:#b91c1c;margin-bottom:2px;font-size:13px;font-weight:700}.overflow-banner-text{color:#991b1b;font-size:12px;line-height:1.5}.error-banner{border-radius:var(--radius);background:var(--red-soft);border:1px solid var(--red-border);color:#991b1b;align-items:flex-start;gap:8px;margin-top:14px;padding:11px 12px;font-size:12.5px;line-height:1.45;display:flex}.error-banner>div{flex:1}.coverage-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;margin-top:14px;padding:16px}.coverage-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.coverage-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);font-size:12px;font-weight:700}.coverage-percent{color:var(--accent);font-size:17px;font-weight:700}.coverage-hint{color:var(--text-3);margin-bottom:10px;font-size:11.5px;line-height:1.45}.chip-sm{padding:3px 9px;font-size:11.5px}.chip-warn{color:var(--amber);cursor:pointer;background:#fffbeb;border-color:#fde68a}.chip-warn:hover{background:#fef3c7}.versions-empty{color:var(--text-3);padding:4px 2px;font-size:12px;line-height:1.5}.version-list{margin:0;padding:0;list-style:none}.version-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);align-items:center;gap:8px;margin-bottom:8px;padding:9px 10px;display:flex}.version-info{flex:1;min-width:0}.version-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.version-date{color:var(--text-3);font-size:11px}.version-item .btn-x{align-self:center}.bullet-block{margin-bottom:6px}.bullet-block .bullet-row{margin-bottom:0}.bullet-hint{color:var(--amber);margin:3px 2px 0;font-size:11px;line-height:1.4}.editor-tip{color:var(--text-2);background:#d9770612;border:1px solid #d9770647;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.editor-tip b{color:var(--amber);font-weight:600}.editor-tip-icon{font-size:14px;line-height:1.3}.entry-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.btn-eye{background:var(--green-soft);border:1px solid var(--green-border);cursor:pointer;color:var(--green);font-size:11px;font-weight:600;font-family:var(--font);white-space:nowrap;border-radius:7px;flex-shrink:0;padding:3px 9px;transition:background .15s,color .15s,border-color .15s}.btn-eye.off{background:var(--surface);border-color:var(--border-strong);color:var(--text-3)}.entry-card.is-hidden{opacity:.55;border-style:dashed}.panel-body::-webkit-scrollbar{width:10px}.panel-body::-webkit-scrollbar-thumb{border:3px solid var(--surface);background:#cdd2dd;border-radius:999px}.panel-body.preview-body::-webkit-scrollbar-thumb{border-color:var(--surface-2)}.panel-body::-webkit-scrollbar-thumb:hover{background:#b3b9c7}