:root{--app-bg:#edf0f1;--surface:#fff;--surface-muted:#f7f8f8;--ink:#202529;--muted:#687277;--border:#dde2e4;--charcoal:#202529;--teal:#2d8c87;--danger:#b65347;--viewport-height:100dvh;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:var(--app-bg);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.builder-shell{height:var(--viewport-height);grid-template-rows:64px minmax(0,1fr);min-height:100vh;display:grid;overflow:hidden}.app-bar{z-index:10;color:#fff;background:var(--charcoal);justify-content:space-between;align-items:center;gap:24px;padding:0 24px;display:flex;position:relative;box-shadow:0 2px 10px #12181b2e}.brand-block,.app-actions,.save-state,.app-actions button,.preview-toolbar,.preview-toolbar>span,.preview-toolbar button{align-items:center;display:flex}.brand-block{gap:12px}.brand-mark{color:#55aba6;border:1px solid #55aba6;place-items:center;width:32px;height:32px;font-size:17px;font-weight:800;display:grid}.brand-block strong{letter-spacing:.02em;font-size:20px}.save-state{color:#9eaaae;gap:6px;margin-left:4px;font-size:13px;font-weight:500}.save-state svg{color:#55aba6;width:15px;height:15px}.app-actions{gap:10px}.app-actions button{color:#f7f8f8;cursor:pointer;background:0 0;border:1px solid #596267;border-radius:4px;gap:8px;min-height:38px;padding:0 15px}.app-actions button:hover,.app-actions button:focus-visible{color:#78bdb9;border-color:#78bdb9}.app-actions button:focus-visible{outline-offset:2px;outline:2px solid #78bdb9}.app-actions svg{width:17px;height:17px}.app-actions .primary-action{background:#ffffff0a;border-color:#81898d}.mobile-view-switch{display:none}.builder-workspace{grid-template-rows:minmax(0,1fr);grid-template-columns:164px minmax(430px,520px) minmax(620px,1fr);min-height:0;display:grid;overflow:hidden}.editor-rail{border-right:1px solid var(--border);background:var(--surface-muted);flex-direction:column;padding-top:36px;display:flex}.editor-rail button{color:#4e585d;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:13px;min-height:58px;padding:0 20px;display:flex;position:relative}.editor-rail button:before{content:"";background:0 0;width:3px;position:absolute;inset:0 auto 0 0}.editor-rail button:hover{color:var(--teal);background:#f1f5f5}.editor-rail button.active{color:var(--teal);background:#fff;font-weight:650}.editor-rail button.active:before{background:var(--teal)}.editor-rail svg{stroke-width:1.8px;flex:none;width:20px;height:20px}.editor-panel{border-right:1px solid var(--border);background:var(--surface);grid-template-rows:54px minmax(0,1fr);min-width:0;min-height:0;display:grid}.panel-tabs{border-bottom:1px solid var(--border);align-items:end;gap:24px;padding:0 24px;display:flex}.panel-tabs button{height:54px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 4px}.panel-tabs button.active{color:var(--teal);border-bottom-color:var(--teal);font-weight:700}.panel-tabs button:focus-visible{outline:2px solid var(--teal);outline-offset:-4px}.editor-scroll{overscroll-behavior:contain;min-height:0;padding:25px 24px 64px;overflow-y:auto}.editor-section-title{margin-bottom:22px}.editor-section-title h2{margin:0;font-size:21px;line-height:1.3}.editor-section-title p{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.6}.form-grid{gap:15px;display:grid}.form-grid.two-columns{grid-template-columns:1fr 1fr}.form-field{gap:7px;display:grid}.form-field>span{color:#475156;font-size:13px;font-weight:650}.form-field>small{color:#8a9397;margin-top:-3px;font-size:11px}.form-field input,.form-field textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d5dbde;border-radius:4px;outline:none}.form-field input{height:40px;padding:0 11px}.form-field textarea{resize:vertical;min-height:90px;padding:10px 11px;line-height:1.65}.form-field input:hover,.form-field textarea:hover{border-color:#acb6ba}.form-field input:focus,.form-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2d8c871a}.qr-field{gap:8px;display:grid}.qr-field>span{color:#475156;font-size:13px;font-weight:650}.qr-field>small{color:#8a9397;font-size:11px;line-height:1.55}.qr-upload-row{align-items:center;gap:14px;display:flex}.qr-upload-preview,.qr-upload-placeholder{background:#f7f9f9;border:1px solid #d5dbde;border-radius:4px;flex:none;place-items:center;width:76px;height:76px;display:grid}.qr-upload-preview{object-fit:contain;background:#fff;padding:4px}.qr-upload-placeholder{color:#9aa4a8}.qr-upload-placeholder svg{stroke-width:1.5px;width:30px;height:30px}.qr-upload-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.qr-upload-button,.qr-remove-button{cursor:pointer;border-radius:4px;align-items:center;gap:7px;min-height:36px;padding:0 12px;font-size:12px;font-weight:650;display:flex}.qr-upload-button{color:var(--teal);background:#f2f8f7;border:1px solid #7da8a5}.qr-remove-button{color:var(--danger);background:0 0;border:0;padding:0}.qr-upload-button:hover{background:#e8f4f3}.qr-upload-button:focus-within{outline:2px solid var(--teal);outline-offset:2px}.qr-upload-button svg,.qr-remove-button svg{width:15px;height:15px}.next-section-button{color:#fff;background:var(--teal);cursor:pointer;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-height:40px;margin:24px 0 0 auto;padding:0 15px;font-weight:650;display:flex}.next-section-button:hover{background:#257b76}.next-section-button svg{width:17px;height:17px}.editor-item-list{gap:16px;display:grid}.editor-item{border:1px solid var(--border);background:#fbfcfc;gap:14px;padding:15px;display:grid}.editor-item.compact{gap:12px}.editor-item>header{justify-content:space-between;align-items:center;gap:16px;display:flex}.editor-item>header strong{font-size:14px}.editor-item>header button{color:var(--danger);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:4px 0;font-size:12px;display:flex}.editor-item>header button svg{width:13px;height:13px}.add-item-button{width:100%;min-height:42px;color:var(--teal);cursor:pointer;background:0 0;border:1px dashed #7da8a5;border-radius:4px;justify-content:center;align-items:center;gap:7px;margin-top:14px;font-weight:650;display:flex}.add-item-button:hover{background:#f1f8f7}.add-item-button svg{width:17px;height:17px}.style-group{border-top:1px solid var(--border);padding:18px 0}.style-group h3{margin:0 0 14px;font-size:14px}.accent-options{gap:12px;display:flex}.accent-options button{cursor:pointer;border:3px solid #fff;border-radius:50%;width:32px;height:32px;box-shadow:0 0 0 1px #c8d0d3}.accent-options button.active{box-shadow:0 0 0 2px var(--charcoal)}.density-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.density-options button{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:4px;min-height:42px}.density-options button.active{border-color:var(--teal);color:var(--teal);background:#f2f8f7;font-weight:650}.reset-button{color:#747e82;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;min-height:38px;margin-top:24px;padding:0;display:flex}.reset-button:hover{color:var(--danger)}.reset-button svg{width:16px;height:16px}.preview-panel{background:var(--app-bg);grid-template-rows:54px minmax(0,1fr);min-width:0;min-height:0;display:grid}.preview-toolbar{border-bottom:1px solid var(--border);background:#f7f8f8;justify-content:center;gap:10px}.preview-toolbar>span,.preview-toolbar button{color:#4f5a5f;background:#fff;border:1px solid #d5dbde;border-radius:4px;gap:7px;min-height:34px;padding:0 12px;font-size:12px}.preview-toolbar button{cursor:pointer}.preview-toolbar button:hover{border-color:var(--teal);color:var(--teal)}.preview-toolbar svg{width:15px;height:15px}.toolbar-accent>span{border-radius:2px;width:13px;height:13px}.preview-scroll{overscroll-behavior:contain;min-height:0;padding:24px;overflow:auto}.resume-preview{--accent:#2d8c87;--preview-pad:38px;--preview-font:12px;--preview-line:1.68;color:#24272a;width:min(100%,900px);min-width:720px;font-size:var(--preview-font);line-height:var(--preview-line);background:#fff;border:1px solid #d4d9db;margin:0 auto;overflow:hidden;box-shadow:0 8px 28px #1f262921}.resume-preview[data-density=compact]{--preview-pad:30px;--preview-font:11px;--preview-line:1.5}.preview-hero{color:#fff;background:#24272a;grid-template-columns:64px minmax(210px,1fr) minmax(210px,auto);align-items:center;gap:20px;min-height:130px;padding:22px 30px;display:grid}.preview-mark{aspect-ratio:1;border:2px solid var(--accent);width:58px;color:var(--accent);place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:20px;font-weight:800;display:grid}.preview-qr-wrap{justify-items:center;gap:4px;width:64px;margin:0;display:grid}.preview-qr{object-fit:contain;background:#fff;border:1px solid #ffffff8c;width:64px;height:64px;padding:1px}.preview-qr-wrap figcaption{color:#d6dcde;white-space:nowrap;font-size:8px;line-height:1}.preview-contact{border-left:1px solid #ffffff6e;gap:2px;margin:0;padding-left:18px;font-style:normal;display:grid}.preview-contact>span{align-items:center;gap:8px;display:flex}.preview-contact svg{flex:none;width:13px;height:13px}.preview-name{text-align:right}.preview-name h1{letter-spacing:.02em;margin:0;font-size:46px;line-height:1}.preview-name p{margin:10px 0 0;font-size:16px}.preview-body{padding:26px var(--preview-pad) 38px}.preview-section+.preview-section{margin-top:25px}.preview-section-heading{align-items:center;gap:13px;margin-bottom:10px;margin-left:-16px;display:flex}.preview-section-heading:after{content:"";background:#e1e5e6;flex:1;height:1px}.preview-section-heading h2{margin:0;font-size:19px;line-height:1.1}.preview-section-heading small{color:var(--accent);margin-top:3px;font-size:9px;font-weight:800;line-height:1;display:block}.preview-section-icon{color:#fff;background:var(--accent);border-radius:50%;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 0 0 4px #fff}.preview-section-icon svg{width:19px;height:19px}.preview-timeline{margin-left:1px;padding:1px 0 2px 35px;position:relative}.preview-timeline:before{content:"";background:#24272a;width:2px;position:absolute;top:-9px;bottom:-13px;left:0}.preview-timeline:after{content:"";background:#24272a;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-17px;left:-4px}.preview-entry{position:relative}.preview-entry+.preview-entry{margin-top:20px}.preview-node{z-index:1;color:#fff;background:var(--accent);border:3px solid #fff;border-radius:50%;place-items:center;width:27px;height:27px;display:grid;position:absolute;top:1px;left:-48px}.preview-node svg{width:13px;height:13px}.preview-entry-bar{color:#fff;background:#24272a;border-radius:3px;justify-content:space-between;align-items:center;gap:18px;min-height:28px;padding:4px 11px;display:flex}.preview-entry-bar h3{margin:0;font-size:12px;line-height:1.4}.preview-entry-bar time{flex:none;font-size:10px}.preview-detail-list,.preview-star-list{margin:0;padding:0;list-style:none}.preview-detail-list{gap:4px;padding:8px 10px 0;display:grid}.preview-detail-list li{padding-left:16px;position:relative}.preview-detail-list li:before{content:"";background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.preview-detail-list strong{color:var(--accent)}.preview-star-list{gap:3px;padding:7px 12px 1px;display:grid}.preview-star-list li{grid-template-columns:11px 1fr;align-items:baseline;gap:7px;display:grid}.preview-star-list svg{fill:#24272a;stroke-width:0;width:9px;height:9px}.preview-compact-timeline .preview-entry+.preview-entry{margin-top:14px}.status-message{z-index:20;color:#fff;pointer-events:none;background:#202529e6;border-radius:4px;min-height:0;margin:0;padding:8px 12px;font-size:12px;position:fixed;bottom:16px;right:20px}.status-message:empty{display:none}@media (width<=1180px){.builder-workspace{grid-template-columns:72px minmax(380px,440px) minmax(560px,1fr)}.editor-rail button{justify-content:center;padding-inline:0}.editor-rail button span{display:none}}@media (width<=820px){.builder-shell{grid-template-rows:auto 44px 1fr;height:auto;min-height:100dvh;overflow:visible}.app-bar{min-height:62px;padding:10px 14px}.brand-block{gap:8px}.brand-block strong{font-size:17px}.save-state{display:none}.app-actions{gap:6px}.app-actions button{justify-content:center;width:38px;min-height:38px;padding:0}.app-actions button:not(.primary-action){border-color:#0000}.app-actions button{font-size:0}.app-actions svg{width:18px;height:18px}.mobile-view-switch{border-bottom:1px solid var(--border);background:#fff;grid-template-columns:1fr 1fr;padding:5px;display:grid}.mobile-view-switch button{color:var(--muted);background:0 0;border:0;border-radius:3px}.mobile-view-switch button.active{color:var(--teal);background:#edf7f6;font-weight:700}.builder-workspace{display:block;overflow:visible}.editor-rail,.editor-panel,.preview-panel{display:none}.editor-rail.mobile-active{z-index:5;border-right:0;border-bottom:1px solid var(--border);flex-direction:row;height:54px;padding:0;display:flex;position:sticky;top:0;overflow-x:auto}.editor-rail.mobile-active button{min-width:58px;min-height:54px}.editor-rail.mobile-active button:before{width:auto;height:2px;inset:auto 0 0}.editor-panel.mobile-active{border-right:0;min-height:calc(100vh - 160px);display:grid}.preview-panel.mobile-active{min-height:calc(100vh - 106px);display:grid}.panel-tabs{display:none}.editor-panel{grid-template-rows:1fr}.editor-scroll{padding-bottom:96px;overflow:visible}.preview-scroll{padding:14px}.resume-preview{transform-origin:0 0}}@media (width<=520px){.brand-mark{width:29px;height:29px;font-size:15px}.app-bar{gap:10px}.app-actions .primary-action{border-color:#697276}.editor-scroll{padding:22px 18px 80px}.form-grid.two-columns{grid-template-columns:1fr}.preview-toolbar{justify-content:flex-start;padding-inline:12px;overflow-x:auto}.preview-scroll{overflow:auto}.resume-preview{zoom:.5;min-width:720px}}@media (width<=360px){.resume-preview{zoom:.42}}@media print{@page{size:A4;margin:0}body{background:#fff}.builder-shell{display:block;overflow:visible}.app-bar,.mobile-view-switch,.editor-rail,.editor-panel,.preview-toolbar,.status-message{display:none!important}.builder-workspace,.preview-panel,.preview-scroll{background:#fff;padding:0;overflow:visible;display:block!important}.resume-preview{width:210mm;min-width:210mm;box-shadow:none;--preview-pad:10mm;--preview-font:8.8pt;--preview-line:1.48;border:0;margin:0}.preview-hero{min-height:32mm;padding:6mm 9mm}.preview-section,.preview-entry{break-inside:avoid}}@media (prefers-reduced-motion:no-preference){.editor-rail button,.app-actions button,.next-section-button,.add-item-button{transition:color .14s,background .14s,border-color .14s}}