@font-face{font-family:Cal Sans;src:url(/fonts/CalSans-SemiBold.ttf)format("truetype");font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#050505;--panel:#18181b9e;--panel-strong:#111113;--line:#3f3f46;--line-soft:#27272a;--muted:#a1a1aa;--subtle:#71717a;--text:#f4f4f5;--purple:#c084fc;--blue:#60a5fa;--cyan:#22d3ee;--green:#34d399;--danger:#fb7185}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{color:inherit}button,label{-webkit-tap-highlight-color:transparent}.builder-page{background:radial-gradient(circle at 50% 0,#52525b2e,#0000 34rem),linear-gradient(to bottom right,#050505,#3f3f461f,#050505);min-height:100vh;overflow:hidden}.builder-page:before{content:"";z-index:0;pointer-events:none;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E");position:fixed;inset:0}.builder-page>*{z-index:1;position:relative}.stepper,.workspace,.builder-footer,.notice{width:min(1180px,100% - 40px);margin-inline:auto}.builder-beam{background:linear-gradient(180deg, transparent, var(--line-soft) 15%, var(--line-soft) 85%, transparent);pointer-events:none;width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.section-label{color:var(--subtle);text-transform:uppercase;letter-spacing:.18em;font-size:11px}.stepper{border-bottom:1px solid var(--line-soft);grid-template-columns:repeat(5,1fr);gap:8px;padding:50px 0 28px;display:grid}.stepper button{appearance:none;color:var(--subtle);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:10px;font-size:13px;transition:all .25s;display:flex}.stepper button:disabled{cursor:not-allowed;opacity:.45}.stepper button>span{border:1px solid var(--line);border-radius:999px;flex:none;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.stepper button.is-active{color:var(--text)}.stepper button.is-active>span{border-color:var(--blue);color:var(--blue);box-shadow:0 0 24px #60a5fa38}.notice{color:#fecdd3;background:#9f123921;border:1px solid #fb718561;border-radius:10px;margin-top:22px;padding:14px 16px;font-size:13px}.workspace{padding:70px 0 120px}.connect-panel{grid-template-columns:150px minmax(300px,1fr) minmax(360px,.9fr);align-items:center;gap:45px;min-height:440px;display:grid}.connect-copy svg,.heading-icon{color:var(--blue)}.connect-copy h2,.workspace-heading h2{letter-spacing:-.035em;margin:16px 0 14px;font:600 clamp(40px,5vw,68px)/1 Cal Sans,sans-serif}.connect-copy p,.workspace-heading p{max-width:670px;color:var(--muted);margin:0;line-height:1.7}.username-form{border:1px solid var(--line);background:#111113c7;border-radius:15px;overflow:hidden;box-shadow:0 30px 80px #00000047}.username-form label{color:var(--subtle);padding:22px 22px 0;font-size:12px;display:block}.username-form input{width:100%;color:var(--text);background:0 0;border:0;outline:0;padding:5px 22px 24px;font:600 31px Cal Sans,sans-serif}.primary-button,.secondary-button,.ghost-button,.resume-upload-button,.ghost-link{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 17px;font-size:13px;font-weight:650;transition:border-color .25s,background .25s,transform .25s,opacity .25s;display:inline-flex}.primary-button{color:#09090b;background:#fafafa;border:1px solid #e4e4e7}.primary-button:hover:not(:disabled){background:#fff;transform:translateY(-2px);box-shadow:0 15px 45px #ffffff1f}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{cursor:not-allowed;opacity:.45}.username-form .primary-button{border:0;border-radius:0;width:100%;min-height:58px}.secondary-button,.resume-upload-button,.ghost-link{border:1px solid var(--line);color:var(--text);background:#18181b}.secondary-button:hover:not(:disabled),.resume-upload-button:hover,.ghost-link:hover{background:#27272a;border-color:#a1a1aa}.ghost-button{border:1px solid var(--line);color:#d4d4d8;background:0 0}.ghost-button:hover:not(:disabled){background:#27272ab3;border-color:#71717a}.workspace-heading{justify-content:space-between;align-items:flex-start;gap:40px;margin-bottom:44px;display:flex}.counter-stack{border-left:1px solid var(--line);min-width:145px;padding:16px}.counter-stack strong,.counter-stack span{display:block}.counter-stack strong{font:600 27px Cal Sans,sans-serif}.counter-stack span{color:var(--subtle);margin-top:5px;font-size:12px}.profile-strip{border:1px solid var(--line);background:#18181b73;border-radius:13px;align-items:center;gap:14px;margin-bottom:24px;padding:16px;display:flex}.profile-strip img{object-fit:cover;border-radius:999px;width:48px;height:48px}.profile-strip>div strong,.profile-strip>div span{display:block}.profile-strip>div span{color:var(--subtle);font-size:12px}.profile-stat{text-align:right;margin-left:auto;padding-right:20px}.project-editor-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.project-editor{border:1px solid var(--line-soft);background:#111113a6;border-radius:15px;padding:22px;transition:all .3s;position:relative;overflow:hidden}.project-editor.is-selected{border-color:#52525b;box-shadow:inset 0 1px #ffffff09}.project-editor-top{align-items:center;gap:8px;margin-bottom:18px;display:flex}.selection-toggle,.feature-toggle,.icon-button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:#18181b}.selection-toggle{border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:0 11px;font-size:11px;display:inline-flex}.selection-toggle.is-on{color:#bbf7d0;background:#064e3b38;border-color:#34d39973}.feature-toggle,.icon-button{border-radius:8px;place-items:center;width:33px;height:33px;display:grid}.feature-toggle{margin-left:auto}.feature-toggle.is-on{color:#fbbf24;border-color:#fbbf2466}.danger-button:hover{color:var(--danger);border-color:#fb71856b}.project-editor label,.form-panel label,.content-editor label,.skill-editor label,.project-copy-list label{color:var(--subtle);text-transform:uppercase;letter-spacing:.08em;margin-top:13px;font-size:11px;display:block}.project-editor input,.project-editor textarea,.form-panel input,.form-panel textarea,.content-editor input,.content-editor textarea,.skill-editor input,.skill-editor textarea,.project-copy-list input,.project-copy-list textarea,.domain-control input{border:1px solid var(--line-soft);width:100%;color:var(--text);background:#09090b;border-radius:8px;outline:0;margin-top:7px;padding:11px 12px;line-height:1.45;transition:border-color .2s}textarea{resize:vertical}.project-editor input:focus,.project-editor textarea:focus,.form-panel input:focus,.form-panel textarea:focus,.content-editor input:focus,.content-editor textarea:focus,.skill-editor input:focus,.skill-editor textarea:focus,.project-copy-list input:focus,.project-copy-list textarea:focus,.domain-control input:focus{border-color:#71717a}.split-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.project-editor-footer{color:var(--subtle);justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;display:flex}.image-upload,.resume-upload-button{position:relative;overflow:hidden}.image-upload{cursor:pointer;align-items:center;gap:7px;max-width:70%;color:#d4d4d8!important;text-transform:none!important;letter-spacing:0!important;margin:0!important;display:flex!important}.image-upload input,.resume-upload-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.editor-image-preview{object-fit:cover;object-position:center;border-top:1px solid var(--line-soft);background:#09090b;width:calc(100% + 44px);height:180px;margin:20px -22px -22px}.workspace-actions{border-top:1px solid var(--line-soft);justify-content:flex-end;align-items:center;gap:12px;margin-top:38px;padding-top:24px;display:flex}.generation-grid,.publish-grid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.form-panel,.resume-drop-panel,.content-editor,.skill-editor,.project-copy-list article,.publish-card{border:1px solid var(--line);background:#111113a1;border-radius:15px}.form-panel,.content-editor{padding:26px}.form-panel h3,.resume-drop-panel h3,.subsection-heading h3,.publish-card h3{margin:0;font:600 26px Cal Sans,sans-serif}.resume-drop-panel{text-align:center;background:radial-gradient(circle at 50% 25%,#60a5fa1f,#0000 35%),#111113a1;flex-direction:column;justify-content:center;align-items:center;min-height:430px;padding:34px;display:flex}.resume-icon,.publish-icon{border:1px solid var(--line);width:58px;height:58px;color:var(--blue);background:#18181b;border-radius:14px;place-items:center;display:grid}.resume-drop-panel h3{margin-top:22px}.resume-drop-panel p,.publish-card p,.subsection-heading p{color:var(--muted);line-height:1.65}.resume-upload-button{margin-top:16px}.file-pill{color:#bbf7d0;background:#064e3b26;border:1px solid #34d3994d;border-radius:8px;align-items:center;gap:8px;max-width:100%;margin-top:20px;padding:10px 12px;font-size:12px;display:flex}.file-pill span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-pill small{color:#6ee7b7;white-space:nowrap}.ai-disclosure{color:#bfdbfe;background:#1e40af1a;border:1px solid #60a5fa40;border-radius:10px;align-items:center;gap:10px;margin-top:16px;padding:14px 16px;font-size:12px;display:flex}.content-editor{gap:10px;display:grid}.subsection-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:45px 0 18px;display:flex}.subsection-heading p{margin:6px 0 0;font-size:13px}.skills-editor-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.skill-editor{padding:22px;position:relative}.skill-editor>.icon-button{position:absolute;top:14px;right:14px}.skill-editor label:first-of-type{max-width:calc(100% - 45px)}.project-copy-list{gap:12px;display:grid}.project-copy-list article{padding:22px}.project-copy-title{justify-content:space-between;align-items:center;display:flex}.project-copy-title strong{font:600 22px Cal Sans,sans-serif}.project-copy-title span{color:#fcd34d;text-transform:uppercase;letter-spacing:.09em;border:1px solid #fbbf2459;border-radius:999px;padding:5px 8px;font-size:10px}.template-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.template-grid>button{border:1px solid var(--line);color:var(--text);text-align:left;cursor:pointer;background:#11111399;border-radius:14px;padding:14px;transition:all .3s}.template-grid>button:hover,.template-grid>button.is-selected{border-color:#71717a;transform:translateY(-3px)}.template-grid>button.is-selected{box-shadow:0 16px 50px #60a5fa14}.template-grid strong{align-items:center;gap:7px;margin-top:14px;font:600 20px Cal Sans,sans-serif;display:flex}.template-grid p{color:var(--subtle);margin:7px 0 2px;font-size:12px;line-height:1.55}.template-swatch{background:#09090b;border:1px solid #27272a;border-radius:9px;gap:8px;height:130px;padding:15px;display:grid;overflow:hidden}.template-swatch span{background:linear-gradient(90deg,#c084fc38,#60a5fa14);border:1px solid #3f3f46;border-radius:4px;display:block}.swatch-obsidian{grid-template-columns:1fr 1fr}.swatch-obsidian span:first-child{grid-column:1/-1}.swatch-aurora{grid-template-columns:1.4fr .6fr}.swatch-aurora span:first-child{grid-row:1/3}.swatch-signal span{min-height:24px}.preview-shell{border:1px solid var(--line);background:#09090b;border-radius:16px;margin-top:24px;overflow:hidden;box-shadow:0 35px 100px #00000052}.preview-toolbar{border-bottom:1px solid var(--line-soft);background:#111113;align-items:center;gap:7px;height:48px;padding:0 15px;display:flex}.preview-toolbar>span{background:#52525b;border-radius:999px;width:9px;height:9px}.preview-toolbar>div{color:#71717a;text-align:center;background:#09090b;border:1px solid #27272a;border-radius:7px;min-width:280px;margin:auto;padding:6px 14px;font-size:11px}.preview-shell iframe{background:#050505;border:0;width:100%;height:760px}.publish-grid{grid-template-columns:1fr 1fr;margin-top:24px}.publish-card{padding:26px}.publish-card h3{margin-top:20px}.accent-card{background:radial-gradient(circle at 90% 0,#60a5fa1a,#0000 33%),#111113a1}.full-button{width:100%;margin-top:16px}.ghost-link{text-decoration:none}.domain-control{border:1px solid var(--line);background:#09090b;border-radius:9px;grid-template-columns:1fr auto;align-items:center;display:grid}.domain-control input{background:0 0;border:0;margin:0}.domain-control span{color:var(--subtle);padding-right:12px;font-size:12px}.domain-actions{justify-content:space-between;align-items:center;gap:12px;min-height:46px;display:flex}.domain-actions .ghost-button{min-height:34px;padding-inline:11px}.available-label{color:#86efac;align-items:center;gap:6px;font-size:12px;display:inline-flex}.taken-label{color:#fda4af;font-size:12px}.success-panel{background:#064e3b24;border:1px solid #34d39959;border-radius:12px;margin-top:18px;padding:18px}.success-header{color:#bbf7d0;align-items:center;gap:8px;margin-bottom:16px;display:flex}.deployment-links{flex-direction:column;gap:12px;display:flex}.link-row{flex-direction:column;gap:6px;display:flex}.link-label{color:#86efac;font-size:12px;font-weight:500}.deployment-links a{color:#67e8f9;background:#064e3b33;border-radius:6px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:650;text-decoration:none;transition:background .2s;display:flex}.deployment-links a:hover{background:#064e3b59}.builder-footer{border-top:1px solid var(--line-soft);color:var(--subtle);justify-content:space-between;align-items:center;padding:30px 0 45px;font-size:12px;display:flex}.footer-credit{color:var(--subtle);text-decoration:none;transition:color .2s}.footer-credit:hover{color:var(--cyan)}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:980px){.connect-panel{grid-template-columns:1fr;align-items:start}.connect-panel .section-label{margin-bottom:-20px}.generation-grid,.publish-grid{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}}@media (max-width:760px){.stepper,.workspace,.builder-footer,.notice{width:min(100% - 24px,1180px)}.stepper{grid-template-columns:repeat(5,minmax(145px,1fr));padding:40px 0 28px;overflow-x:auto}.workspace{padding-top:50px}.workspace-heading{flex-direction:column}.counter-stack{border-left:0;border-top:1px solid var(--line);padding-left:0}.profile-strip{flex-wrap:wrap;align-items:flex-start}.profile-stat{text-align:left;margin-left:0}.profile-strip .ghost-button{width:100%}.project-editor-grid,.skills-editor-grid,.template-grid{grid-template-columns:1fr}.split-fields{grid-template-columns:1fr;gap:0}.preview-shell iframe{height:620px}.success-panel,.builder-footer{flex-direction:column;align-items:flex-start}.deployment-links a{word-break:break-all;font-size:13px}}@media (max-width:480px){.workspace-heading h2,.connect-copy h2{font-size:43px}.workspace-actions{flex-direction:column-reverse;align-items:stretch}.workspace-actions button{width:100%}.preview-toolbar>div{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.domain-control{grid-template-columns:1fr}.domain-control span{padding:0 12px 10px}}
