.builder-app{--b-pink:#fe2c55;--b-line:#e9eaee;--b-muted:#898b95;--b-text:#24262e;--b-surface:#f7f8fa;font-family:var(--font-sans);height:100dvh;color:var(--b-text);background:#fff;flex-direction:column;font-size:14px;line-height:1.5;display:flex;overflow:hidden}.builder-app button,.builder-app input,.builder-app select{font-family:inherit}.builder-app button{cursor:pointer;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.builder-app button:disabled{cursor:not-allowed;opacity:.35}.builder-app button:focus-visible,.builder-app a:focus-visible{outline-offset:2px;outline:2px solid #08a8a0}.builder-app h2,.builder-app h3,.builder-app h4,.builder-app h5,.builder-app p{margin:0}.builder-app h3{letter-spacing:-.25px;font-size:16px;font-weight:620}.builder-app h4{margin:20px 0 12px;font-size:13px;font-weight:600}.builder-topbar{border-bottom:1px solid var(--b-line);z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:20px;height:68px;min-height:68px;padding:0 25px;display:flex}.builder-identity,.builder-top-actions{align-items:center;gap:15px;min-width:0;display:flex}.builder-logo{letter-spacing:-1.25px;font-size:26px;font-weight:750}.builder-logo span{color:var(--b-pink)}.back-docs{color:#626571;align-items:center;width:28px;height:32px;display:flex}.top-separator{background:var(--b-line);flex-shrink:0;width:1px;height:22px}.document-title-input{background:0 0;border:0;border-radius:4px;width:180px;max-width:210px;padding:8px 5px;font-size:14px;font-weight:500}.document-title-input:hover{background:#f7f7f9}.saved-label{color:#9496a0;white-space:nowrap;align-items:center;gap:5px;font-size:11px;display:flex}.saved-label svg{color:#6b9c93}.builder-top-actions>button:not(.builder-download){color:#777b88;padding:8px}.builder-top-actions>button:hover{background:#f5f5f7}.builder-new{align-items:center;gap:6px;font-size:13px;display:flex}.builder-top-actions .builder-download{background:var(--b-pink);color:#fff;border-radius:6px;gap:8px;padding:11px 16px;font-size:13px;font-weight:550}.builder-top-actions .builder-download:hover{background:#e6254c}.builder-workspace{flex:1;grid-template-columns:320px minmax(280px,1fr) 292px;min-height:0;display:grid}.builder-left,.builder-right{background:#fff;flex-direction:column;min-height:0;display:flex;overflow:hidden}.builder-left{border-right:1px solid var(--b-line)}.builder-right{border-left:1px solid var(--b-line)}.panel-heading{border-bottom:1px solid var(--b-line);flex-shrink:0;justify-content:space-between;align-items:center;padding:21px 24px 17px;display:flex}.panel-heading h2{letter-spacing:-.45px;margin-top:3px;margin-bottom:0;font-size:21px;line-height:1.3}.panel-eyebrow{letter-spacing:1.2px;color:#a2a4ad;font-size:9px;font-weight:550}.panel-heading>button{color:#9b9ea8;padding:6px}.content-panel-body{scrollbar-width:thin;scrollbar-color:#dddfe5 transparent;flex:1;overflow:auto}.section-navigation{grid-template-columns:1fr 1fr;gap:4px;padding:16px 16px 10px;display:grid}.section-nav{color:#727582;text-align:left;border-radius:5px;gap:6px;min-width:0;padding:9px 8px;font-size:11px;justify-content:flex-start!important}.section-nav>svg{width:14px;height:14px}.section-nav>span:not(.section-count){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.section-nav>svg:last-child{width:10px}.section-nav:hover{background:#f5f5f7}.section-nav.active{color:#dd2950;background:#fff0f3}.section-count{color:#777;background:#e9ebef;border-radius:3px;padding:0 4px;font-size:9px}.add-section-button{color:#9699a4;grid-column:1/-1;gap:6px;padding:11px 8px;font-size:11px;justify-content:flex-start!important}.section-editor{border-top:1px solid var(--b-line);padding:20px 24px 28px}.section-editor-heading{justify-content:space-between;align-items:center;margin-bottom:19px;display:flex}.section-editor-heading>button{color:#9295a0}.b-field{flex-direction:column;gap:7px;min-width:0;margin-bottom:15px;display:flex}.b-field>span,.b-label{color:#646774;font-size:12px;font-weight:500}.b-field input,.b-field select{color:#414451;background:#fff;border:1px solid #e2e4e9;border-radius:5px;width:100%;min-width:0;padding:10px 11px;font-size:13px;line-height:1.5;box-shadow:0 1px 2px #00000002}.b-field input::placeholder{color:#bec0c8}.b-field input:focus,.b-field select:focus{outline-offset:1px;border-color:#ee7290;outline:2px solid #ffc4d1}.b-field select{appearance:auto}.b-hint{color:#9295a0;line-height:1.65;margin:7px 0 20px!important;font-size:12px!important}.photo-control{align-items:center;gap:12px;margin-bottom:23px;display:flex}.photo-upload{color:#9aa0ab;background:#fafbfc;border:1px dashed #d5d8df;border-radius:8px;flex-shrink:0;width:55px;height:55px;overflow:hidden}.photo-upload img{object-fit:cover;width:100%;height:100%}.photo-control strong{font-size:12px;font-weight:550}.photo-control p{color:#a2a5af;margin-top:3px;font-size:10px}.photo-control>div>button{color:#d93257;padding:4px 8px 0 0;font-size:10px}.panel-footer{border-top:1px solid var(--b-line);color:#a1a4ae;flex-shrink:0;align-items:center;gap:7px;padding:15px 24px;font-size:10px;display:flex}.privacy-dot{background:#79b6a7;border-radius:50%;width:5px;height:5px}.builder-canvas{background-color:#f0f1f4;background-image:radial-gradient(#d8dbe1 .65px,#0000 .65px);background-size:15px 15px;flex-direction:column;min-width:0;min-height:0;display:flex;position:relative;overflow:hidden}.canvas-top{flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:20px 26px 14px;display:flex}.canvas-breadcrumb{color:#9295a0;flex:1;align-items:center;gap:10px;min-width:0;font-size:11px;display:flex}.canvas-breadcrumb>span:first-of-type{white-space:nowrap;text-overflow:ellipsis;max-width:220px;overflow:hidden}.canvas-breadcrumb strong{color:#656976;font-weight:500}.canvas-panel-toggles{flex-shrink:0;gap:10px;display:flex}.canvas-panel-toggles button{color:#ba2445;background:#fff;border:1px solid #e4b7c1;border-radius:7px;gap:7px;min-height:36px;padding:8px 12px;font-size:12px;font-weight:600}.canvas-panel-toggles button:hover{background:#fff0f3}.canvas-scroll{scrollbar-width:thin;scrollbar-color:#d2d6de transparent;flex:1;padding:10px 30px 100px;overflow:auto}.canvas-paper-width{max-width:none;margin:0 auto;position:relative}.resume-sheet{background:#fff;min-height:100px;margin-bottom:30px;position:relative;box-shadow:0 3px 7px #151a2810,0 15px 30px #151a2807}.resume-sheet canvas{width:100%;height:auto;display:block}.sheet-page-number{color:#a0a4ad;font-size:10px;position:absolute;bottom:-23px;right:0}.canvas-render-status{color:#989da8;justify-content:center;align-items:center;gap:6px;height:22px;margin-bottom:4px;font-size:10px;display:flex}.canvas-end{color:#a9adb7;text-align:center;margin-top:46px;font-size:10px}.sample-banner{color:#8c8591;justify-content:center;align-items:center;gap:7px;margin:0 26px 12px;font-size:11px;display:flex}.sample-banner a{color:#d22f53;text-underline-offset:3px;margin-left:4px;text-decoration:underline}.canvas-dock{z-index:5;white-space:nowrap;background:#fff;border:1px solid #e9ebef;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #2028380d}.canvas-dock button{color:#757985;border-radius:4px;width:26px;height:28px}.canvas-dock button:hover{background:#f5f6f8}.dock-status{color:#888e99;align-items:center;gap:6px;font-size:10px;display:flex}.dock-status>span{background:#86b8ab;border-radius:50%;width:5px;height:5px}.dock-divider{background:#eceef2;width:1px;height:17px}.zoom-label{text-align:center;color:#737885;min-width:30px;font-size:11px}.design-tabs{border-bottom:1px solid var(--b-line);justify-content:space-between;gap:3px;padding:10px 17px;display:flex}.design-tabs button{color:#969ba5;border-radius:5px;width:34px;height:34px}.design-tabs button.active{color:var(--b-pink);background:#fff0f3}.design-tabs button:hover{background:#f6f6f8}.design-panel-content{scrollbar-width:thin;scrollbar-color:#dddfe5 transparent;flex:1;padding:21px 20px;overflow-y:auto}.settings-title{justify-content:space-between;align-items:center;display:flex}.settings-title>span{color:#9da1ac;font-size:10px}.builder-template-grid{grid-template-columns:1fr 1fr;gap:19px 12px;display:grid}.builder-template{text-align:left;color:#7b7e89;flex-direction:column;gap:7px;padding:0;font-size:11px;display:flex;align-items:start!important}.template-thumb{aspect-ratio:.707;background:#f1f2f5;border:2px solid #0000;border-radius:5px;width:100%;padding:5px;position:relative;overflow:hidden}.template-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;display:block;box-shadow:0 1px 4px #0000000b}.builder-template.selected .template-thumb{border-color:var(--b-pink);background:#fff0f3}.builder-template.selected>span:last-child{color:#db2b51;font-weight:550}.template-check{background:var(--b-pink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:6px;right:6px}.template-attribution{border-top:1px solid var(--b-line);color:#8c919d;flex-direction:column;gap:3px;padding:13px 20px;font-size:9px;display:flex}.template-attribution a{color:#6e7480}.template-attribution a:hover{text-decoration:underline}.entry-card{border:1px solid #e6e8ed;border-radius:6px;margin-bottom:9px;overflow:hidden}.entry-card.entry-hidden{opacity:.65}.entry-heading{text-align:left;gap:8px;width:100%;padding:12px;justify-content:space-between!important}.entry-heading>span{min-width:0}.entry-heading strong,.entry-heading small{text-overflow:ellipsis;font-size:12px;font-weight:500;display:block;overflow:hidden}.entry-heading small{color:#9297a0;margin-top:2px;font-size:10px}.entry-fields{border-top:1px solid #edeef1;padding:14px 12px 10px}.entry-fields .b-field input{padding:9px;font-size:12px}.entry-actions{border-top:1px solid #eee;gap:7px;margin-top:14px;padding-top:10px;display:flex}.entry-actions button{color:#8b929e;padding:6px}.entry-actions .delete-entry{color:#d2536c;margin-left:auto}.b-add{color:#7d8491;border:1px dashed #dce0e7;border-radius:5px;gap:6px;width:100%;margin-top:5px;padding:10px;font-size:11px}.b-add:hover{background:#f8f9fb}.rich-text{border:1px solid #e2e4e9;border-radius:6px;margin-top:8px;overflow:hidden}.rich-toolbar{background:#fafbfc;border-bottom:1px solid #eceef2;gap:5px;padding:7px;display:flex}.rich-toolbar button{color:#858b96;border-radius:3px;padding:4px}.rich-toolbar button:hover{background:#e9ecf1}.rich-content{color:#636978;overflow-wrap:anywhere;outline:none;min-height:170px;padding:13px;font-size:13px;line-height:1.75}.rich-content:focus{box-shadow:inset 0 0 0 1px #ec9fb1}.rich-content p{margin:0 0 10px}.rich-content ul,.rich-content ol{padding-left:19px}.b-range{margin:19px 0;display:block}.b-range>span{color:#7c8290;justify-content:space-between;margin-bottom:9px;font-size:12px;display:flex}.b-range output{color:#555d6d;font-size:11px}.b-range input{width:100%;accent-color:var(--b-pink);cursor:pointer;height:4px;display:block}.settings-group{border-bottom:1px solid #ebedf1;padding-bottom:13px}.b-color-field{color:#787f8d;justify-content:space-between;align-items:center;margin:17px 0;font-size:12px;display:flex}.b-color-field input{background:#fff;border:1px solid #e4e6eb;border-radius:5px;width:50px;height:29px;padding:2px}.color-palette{grid-template-columns:repeat(4,1fr);gap:10px;margin:23px 0;display:grid}.color-palette button{color:#fff;border:3px solid #fff;border-radius:5px;height:34px;box-shadow:0 0 0 1px #e6e8ed}.color-palette button[aria-pressed=true]{box-shadow:0 0 0 2px #bdc2cd}.b-checkbox{color:#7d8491;align-items:center;gap:8px;margin:16px 0;font-size:12px;display:flex}.b-checkbox input{accent-color:var(--b-pink)}.layout-column{background:#f8f9fb;border:1px solid #eceef2;border-radius:6px;min-height:60px;margin-bottom:12px;padding:9px}.layout-column h5{letter-spacing:.4px;text-transform:uppercase;color:#a0a5af;margin:0 0 7px;font-size:10px}.layout-row{color:#949aa6;cursor:grab;background:#fff;border:1px solid #e8ebef;border-radius:4px;align-items:center;gap:5px;margin-bottom:5px;padding:7px 5px;display:flex}.layout-row>span{color:#6c7583;flex:1;font-size:11px}.layout-row>button{color:#a2a9b4;padding:3px}.export-option{text-align:left;color:#9097a3;border-bottom:1px solid #eceef2;gap:12px;width:100%;padding:15px 0;display:flex}.export-option>span{flex:1}.export-option strong{color:#505968;font-size:12px;font-weight:550;display:block}.export-option small{color:#9da4ae;margin-top:4px;font-size:10px;line-height:1.5;display:block}.remove-section{color:#c66178;gap:7px;margin-top:24px;font-size:11px}.builder-toast{color:#fff;z-index:80;background:#232833;border-radius:8px;align-items:center;gap:17px;max-width:min(520px,90vw);padding:13px 17px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 5px 25px #0002}.builder-toast button{color:#ccc}.builder-mobile-tabs,.builder-app.left-closed .builder-left{display:none}.builder-app.left-closed .builder-workspace{grid-template-columns:minmax(280px,1fr) 292px}.builder-app.right-closed .builder-right{display:none}.builder-app.right-closed .builder-workspace{grid-template-columns:320px minmax(280px,1fr)}.builder-app.left-closed.right-closed .builder-workspace{grid-template-columns:1fr}.render-error{color:#b73151;background:#fff4f5;border:1px solid #ffc9d4;gap:10px;margin-bottom:15px;padding:20px;font-size:13px;display:flex}.builder-loading,.builder-error{height:100dvh;font-family:var(--font-sans);color:#8b91a0;flex-direction:column;justify-content:center;align-items:center;gap:15px;display:flex}.builder-error{text-align:center;max-width:650px;margin:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width>=1650px){.builder-workspace{grid-template-columns:350px minmax(300px,1fr) 320px}.section-navigation{gap:6px}.section-nav{padding:10px;font-size:12px}.b-field input{padding:11px;font-size:14px}.builder-template-grid{gap:20px 15px}}@media (width<=1180px){.builder-workspace{grid-template-columns:285px minmax(240px,1fr) 250px}.saved-label{display:none}.builder-topbar{padding:0 18px}.builder-top-actions{gap:10px}.builder-template-grid{gap:16px 9px}.design-panel-content{padding:18px 16px}.design-tabs{padding:10px}.design-tabs button{width:30px}.section-editor{padding:19px}.panel-heading{padding:20px}.section-navigation{padding:12px 9px}.section-nav{font-size:10px}.canvas-top{padding:20px 20px 12px}.canvas-scroll{padding:8px 24px 100px}.canvas-breadcrumb>span:first-of-type{max-width:120px}.sample-banner{flex-wrap:wrap;gap:4px;margin:0 17px 10px;font-size:10px}.canvas-dock{gap:5px;padding:7px 9px}.dock-status{font-size:9px}.builder-app.left-closed .builder-workspace{grid-template-columns:minmax(240px,1fr) 250px}.builder-app.right-closed .builder-workspace{grid-template-columns:285px minmax(240px,1fr)}}@media (width<=950px){.builder-topbar{height:60px;min-height:60px;padding:0 14px}.builder-logo{font-size:24px}.builder-identity{gap:8px}.document-title-input{width:150px;max-width:180px;font-size:12px}.builder-top-actions{gap:4px}.builder-new{display:none}.builder-top-actions .builder-download{padding:9px 12px;font-size:12px}.builder-mobile-tabs{border-bottom:1px solid var(--b-line);background:#fff;justify-content:center;gap:4px;padding:7px;display:flex}.builder-mobile-tabs button{color:#8a909c;border-radius:5px;padding:7px 25px;font-size:12px}.builder-mobile-tabs button.active{color:#dd2c54;background:#fff0f3}.builder-workspace,.builder-app.left-closed .builder-workspace,.builder-app.right-closed .builder-workspace{display:block;position:relative}.builder-left,.builder-right,.builder-canvas{width:100%;height:100%}.builder-left,.builder-right{border:0}.builder-app[data-mobile=content] .builder-left{display:flex}.builder-app[data-mobile=content] .builder-canvas,.builder-app[data-mobile=content] .builder-right,.builder-app[data-mobile=preview] .builder-left,.builder-app[data-mobile=preview] .builder-right{display:none}.builder-app[data-mobile=preview] .builder-canvas{display:flex}.builder-app[data-mobile=design] .builder-left,.builder-app[data-mobile=design] .builder-canvas{display:none}.builder-app[data-mobile=design] .builder-right{display:flex}.desktop-only{display:none!important}.content-panel-body{grid-template-columns:200px 1fr;align-items:start;display:grid}.section-navigation{grid-template-columns:1fr;position:sticky;top:0}.section-nav{padding:11px;font-size:13px}.section-nav>svg{width:16px}.section-editor{border-top:0;border-left:1px solid #eee;min-height:100%;padding:22px}.b-field input,.b-field select{font-size:15px}.builder-template-grid{grid-template-columns:repeat(4,1fr);gap:22px}.design-tabs{justify-content:flex-start;gap:10px}.design-tabs button{width:38px}.design-panel-content{align-self:center;width:100%;max-width:900px;padding:24px}.template-attribution{flex-direction:row;justify-content:space-between}.builder-canvas .canvas-top{padding:18px}.builder-canvas .canvas-scroll{padding-left:18px;padding-right:18px}.settings-group{max-width:550px}.canvas-paper-width{max-width:none}.panel-heading{padding:16px 24px}.panel-eyebrow{display:none}}@media (width<=540px){.builder-logo{font-size:23px}.builder-identity>.top-separator{display:none}.document-title-input{width:116px;max-width:116px;font-size:11px}.builder-top-actions>.top-separator{display:none}.builder-top-actions>button:not(.builder-download){padding:5px}.builder-top-actions .builder-download{padding:9px}.builder-download>span{display:none}.builder-identity{gap:5px}.back-docs{width:24px}.builder-topbar{gap:7px;padding:0 10px}.content-panel-body{display:block}.section-navigation{border-bottom:1px solid #eee;grid-template-columns:1fr 1fr;padding:10px 15px;position:static}.section-nav{padding:9px;font-size:12px}.section-editor{border:0;padding:22px}.builder-template-grid{grid-template-columns:repeat(3,1fr);gap:16px 10px}.design-panel-content{padding:20px}.canvas-breadcrumb{font-size:10px}.canvas-breadcrumb>span:first-of-type{max-width:150px}.sample-banner{margin:0 15px 8px;font-size:10px}.b-field input,.b-field select,.rich-content,.entry-fields .b-field input{font-size:16px}.b-field>span,.b-label{font-size:13px}.canvas-dock{bottom:20px}.canvas-scroll{padding-bottom:90px}.builder-mobile-tabs button{flex:1}.builder-app .panel-heading h2{font-size:19px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}.builder-app *{transition:none!important}}.builder-app .b-button{color:#252830;background:#fff;border:1px solid #e4e5e9;border-radius:8px;width:100%;padding:10px 12px;font-weight:600}.builder-app .b-button:hover{background:#fff1f5;border-color:#fe2c55}