:root{--background:#fff;--foreground:#1a1a1a}html,body{width:100%;height:100%;color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.editor-canvas-bg{background-color:#f5f7fa;background-image:linear-gradient(45deg,#e8e8ec 25%,#0000 25%),linear-gradient(-45deg,#e8e8ec 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#e8e8ec 75%),linear-gradient(-45deg,#0000 75%,#e8e8ec 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.scroll-area{scrollbar-width:thin;scrollbar-color:#d0d3d8 transparent;overflow:auto}.scroll-area::-webkit-scrollbar{width:6px;height:6px}.scroll-area::-webkit-scrollbar-thumb{background:#d0d3d8;border-radius:4px}.scroll-area::-webkit-scrollbar-track{background:0 0}:is(body:has(.ant-modal-mask) .editor-ui-only,body:has(.ant-drawer-mask) .editor-ui-only,body:has(.ant-image-preview-mask) .editor-ui-only){visibility:hidden!important}.hero-gradient{background:radial-gradient(circle at 20% 30%,#6366f12e 0%,#0000 60%),radial-gradient(circle at 80% 70%,#14b8a62e 0%,#0000 60%),linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.float-anim{animation:6s ease-in-out infinite float}@keyframes marquee-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.care-icons-marquee{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 6% 94%,#0000 100%)}.care-icons-marquee-track{will-change:transform;gap:14px;width:max-content;padding:8px 0;animation:90s linear infinite marquee-x;display:flex}.care-icons-marquee:hover .care-icons-marquee-track{animation-play-state:paused}.care-icons-marquee-item{background:#fff;border:1px solid #ebedf2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;padding:14px;transition:transform .2s,box-shadow .2s;display:flex}.care-icons-marquee-item:hover{transform:translateY(-2px);box-shadow:0 8px 16px -8px #0f172a1f}@media (prefers-reduced-motion:reduce){.care-icons-marquee{overflow-x:auto}.care-icons-marquee-track{animation:none}}.category-cta{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;width:100%;padding:11px 16px;font-size:13.5px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,opacity .2s;display:block}.category-cta:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 14px -6px #0f172a24}.category-cta:active{opacity:1;transform:translateY(0)}.diy-card{transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s cubic-bezier(.2,.7,.3,1)}.diy-card:hover{transform:translateY(-6px);box-shadow:0 18px 36px -16px #0f172a38,0 6px 14px #0f172a14!important}@media (max-width:900px){.hero-grid,.box3d-grid{grid-template-columns:1fr!important}}.element-library{flex-direction:column;flex:1;min-height:0;padding:0 12px;display:flex;overflow:hidden}.element-library-selector{flex-shrink:0;padding:12px 0}.element-library-pane{overscroll-behavior-y:contain;scrollbar-gutter:stable;flex:1;min-height:0;padding-bottom:16px;overflow-x:hidden}.element-library-pane[hidden]{display:none}.label-starter{max-width:1120px;margin:0 auto;padding:40px 24px 32px}.label-starter h1{letter-spacing:-.04em;margin:8px 0 12px;font-size:clamp(26px,4vw,36px)}.starter-steps{color:#5263db;font-size:13px;font-weight:600}.starter-subtitle{color:#626a7c;margin-bottom:28px;line-height:1.7}.starter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.starter-card{color:#202535;background:#fff;border:1px solid #dfe3ed;border-radius:14px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.starter-card:hover,.starter-card:focus-visible{border-color:#5b6cff;box-shadow:0 6px 24px #5b6cff18}.starter-preview{pointer-events:none;background:#f1f3f8;justify-content:center;align-items:center;height:216px;display:flex}.starter-preview>div{box-shadow:0 4px 12px #17244418}.starter-card-body{padding:20px}.starter-card h2{margin:0;font-size:19px}.starter-card p{color:#7c8294;margin:6px 0 18px;font-size:13px}.starter-action{color:#4b5bdd;font-weight:600}.starter-note{color:#626a7c;margin-top:24px;font-size:13px;line-height:1.7}.starter-blank{margin-top:6px;font-size:13px;display:inline-block}.editor-first-label{background:#edf1ff;border-bottom:1px solid #dfe4f4;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:12px;padding:10px 16px;display:flex}.editor-first-label-copy{flex:1;min-width:200px;font-size:13px}.editor-first-label-copy small{color:#626a7c;margin-top:3px;display:block}@media (max-width:680px){.starter-grid{grid-template-columns:1fr}.label-starter{padding:24px 16px}.starter-preview{height:190px}}@media (max-width:900px){.editor-toolbar-actions{max-width:100%;padding-bottom:4px;overflow-x:auto}.editor-toolbar-actions>*{flex-shrink:0}}.draft-resume{background:#f7f9ff;border:1px solid #dbe3f5;border-radius:12px;margin:0 0 24px;padding:18px}.draft-resume h2{margin:0 0 6px;font-size:18px}.draft-resume p{color:#626a7c;margin:0 0 14px;font-size:13px}.draft-resume-list{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.draft-resume-list a{background:#fff;border:1px solid #e0e5ef;border-radius:8px;flex-direction:column;gap:6px;padding:12px;display:flex}.draft-resume-list strong{color:#25304a;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.draft-resume-list span{font-size:12px}.draft-resume-list span:first-of-type{color:#737b8a}.dashboard-drafts{max-width:1320px;margin:24px auto 0;padding:0 32px}.draft-status{color:#626a7c;background:#fff;flex-shrink:0;padding:5px 16px;font-size:12px}.download-preview-canvas{background:#f1f3f8;border-radius:10px;justify-content:center;padding:18px;display:flex}.download-preview-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.draft-resume-list{max-height:260px;overflow-y:auto}.label-editor{min-height:0}.editor-panel-content{flex-direction:column;height:100%;min-height:0;display:flex;overflow:auto}.editor-panel-content>*{min-height:0}.editor-panel-nav{background:#fff;border-bottom:1px solid #ebedf2;flex-shrink:0;gap:6px;padding:6px 12px;display:flex;overflow-x:auto}.editor-panel-nav>*{flex-shrink:0}.editor-selection-toolbar{z-index:20;background:#fff;border:1px solid #e5e7ef;border-radius:12px;gap:6px;max-width:calc(100% - 32px);padding:6px;display:flex;position:absolute;top:10px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 4px 14px #1b24451a}.editor-selection-toolbar button{flex-shrink:0}.editor-inline-text{box-sizing:border-box;resize:none;background:#fff;border:2px solid #5b6cff;border-radius:3px;outline:none;padding:2px}.editor-multi-styles{border-bottom:1px solid #ebedf2;gap:10px;margin-bottom:18px;padding-bottom:18px;display:grid}.editor-multi-styles label{flex-wrap:wrap;align-items:center;gap:8px;font-size:12px;display:flex}.editor-multi-styles small{color:#7c8294}@media (max-width:1100px){.editor-toolbar-actions{width:100%;max-width:100%;overflow-x:auto}.editor-toolbar-actions>*{flex-shrink:0}.editor-panel-nav .ant-btn,.editor-selection-toolbar .ant-btn{min-width:40px;min-height:40px}.editor-panel-drawer .ant-drawer-body{padding-bottom:env(safe-area-inset-bottom)!important}.editor-panel-drawer .ant-input-number,.editor-panel-drawer .ant-select{max-width:100%}.editor-panel-drawer input,.editor-panel-drawer textarea{font-size:16px}.editor-selection-toolbar{gap:4px}.editor-first-label{gap:6px;padding:6px 12px}.editor-first-label-copy{flex-basis:100%;min-width:0}.editor-panel-nav>.ant-btn:not(.ant-btn-icon-only){flex:1;min-width:0;padding-inline:8px}.editor-full .editor-first-label-copy small,.editor-full .editor-first-label>.ant-btn:not(:last-child){display:none}.editor-full .editor-first-label-copy{flex:1;font-size:12px}.editor-toolbar-actions .editor-save-actions{z-index:2;background:#fff;margin-left:auto;padding-left:6px;position:sticky;right:0;box-shadow:-8px 0 8px #fff}.editor-save-actions>.editor-save-template{display:none}}@media (max-width:480px){.editor-site-header{padding-inline:12px!important}.editor-site-header>a>span{display:none}}