@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--accent:#22d3ee}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.lowercase{text-transform:lowercase}}:root{--bg:#080e1f;--surface:#0f1a2e;--panel:#131f35;--border:#1e3050;--border-2:#2a4570;--ink:#e2eaf5;--ink-dim:#6a86a8;--ink-muted:#3d5a7a;--accent:#22d3ee;--accent-glow:#22d3ee22;--accent-dark:#0e7490;--violet:#a78bfa;--success:#4ade80;--danger:#f87171;--warn:#fb923c;--radius:6px;--radius-lg:10px;--font-mono:"JetBrains Mono", "Fira Code", ui-monospace, monospace;--font-sans:"Inter", "DM Sans", system-ui, sans-serif;--editor-w:380px}@property --accent{syntax:"<color>";inherits:true;initial-value:#22d3ee}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;font-size:14px}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;height:100dvh;line-height:1.55;overflow:hidden}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-root{grid-template-columns:var(--editor-w) 1fr;height:100dvh;display:grid;overflow:hidden}.editor-panel{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.editor-header{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:14px 16px;display:flex}.logo-mark{background:var(--accent);color:var(--bg);letter-spacing:.08em;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:800;display:flex}.editor-title{letter-spacing:-.02em;color:var(--ink);font-size:.9rem;font-weight:700}.editor-title .accent{color:var(--accent)}.section-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:2px;padding:8px 10px;display:flex}.section-tab{border-radius:var(--radius);color:var(--ink-dim);cursor:pointer;font-family:var(--font-sans);letter-spacing:.04em;background:0 0;border:1px solid #0000;padding:4px 10px;font-size:.72rem;font-weight:600;transition:color .15s,background .15s,border-color .15s}.section-tab:hover{color:var(--ink);background:var(--surface)}.section-tab[aria-selected=true]{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.section-tab[aria-selected=true]{background:color-mix(in oklab,var(--accent) 10%,transparent)}}.section-tab[aria-selected=true]{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.section-tab[aria-selected=true]{border-color:color-mix(in oklab,var(--accent) 30%,transparent)}}.section-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.form-area{scrollbar-width:thin;scrollbar-color:var(--border-2) transparent;flex:1;padding:14px 14px 6px;overflow-y:auto}.form-loading{color:var(--ink-dim);text-align:center;padding:24px 0;font-size:.8rem}.form-group{margin-bottom:12px}.form-label{text-transform:uppercase;letter-spacing:.07em;color:var(--ink-dim);margin-bottom:4px;font-size:.68rem;font-weight:600;display:block}.form-input,.form-textarea,.form-select{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink);font-family:var(--font-sans);appearance:none;width:100%;padding:7px 10px;font-size:.82rem;transition:border-color .15s,box-shadow .15s}:is(.form-input,.form-textarea,.form-select):focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow);outline:none}:is(.form-input,.form-textarea,.form-select)::placeholder{color:var(--ink-muted)}.form-textarea{resize:vertical;min-height:72px;font-family:var(--font-sans);line-height:1.5}.form-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236a86a8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.entry-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:10px;overflow:hidden}.entry-card-header{background:var(--accent);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}@supports (color:color-mix(in lab,red,red)){.entry-card-header{background:color-mix(in oklab,var(--accent) 5%,var(--surface))}}.entry-card-header{border-bottom:1px solid var(--border);cursor:pointer}.entry-card-header:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.entry-card-header:hover{background:color-mix(in oklab,var(--accent) 8%,var(--surface))}}.entry-card-title{color:var(--ink);font-size:.78rem;font-weight:600}.entry-card-body{padding:10px 12px}.btn-remove{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.75rem;transition:color .15s,background .15s}.btn-remove:hover{color:var(--danger);background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.btn-remove:hover{background:color-mix(in oklab,var(--danger) 10%,transparent)}}.btn-remove:focus-visible{outline:2px solid var(--danger);outline-offset:2px}.btn-add{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn-add{background:color-mix(in oklab,var(--accent) 8%,transparent)}}.btn-add{border:1px dashed var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn-add{border:1px dashed color-mix(in oklab,var(--accent) 35%,transparent)}}.btn-add{border-radius:var(--radius);color:var(--accent);cursor:pointer;font-family:var(--font-sans);text-align:center;width:100%;margin-top:6px;padding:8px;font-size:.78rem;font-weight:600;transition:background .15s,border-color .15s}.btn-add:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn-add:hover{background:color-mix(in oklab,var(--accent) 14%,transparent)}}.btn-add:hover{border-color:var(--accent)}.btn-add:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ats-score-bar{align-items:center;gap:10px;margin-bottom:12px;display:flex}.ats-score-num{font-family:var(--font-mono);min-width:52px;font-size:1.6rem;font-weight:700;line-height:1}.ats-score-track{background:var(--border);border-radius:999px;flex:1;height:6px;overflow:hidden}.ats-score-fill{background:var(--accent);border-radius:999px;height:100%;transition:width .4s}.ats-keywords{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.kw-chip{letter-spacing:.03em;border-radius:4px;padding:2px 7px;font-size:.68rem;font-weight:600}.kw-chip.hit{background:var(--success)}@supports (color:color-mix(in lab,red,red)){.kw-chip.hit{background:color-mix(in oklab,var(--success) 15%,transparent)}}.kw-chip.hit{border:1px solid var(--success)}@supports (color:color-mix(in lab,red,red)){.kw-chip.hit{border:1px solid color-mix(in oklab,var(--success) 35%,transparent)}}.kw-chip.hit{color:var(--success)}.kw-chip.miss{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.kw-chip.miss{background:color-mix(in oklab,var(--danger) 12%,transparent)}}.kw-chip.miss{border:1px solid var(--danger)}@supports (color:color-mix(in lab,red,red)){.kw-chip.miss{border:1px solid color-mix(in oklab,var(--danger) 30%,transparent)}}.kw-chip.miss{color:var(--danger)}.ats-hint{color:var(--ink-dim);margin-bottom:8px;font-size:.72rem}.editor-toolbar{border-top:1px solid var(--border);flex-wrap:wrap;flex-shrink:0;gap:4px;padding:8px 10px;display:flex}.tool-btn{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--ink-dim);cursor:pointer;font-family:var(--font-sans);align-items:center;gap:5px;padding:6px 10px;font-size:.72rem;font-weight:600;transition:color .15s,background .15s,border-color .15s;display:flex}.tool-btn:hover{color:var(--ink);background:var(--panel);border-color:var(--border-2)}.tool-btn.danger:hover{color:var(--danger);border-color:var(--danger)}@supports (color:color-mix(in lab,red,red)){.tool-btn.danger:hover{border-color:color-mix(in oklab,var(--danger) 40%,transparent)}}.tool-btn.danger:hover{background:var(--danger)}@supports (color:color-mix(in lab,red,red)){.tool-btn.danger:hover{background:color-mix(in oklab,var(--danger) 8%,transparent)}}.tool-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tool-btn svg{flex-shrink:0}.preview-panel{background:var(--bg);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.preview-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.theme-switcher{gap:4px;display:flex}.theme-btn{border:1px solid var(--border);border-radius:var(--radius);color:var(--ink-dim);cursor:pointer;font-family:var(--font-sans);background:0 0;padding:4px 12px;font-size:.72rem;font-weight:600;transition:color .15s,background .15s,border-color .15s}.theme-btn:hover{color:var(--ink);border-color:var(--border-2)}.theme-btn[aria-pressed=true]{color:var(--accent);background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.theme-btn[aria-pressed=true]{background:color-mix(in oklab,var(--accent) 10%,transparent)}}.theme-btn[aria-pressed=true]{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.theme-btn[aria-pressed=true]{border-color:color-mix(in oklab,var(--accent) 35%,transparent)}}.theme-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.preview-hint{color:var(--ink-muted);letter-spacing:.05em;font-size:.68rem}.iframe-wrap{flex:1;align-items:stretch;padding:12px;display:flex;overflow:hidden}#resume-frame{border:1px solid var(--border);border-radius:var(--radius-lg);background:#fff;flex:1;width:100%;height:100%}.form-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--accent);border-bottom:1px solid var(--border);margin-bottom:12px;padding-bottom:6px;font-size:.7rem;font-weight:700}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}.ats-score-fill{transition:none!important}}
