:root{--ink:#172033;--muted:#657087;--line:#dfe4ed;--panel:#fff;--canvas:#edf0f5;--navy:#11192d;--accent:#5b4cf0;--soft:#f0efff;--shadow:0 18px 55px rgba(21,29,48,.13)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);overflow:hidden}.topbar{height:68px;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid rgba(255,255,255,.09)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:1.07rem;font-weight:700;letter-spacing:-.02em}.brand b{color:#9288ff}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#7769ff,#5141df);font-family:Georgia,serif;font-size:1.25rem}.top-actions{display:flex;align-items:center;gap:8px}.button{border:1px solid transparent;border-radius:9px;padding:10px 15px;font:inherit;font-size:.875rem;font-weight:700;cursor:pointer;transition:.18s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fff;box-shadow:0 7px 20px rgba(91,76,240,.25)}.button.ghost{background:transparent;color:#e5e8f0;border-color:#3c455c}.button.soft{background:var(--soft);color:#4e42d0}.button.wide{width:100%;margin-top:12px}.save-state{font-size:.8rem;color:#b8c0d1;display:flex;align-items:center;gap:7px;margin-right:5px}.save-state i,.live-dot{width:7px;height:7px;border-radius:50%;background:#48c78e}.workspace{height:calc(100vh - 68px);display:grid;grid-template-columns:116px minmax(380px,520px) minmax(520px,1fr)}.rail{background:#161f34;padding:25px 12px;display:flex;flex-direction:column;gap:6px}.rail-item{border:0;background:transparent;color:#aab3c7;border-radius:10px;padding:12px 8px;text-align:left;font:inherit;font-size:.76rem;cursor:pointer;transition:.18s}.rail-item span{display:block;color:#6e7a93;font-size:.65rem;margin-bottom:3px}.rail-item:hover{background:#202b45;color:#fff}.rail-item.active{background:#2b3653;color:#fff;box-shadow:inset 3px 0 var(--accent)}.rail-item.active span{color:#9c93ff}.editor{background:#fff;padding:30px 34px;overflow:auto;border-right:1px solid var(--line)}.editor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.eyebrow{margin:0 0 5px;color:var(--accent);font-weight:800;font-size:.69rem;letter-spacing:.14em}.editor h1{font-size:1.58rem;letter-spacing:-.035em;margin:0}.score-ring{width:58px;height:58px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--accent) var(--score,72%),#e8eaf0 0);position:relative}.score-ring:before{content:"";position:absolute;inset:5px;border-radius:50%;background:#fff}.score-ring strong,.score-ring small{z-index:1;line-height:1}.score-ring strong{font-size:1rem}.score-ring small{font-size:.58rem;color:var(--muted);margin-top:3px}.panel{display:none}.panel.active{display:block;animation:rise .22s ease}@keyframes rise{from{opacity:.3;transform:translateY(5px)}}.panel-intro{color:var(--muted);margin:0 0 21px;line-height:1.55;font-size:.9rem}.field-grid{display:grid;gap:17px}.field-grid.two{grid-template-columns:1fr 1fr}label,legend{display:block;color:#394258;font-size:.79rem;font-weight:750}input,textarea{width:100%;margin-top:7px;border:1px solid #d8dde7;border-radius:9px;background:#fbfcfe;color:var(--ink);font:inherit;font-size:.9rem;padding:11px 12px;outline:none;transition:.15s;resize:vertical}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,76,240,.1);background:#fff}.label-note{float:right;color:#8a93a5;font-weight:500}.assist-card,.match-result{border:1px solid #dbd8ff;background:#f8f7ff;border-radius:12px;padding:16px;margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:15px}.assist-card p{margin:4px 0 0;color:#697189;font-size:.8rem;line-height:1.4}.panel-row{display:flex;justify-content:space-between;gap:15px;align-items:start}.entry-card{border:1px solid var(--line);border-radius:12px;padding:16px;margin-bottom:14px;background:#fff}.entry-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.entry-card-head strong{font-size:.88rem}.remove-btn{border:0;background:transparent;color:#9a5662;font-size:.78rem;cursor:pointer}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.entry-grid .full{grid-column:1/-1}.chip-box{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.chip{background:#f0f2f7;border:1px solid #e2e5ec;border-radius:999px;padding:6px 10px;font-size:.73rem;color:#445069}.match-result{align-items:flex-start}.match-score{min-width:90px;display:flex;flex-direction:column}.match-score strong{font-size:1.6rem;color:var(--accent)}.match-score span{font-size:.72rem;color:var(--muted)}fieldset{border:0;padding:0;margin:0 0 26px}legend{margin-bottom:10px}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.template-card{border:1px solid var(--line);border-radius:11px;background:#fff;padding:10px;color:var(--ink);font:inherit;font-size:.78rem;cursor:pointer}.template-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(91,76,240,.12)}.mini{height:82px;background:#f2f3f6;border-radius:5px;display:block;margin-bottom:8px;position:relative;overflow:hidden}.mini:before,.mini:after{content:"";position:absolute;background:#c7ccd7}.mini:before{left:12px;right:12px;top:15px;height:7px;box-shadow:0 17px #d6dae2,0 26px #d6dae2,0 43px #d6dae2}.mini:after{left:12px;top:12px;width:26px;height:3px;background:var(--accent)}.classic-mini:after{left:25%;width:50%}.executive-mini:after{left:0;top:0;width:23%;height:100%;background:#273249}.swatches{display:flex;gap:12px}.swatch{width:30px;height:30px;border-radius:50%;border:4px solid #fff;background:var(--swatch);box-shadow:0 0 0 1px #d5d9e1;cursor:pointer}.swatch.selected{box-shadow:0 0 0 2px var(--ink)}.range-value{float:right;margin-top:10px;color:var(--muted)}.preview-zone{background:#e7eaf0;overflow:auto;padding:0 28px 35px}.preview-toolbar{height:60px;display:flex;align-items:center;justify-content:space-between;color:#606a7e;font-size:.8rem;font-weight:700;position:sticky;top:0;background:#e7eaf0;z-index:3}.preview-toolbar>div{display:flex;align-items:center;gap:7px}.icon-button{width:34px;height:34px;border:1px solid #d0d5df;border-radius:8px;background:#fff;cursor:pointer;color:#4a556d}.paper-wrap{display:flex;justify-content:center}.resume{--resume-accent:#5b4cf0;--scale:1;width:794px;min-height:1123px;background:#fff;box-shadow:var(--shadow);padding:55px 60px;color:#202838;font-size:calc(14px * var(--scale));line-height:1.45;transition:.2s}.resume-header{border-bottom:3px solid var(--resume-accent);padding-bottom:18px;margin-bottom:25px}.resume-name{font-family:Georgia,"Times New Roman",serif;font-size:2.55em;line-height:1.05;margin:0;color:#172033;letter-spacing:-.04em}.resume-title{font-size:1.05em;text-transform:uppercase;letter-spacing:.13em;color:var(--resume-accent);font-weight:800;margin:9px 0}.contact-line{display:flex;gap:12px;flex-wrap:wrap;color:#667084;font-size:.78em}.resume-section{margin:0 0 23px}.resume-section h2{font-size:.8em;letter-spacing:.15em;text-transform:uppercase;color:var(--resume-accent);margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #dfe3ea}.resume-section p{margin:0}.resume-entry{margin:0 0 16px}.resume-entry-top{display:flex;justify-content:space-between;gap:15px}.resume-entry h3{font-size:1em;margin:0 0 2px}.resume-entry .sub{font-size:.84em;color:#5e687b}.resume-entry .date{font-size:.78em;color:#70798a;white-space:nowrap}.resume-entry ul{margin:7px 0 0;padding-left:18px}.resume-entry li{margin-bottom:3px}.resume-skills{display:flex;flex-wrap:wrap;gap:6px}.resume-skills span{background:#f1f2f6;border-radius:4px;padding:4px 8px;font-size:.76em}.resume.classic{padding:55px 70px}.resume.classic .resume-header{text-align:center;border-bottom:1px solid #263047}.resume.classic .contact-line{justify-content:center}.resume.classic .resume-name{font-weight:400}.resume.classic .resume-section h2{text-align:center;color:#263047;border-bottom:0}.resume.executive{padding:0;display:grid;grid-template-columns:29% 71%;background:linear-gradient(90deg,#202b42 29%,#fff 29%)}.resume.executive .resume-header{grid-column:2;padding:48px 46px 22px;margin:0;border:0}.resume.executive .resume-main{grid-column:2;padding:0 46px 45px}.resume.executive .resume-side{grid-column:1;grid-row:1/3;padding:50px 24px;color:#eef1f7}.resume.executive .resume-side .resume-section h2{color:#aaa3ff;border-color:#4b5670}.resume.executive .resume-side .contact-line,.resume.executive .resume-side .resume-skills{display:block;color:#c8cedb}.resume.executive .resume-side .contact-line span,.resume.executive .resume-side .resume-skills span{display:block;margin:0 0 8px;background:transparent;padding:0;overflow-wrap:anywhere}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:#172033;color:#fff;border-radius:9px;padding:11px 16px;font-size:.83rem;opacity:0;pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translate(-50%,0)}body.preview-focus .rail,body.preview-focus .editor{display:none}body.preview-focus .workspace{grid-template-columns:1fr}body.preview-focus .preview-zone{padding-left:5%;padding-right:5%}@media(max-width:1050px){body{overflow:auto}.workspace{height:auto;min-height:calc(100vh - 68px);grid-template-columns:96px 1fr}.preview-zone{grid-column:1/-1;min-height:700px}.resume{transform:scale(.82);transform-origin:top center;margin-bottom:-190px}}@media(max-width:700px){.topbar{height:auto;min-height:64px;padding:12px 14px;align-items:flex-start}.save-state,.button.ghost{display:none}.top-actions .button{padding:9px 11px}.workspace{grid-template-columns:1fr}.rail{position:sticky;top:0;z-index:5;overflow-x:auto;flex-direction:row;padding:8px;background:#161f34}.rail-item{min-width:88px;padding:8px}.rail-item span{display:inline;margin-right:4px}.editor{padding:24px 18px}.field-grid.two,.entry-grid{grid-template-columns:1fr}.entry-grid .full{grid-column:auto}.preview-zone{padding:0 8px 24px}.resume{transform:scale(.58);margin-bottom:-470px}.score-ring{width:52px;height:52px}.editor h1{font-size:1.35rem}}@media print{body{background:#fff;overflow:visible}.topbar,.rail,.editor,.preview-toolbar{display:none!important}.workspace,.preview-zone,.paper-wrap{display:block;height:auto;padding:0;margin:0;background:#fff}.resume{box-shadow:none;width:100%;min-height:0;transform:none!important;margin:0;print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{size:letter;margin:0}}
