/* ArticulateCV v2.0 Studio */
:root{--bg:#f4f7fb;--surface:#fff;--surface-2:#eef2f7;--surface-3:#e4eaf3;--border:#d6dee9;--border-strong:#aab7c7;--text:#101827;--text-2:#526071;--muted:#7a8798;--navy:#0b1220;--navy-2:#111c2f;--navy-3:#1c2a44;--accent:#315f99;--accent-2:#dde9f7;--accent-text:#fff;--ok:#187244;--warn:#9a5a00;--bad:#a42828;--info:#245c9c;--shadow:0 14px 34px rgba(11,18,32,.08);--radius:8px;--space:1rem}
:root[data-theme="dark"]{--bg:#0b1220;--surface:#111827;--surface-2:#162033;--surface-3:#1e2a40;--border:#26344d;--border-strong:#40516d;--text:#f8fafc;--text-2:#b8c2d1;--muted:#8492a6;--navy:#050814;--navy-2:#0b1220;--navy-3:#1c2a44;--accent:#8bb8f3;--accent-2:#1b3556;--accent-text:#06111f;--ok:#65d18a;--warn:#f3bf5b;--bad:#f47f7f;--info:#9cc5ff;--shadow:0 14px 34px rgba(0,0,0,.28)}
:root[data-density="compact"]{--space:.7rem}:root[data-density="relaxed"]{--space:1.3rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}button,a,input,textarea,select{font:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--info);outline-offset:2px}h1,h2,h3{margin:0;letter-spacing:0}h1{font-size:1.12rem}h2{font-size:1.58rem;line-height:1.16;max-width:850px}h3{font-size:.96rem}.app-header{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,var(--navy),var(--navy-3));color:#fff;border-bottom:1px solid rgba(255,255,255,.09);padding:.82rem 1.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand-block{color:#fff;text-decoration:none}.brand-row,.header-actions,.row,.hero-actions,.panel-title,.session-head{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}.tagline{font-size:.82rem;color:#cbd7e8}.version-pill,.mini-tag,.badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:.12rem .5rem;font-size:.7rem;font-weight:700;background:var(--surface-2);color:var(--text-2)}.version-pill{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#dbeafe}.top-nav{display:flex;gap:.35rem;align-items:center}.top-nav a,.top-nav button{color:#dbeafe;background:transparent;border:0;text-decoration:none;padding:.4rem .55rem;border-radius:7px;cursor:pointer}.top-nav a:hover,.top-nav button:hover{background:rgba(255,255,255,.1)}.btn{cursor:pointer;border:1px solid var(--border-strong);border-radius:7px;background:var(--surface);color:var(--text);padding:.46rem .82rem;font-weight:700}.btn:hover{background:var(--surface-2)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.btn-ghost{background:transparent}.theme-toggle{cursor:pointer;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;border-radius:7px;padding:.42rem .75rem}main{max-width:1200px;margin:0 auto;padding:1.25rem}.banner{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:.65rem .85rem;border-radius:var(--radius);margin-bottom:1rem}.banner-ok{border-color:var(--ok);color:var(--ok)}.dim{color:var(--text-2)}.small{font-size:.82rem}.helper,.parse-output{font-size:.82rem;margin-top:.5rem}.product-shell{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:1rem;margin-bottom:1rem}.hero-panel,.rail-panel,.panel,.auto-panel,.control-deck,.workflow-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-panel{padding:calc(var(--space)*1.25)}.hero-panel p{max-width:760px;margin:.65rem 0 1rem}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:800;color:var(--accent);margin-bottom:.4rem}.rail-panel{padding:var(--space)}.session-head{justify-content:space-between;margin-bottom:.7rem}.session-head strong{font-size:1.2rem}.session-list{display:grid;gap:.45rem;margin:.7rem 0}.session-item{display:flex;align-items:center;gap:.45rem;color:var(--text-2);font-size:.84rem}.session-item span{display:grid;place-items:center;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:.72rem;font-weight:800}.session-item.done{color:var(--ok)}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.shortcut-list button{border:1px solid var(--border);background:var(--surface-2);border-radius:7px;padding:.45rem;color:var(--text);cursor:pointer}.control-deck{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;gap:1rem;padding:var(--space);margin-bottom:1rem}.segmented{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.5rem}.segment,.tab,.rating{cursor:pointer;border:1px solid var(--border);border-radius:7px;background:var(--surface-2);color:var(--text-2);padding:.38rem .58rem;font-size:.8rem;font-weight:700}.segment.active,.tab.active,.rating.active{background:var(--navy-3);border-color:var(--navy-3);color:#fff}.auto-panel{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;padding:var(--space);margin-bottom:1rem}.auto-panel p{margin:.25rem 0 0}.auto-steps{display:grid;grid-template-columns:repeat(7,minmax(4.5rem,1fr));gap:.35rem;min-width:52%}.auto-step{border:1px solid var(--border);border-radius:7px;background:var(--surface-2);padding:.45rem;text-align:center;color:var(--text-2);min-height:3.25rem}.auto-step strong{display:block;font-size:.74rem;color:var(--muted)}.auto-step span{display:block;font-size:.73rem;line-height:1.2}.auto-step.running{border-color:var(--info);color:var(--info);background:var(--accent-2)}.auto-step.done{border-color:var(--ok);color:var(--ok);background:color-mix(in srgb,var(--ok) 9%,var(--surface))}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.compare-strip,.reuse-strip{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.compare-strip>div,.reuse-strip>div{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.75rem}.compare-strip strong,.reuse-strip strong{display:block;margin:.12rem 0}.compare-strip small,.reuse-strip small{display:block;color:var(--text-2);font-size:.8rem}.workflow-block{margin-bottom:1rem;overflow:hidden}.block-head{width:100%;border:0;background:var(--surface);color:var(--text);display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;cursor:pointer;text-align:left}.block-head span{font-weight:850}.block-head small{color:var(--text-2)}.block-body{display:none;padding:0 var(--space) var(--space)}.workflow-block.open .block-body{display:block}.score-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;margin-bottom:1rem}.score-card{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);padding:.8rem;box-shadow:var(--shadow);min-height:6rem}.score-card span,.score-card small{display:block;color:var(--text-2)}.score-card strong{display:block;font-size:1.45rem;line-height:1.15;margin:.25rem 0}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.panel{padding:var(--space)}.stack{margin-top:1rem}.drop-zone{position:relative}.drop-zone:after{content:"Drop here";position:absolute;right:.8rem;top:.8rem;font-size:.72rem;color:var(--muted)}.drop-zone.dragover{border-color:var(--ok);background:color-mix(in srgb,var(--ok) 7%,var(--surface))}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--text);padding:.55rem .7rem}.textarea{resize:vertical;min-height:5.5rem}.status-line{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:.35rem 0}.b-ok{color:var(--ok);border-color:var(--ok)}.b-warn{color:var(--warn);border-color:var(--warn)}.b-info{color:var(--info);border-color:var(--info)}.chip{display:inline-block;font-size:.72rem;padding:.12rem .42rem;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);margin:.12rem}.answer-box{margin:.35rem 0 .8rem;min-height:3.1rem}.action-row{text-align:center;margin:1.25rem 0}.big-score{font-size:2rem;font-weight:850}.pillar-list{display:grid;gap:.55rem}.pillar-row{display:grid;grid-template-columns:minmax(7.5rem,1fr) 2fr 3rem;gap:.5rem;align-items:center;font-size:.83rem}.meter{height:.45rem;border-radius:999px;overflow:hidden;border:1px solid var(--border);background:var(--surface-2)}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--info),var(--ok))}.check-list{margin:0;padding-left:1rem}.check-list li{margin:.45rem 0}.check-list span{display:block;color:var(--text-2);font-size:.83rem}.before-after,.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.signal-box,.tab-panel{margin-top:.35rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);padding:.8rem}.tabs{display:flex;gap:.35rem;flex-wrap:wrap;margin-bottom:.65rem}.tab-panel ul{margin:0;padding-left:1.1rem}.rating-row{display:flex;gap:.35rem}.rating{width:2.2rem;height:2.2rem}table{width:100%;border-collapse:collapse}th,td{padding:.55rem;border-bottom:1px solid var(--border);text-align:left;font-size:.83rem}th{color:var(--text-2);background:var(--surface-2)}pre{margin-top:.65rem;background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:.65rem;font-size:.76rem;overflow:auto}.bottom-bar{display:none}.tour,.palette,.modal{position:fixed;inset:0;background:rgba(5,8,20,.55);z-index:40;display:grid;place-items:center;padding:1rem}.tour[hidden],.palette[hidden],.modal[hidden]{display:none}.tour-card,.palette-card,.modal-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:1rem;max-width:880px;width:min(96vw,880px)}.tour-card{max-width:420px}.palette-results{display:grid;gap:.35rem;margin-top:.7rem}.palette-results button{display:flex;justify-content:space-between;border:1px solid var(--border);background:var(--surface-2);border-radius:7px;padding:.55rem;cursor:pointer;color:var(--text)}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0}.template-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:.65rem;text-align:left;cursor:pointer}.template-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-2)}.thumb{height:180px;border:1px solid var(--border);background:var(--surface-2);border-radius:6px;padding:.55rem;display:grid;align-content:start;gap:.4rem}.thumb span{font-size:.75rem;color:var(--text-2)}.thumb i,.mini-lines i{display:block;height:8px;background:var(--border-strong);border-radius:4px}.custom-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1.2fr;gap:1rem}.swatches{display:flex;gap:.4rem;flex-wrap:wrap}.swatch{width:2rem;height:2rem;border-radius:999px;border:2px solid var(--border);cursor:pointer}.swatch.active{outline:3px solid var(--accent-2)}.swatch.indigo{background:#315f99}.swatch.emerald{background:#187244}.swatch.amber{background:#b7791f}.swatch.rose{background:#b8325a}.swatch.slate{background:#475569}.swatch.gold{background:#b08900}.section-order{list-style:none;padding:0;margin:.5rem 0 0}.section-order li{border:1px solid var(--border);border-radius:7px;background:var(--surface-2);padding:.4rem;margin-bottom:.35rem}.mini-preview{border:1px solid var(--border);border-radius:8px;background:var(--surface-2);padding:.8rem}.mini-preview p{margin:.25rem 0 .8rem;color:var(--text-2)}.mini-lines{display:grid;gap:.35rem}@media (prefers-reduced-motion:no-preference){.reveal{animation:reveal .32s ease both}@keyframes reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@media (max-width:980px){.product-shell,.control-deck,.insight-grid,.workspace-grid,.before-after,.feedback-grid,.custom-grid{grid-template-columns:1fr}.auto-panel{flex-direction:column}.auto-steps{width:100%;grid-template-columns:repeat(4,1fr)}.score-grid{grid-template-columns:1fr 1fr}.top-nav{display:none}}@media (max-width:720px){main{padding:.85rem  .85rem 4.5rem}.app-header{position:static;align-items:flex-start;flex-direction:column}.header-actions{width:100%}.header-actions .btn,.header-actions .theme-toggle{flex:1}.auto-steps,.compare-strip,.reuse-strip,.score-grid,.template-grid{grid-template-columns:1fr}.pillar-row{grid-template-columns:1fr}.hero-panel{padding:1rem}h2{font-size:1.25rem}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;padding:.55rem;background:var(--surface);border-top:1px solid var(--border)}.bottom-bar button{border:1px solid var(--border);background:var(--navy-3);color:#fff;border-radius:7px;padding:.65rem}}

.engine-path{display:flex;gap:.25rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:.18rem}.engine-chip{border:0;background:transparent;color:#dbeafe;border-radius:6px;padding:.25rem .48rem;cursor:pointer;display:flex;flex-direction:column;line-height:1.05;font-weight:800}.engine-chip small{font-size:.62rem;color:#b8c7db}.engine-chip.active{background:#fff;color:#0b1220}.engine-chip.active small{color:#315f99}.engine-badges{display:flex;gap:.25rem;align-items:center}.b-info{border-color:var(--info);color:var(--info)}.b-warn{border-color:var(--warn);color:var(--warn)}.b-ok{border-color:var(--ok);color:var(--ok)}.toggle-row{display:flex;gap:.45rem;align-items:center;color:var(--text-2);font-weight:700}.compare-view{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin:.75rem 0}.compare-view>div{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;padding:.75rem}@media(max-width:720px){.engine-path{order:5;width:100%;justify-content:stretch}.engine-chip{flex:1;align-items:center}.engine-badges{width:100%}.compare-view{grid-template-columns:1fr}}