:root{--text:#000;--text-h:#08060d;--light-text-h:#f3f4f6;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--shadow-color:0deg 0% 63%;--shadow-elevation-low:.3px .5px .7px hsl(var(--shadow-color) / .34), .4px .8px 1px -1.2px hsl(var(--shadow-color) / .34), 1px 2px 2.5px -2.5px hsl(var(--shadow-color) / .34);--shadow-elevation-medium:.3px .5px .7px hsl(var(--shadow-color) / .36), .8px 1.6px 2px -.8px hsl(var(--shadow-color) / .36), 2.1px 4.1px 5.2px -1.7px hsl(var(--shadow-color) / .36), 5px 10px 12.6px -2.5px hsl(var(--shadow-color) / .36);--shadow-elevation-high:.3px .5px .7px hsl(var(--shadow-color) / .34), 1.5px 2.9px 3.7px -.4px hsl(var(--shadow-color) / .34), 2.7px 5.4px 6.8px -.7px hsl(var(--shadow-color) / .34), 4.5px 8.9px 11.2px -1.1px hsl(var(--shadow-color) / .34), 7.1px 14.3px 18px -1.4px hsl(var(--shadow-color) / .34), 11.2px 22.3px 28.1px -1.8px hsl(var(--shadow-color) / .34), 17px 33.9px 42.7px -2.1px hsl(var(--shadow-color) / .34), 25px 50px 62.9px -2.5px hsl(var(--shadow-color) / .34);--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body{margin:0}#root{text-align:center;box-sizing:border-box;border-radius:16px;grid-template-columns:1fr 4fr;height:100svh;margin:0 auto;padding-block:1.5rem;display:grid}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}input{border:2px solid #333;width:100%;margin:0;padding:0;font-size:1rem}button{border:2px solid #333;margin:0;padding:0}img{aspect-ratio:2/3;object-fit:cover;width:85%}aside{grid-auto-rows:min-content min-content 1fr;max-height:100svh;padding:1rem;display:grid}h2:first-of-type{text-align:start;align-self:start}.style-container{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-auto-rows:1fr;align-self:start;gap:.75rem;display:grid}.style-card{box-shadow:var(--shadow-elevation-medium);border:1px solid #333;border-radius:8px;padding:1rem;transition:box-shadow .15s ease-in-out,border .15s ease-in-out;display:grid}.style-card p{font-family:var(--sans);text-transform:capitalize;font-weight:500}.style-card:hover{box-shadow:var(--shadow-elevation-high)}.style-card.selected{box-shadow:var(--shadow-elevation-low);border:3px solid #6495ed}.action{width:100%;color:var(--light-text-h);font-family:var(--mono);cursor:pointer;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:#00008b;border:1px solid #ffffff4d;border-radius:12px;height:3rem;padding:.75rem;font-size:20px;font-weight:700;transition:box-shadow .2s ease-in-out,transform .15s ease-in-out;box-shadow:0 8px 32px #0000001a,inset 0 1px #ffffff80,inset 0 -1px #ffffff1a,inset 0 0 5px 3px #ffffff80}.action:hover{transform:scale(1.01)}.action-container{flex-direction:column;justify-content:flex-end;display:flex}main{justify-content:center;height:100%;display:flex;overflow-y:scroll}button{border-radius:50%;width:2rem;height:2rem;padding:.3rem .25rem .2rem}.page{--paper-width:800px;width:var(--paper-width);max-width:100%;box-shadow:var(--shadow);min-height:calc(var(--paper-width) * sqrt(2));background-color:#fff;grid-auto-rows:min-content;padding:11% 9%;display:grid}.page section{grid-auto-rows:min-content;justify-items:left;gap:.5rem;width:100%;padding-bottom:1rem;display:grid}.page section img{width:80%;height:80%}h2{text-align:center;width:100%}.field{gap:4px;display:flex}.field.active{height:2rem}.field.active input{border-radius:8px;height:2rem}.field.active.standalone input{border-radius:8px 0 0 8px}.field.active.standalone button{border-radius:0 8px 8px 0;height:2.2rem}.info-block{gap:.75rem;display:flex}.info-block.active{border:1px solid #333;border-radius:16px;padding:1rem}.info-block.active .children-container{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.buttons-container{align-items:center;gap:.75rem;display:flex}main.corporate{--text:#000;--text-h:#000;--bg:#fff;--border:#000;--accent:#036;--accent-bg:#0033660d;--accent-border:#0363;--sans:"Times New Roman", Times, serif;--heading:"Times New Roman", Times, serif;--mono:"Courier New", Courier, monospace;--cv-font-size-base:11pt;--cv-font-size-h1:22pt;--cv-font-size-h2:12pt;--cv-line-height:1.4}main.corporate h2{font-family:var(--heading);font-size:var(--cv-font-size-h2);text-transform:uppercase;text-align:left;border-bottom:1.5pt solid var(--border);letter-spacing:.05em;font-weight:700}main.corporate .label{font-family:var(--sans);text-transform:uppercase;color:#666;margin-bottom:2px;font-size:8pt;font-weight:700}main.corporate .personal:first-of-type{text-align:center}main.corporate .field.saved p{font-family:var(--sans);margin:0}main.corporate .personal:first-of-type .field:first-child.saved p{font-size:var(--cv-font-size-h1);font-weight:700}main.corporate .personal:first-of-type .field:nth-child(2).saved p{font-size:var(--cv-font-size-h2);color:#333;font-style:italic}main.corporate .contact.saved{font-size:10pt}main.corporate .field.saved [name=role] p,main.corporate .field.saved [name=institution] p{font-weight:700}main.corporate .field.saved [name=date-start] p,main.corporate .field.saved [name=date-end] p{color:#444;font-style:italic}main.corporate .field.active input,main.corporate .field.active textarea{color:var(--text);background:#fff;border:1px solid #ccc;padding:4px 8px;font-family:system-ui,sans-serif;font-size:1rem;transition:border-color .2s,background-color .2s}main.corporate .field.active input:hover,main.corporate .field.active textarea:hover{border-color:#999}main.corporate .field.active input:focus,main.corporate .field.active textarea:focus{border-color:var(--accent);background-color:var(--accent-bg);outline:none}main.corporate .info-block.saved{border:none}main.corporate .info-block.active{background-color:#fafafa;border:1px dashed #ccc}main.whymsy{--text:#4a2c2a;--text-h:#ff477e;--bg:#fff9e6;--border:#ff85a2;--accent:#ff477e;--accent-bg:#ffeef2;--accent-border:#ffb3c6;--sans:"Comic Sans MS", "Comic Sans", "Chalkboard SE", cursive;--heading:"Comic Sans MS", "Comic Sans", cursive;--mono:"Bubblegum Sans", cursive;--cv-font-size-base:13pt;--cv-font-size-h1:32pt;--cv-font-size-h2:18pt;--cv-line-height:1.3}main.whymsy h2{font-family:var(--heading);font-size:var(--cv-font-size-h2);color:var(--text-h);text-align:center;border-bottom:3px dashed var(--border);letter-spacing:.1em;padding-bottom:5px;font-weight:700}main.whymsy .label{font-family:var(--sans);color:var(--accent);margin-bottom:2px;font-size:10pt;font-style:italic}main.whymsy .personal:first-of-type{text-align:center;transform:rotate(-1deg)}main.whymsy .field.saved p{font-family:var(--sans);margin:0}main.whymsy .personal:first-of-type .field:first-child.saved p{font-size:var(--cv-font-size-h1);color:#ff477e;text-shadow:2px 2px #ffeef2;font-weight:700}main.whymsy .personal:first-of-type .field:nth-child(2).saved p{font-size:var(--cv-font-size-h2);color:#70d6ff;font-weight:700}main.whymsy .contact.saved{background:#e7c6ff;border-radius:15px;padding:10px;font-size:11pt}main.whymsy .field.saved [name=role] p,main.whymsy .field.saved [name=institution] p{color:#ff70a6;font-weight:700}main.whymsy .field.saved [name=date-start] p,main.whymsy .field.saved [name=date-end] p{color:#ff9770;font-style:italic}main.whymsy .field.active input,main.whymsy .field.active textarea{color:var(--text);background:#fff;border:3px solid #ffd6a5;border-radius:12px;font-family:system-ui,sans-serif;font-size:1rem;transition:transform .2s,border-color .2s}main.whymsy .field.active input:hover,main.whymsy .field.active textarea:hover{border-color:#ffadad;transform:scale(1.02)}main.whymsy .field.active input:focus,main.whymsy .field.active textarea:focus{border-color:var(--accent);background-color:var(--accent-bg);outline:none}main.whymsy .info-block.saved{border:none}main.whymsy .info-block.active{background-color:#fdffb6;border:3px dotted #bdb2ff;border-radius:20px}main.bauhaus{--text:#1a1a1a;--text-h:#000;--bg:#fff;--border:#000;--accent-red:#e63946;--accent-blue:#457b9d;--accent-yellow:#f1faee;--sans:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--heading:"Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"Space Mono", monospace;--cv-font-size-base:10pt;--cv-font-size-h1:36pt;--cv-font-size-h2:14pt;--cv-line-height:1.2}main.bauhaus h2{font-family:var(--heading);font-size:var(--cv-font-size-h2);text-transform:uppercase;text-align:left;background-color:var(--accent-red);color:#fff;margin-bottom:1rem;padding:4px 10px;font-weight:900;display:inline-block}main.bauhaus .label{font-family:var(--heading);text-transform:uppercase;letter-spacing:1px;color:var(--accent-blue);margin-bottom:4px;font-size:8pt;font-weight:900}main.bauhaus .page{border-left:20px solid var(--accent-blue)}main.bauhaus .personal:first-of-type{border-bottom:8px solid var(--border);margin-bottom:2rem;padding-bottom:1rem}main.bauhaus .field.saved p{font-family:var(--sans);margin:0}main.bauhaus .personal:first-of-type .field:first-child.saved p{font-size:var(--cv-font-size-h1);letter-spacing:-2px;font-weight:900;line-height:.9}main.bauhaus .personal:first-of-type .field:nth-child(2).saved p{font-size:var(--cv-font-size-h2);color:var(--accent-blue);text-transform:uppercase;font-weight:400}main.bauhaus .contact.saved{background:#f1f1f1;border:2px solid #000;padding:10px}main.bauhaus .field.saved [name=role] p{color:var(--accent-red);font-weight:900}main.bauhaus .field.saved [name=institution] p{text-transform:uppercase;font-weight:700}main.bauhaus .field.active input,main.bauhaus .field.active textarea{font-family:var(--mono);background:#fff;border:2px solid #000;border-radius:0}main.bauhaus .field.active input:focus{background:var(--accent-yellow);outline:none}main.bauhaus .info-block.active{border:4px solid #000;padding:1rem}main.idc{--text:#333;--text-h:#000;--bg:#f0f0f0;--border:#666;--sans:"Times New Roman", Times, serif;--heading:"Arial", sans-serif;--cv-font-size-base:12pt;--cv-font-size-h1:20pt;--cv-font-size-h2:12pt;--cv-line-height:1}main.idc h2{font-family:var(--heading);font-weight:400;text-decoration:underline}main.idc .label{font-family:var(--sans);color:#555;margin-bottom:0;font-size:9pt;font-style:italic}main.idc .label:after{content:":"}main.idc .page{transform:rotate(.5deg);padding:20px!important}main.idc .personal:first-of-type{text-align:left;margin-left:10px}main.idc .field.saved p{font-family:var(--sans)}main.idc .personal:first-of-type .field:first-child.saved p{font-size:var(--cv-font-size-h1);text-transform:lowercase}main.idc .contact.saved{opacity:.8;border:1px solid #ccc;font-size:9pt}main.idc .field.active input{background:#eee;border:1px inset #888}main.idc .info-block.active{border:1px solid red;padding:5px}main.idc button{filter:grayscale();opacity:.5}dialog{--dialog-bg:#fff;--dialog-text:#1a1a1a;--dialog-accent:#3b82f6;--dialog-accent-hover:#2563eb;--dialog-border:#e5e7eb;--dialog-shadow:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;background:var(--dialog-bg);color:var(--dialog-text);box-shadow:var(--dialog-shadow);border:none;border-radius:12px;width:90%;max-width:450px;margin:0;padding:2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080}dialog h1{font-family:var(--sans)}.prompt-container{flex-direction:column;align-items:center;gap:1rem;display:flex}.prompt-container img{width:48px;height:48px;margin-bottom:.5rem}.prompt-container p{font-family:var(--sans)}.dialog-buttons-container{gap:1rem;width:100%;margin-top:1.5rem;display:flex}.dialog-buttons-container button{font-family:var(--sans);cursor:pointer;border:1px solid var(--dialog-border);color:#374151;background:#fff;border-radius:8px;flex:1;width:auto;height:auto;padding:.75rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.dialog-buttons-container button:hover{background:#f9fafb;border-color:#d1d5db}.dialog-buttons-container button#export{background:var(--dialog-accent);color:#fff;border:none}.dialog-buttons-container button#export:hover{background:var(--dialog-accent-hover)}
