:root{--ink:#17243b;--muted:#718096;--blue:#347ff0;--line:#e6ebf1;--soft:#f5f8fc;--paper:#fff;--radius:16px;font-family:"DM Sans","Noto Sans SC",system-ui,sans-serif;color:var(--ink);background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:360px;background:#f7f9fc}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #80b5ff;outline-offset:2px}.topbar{height:68px;background:#fff;border-bottom:1px solid #edf0f4;display:flex;align-items:center;padding:0 clamp(18px,4vw,72px);gap:55px;position:sticky;top:0;z-index:20}.brand{display:flex;gap:8px;align-items:center;text-decoration:none;color:var(--ink);font-size:24px;font-weight:800;letter-spacing:2px;white-space:nowrap}.brand-cat{font-size:27px}.main-nav{height:100%;display:flex;align-items:center;gap:32px}.nav-link{border:0;background:none;height:100%;font-weight:650;color:#27354b;position:relative;padding:0 2px}.nav-link:hover,.nav-link.active{color:var(--blue)}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--blue);border-radius:3px 3px 0 0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.local-pill{font-size:12px;color:#5a7c65;background:#eef8f0;padding:7px 11px;border-radius:99px}.local-pill i,.status-dot{display:inline-block;width:7px;height:7px;background:#4bb978;border-radius:50%;margin-right:6px}.user-btn,.icon-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;color:#57657a}.page{display:none;min-height:calc(100vh - 68px)}.page.active{display:block}.hero{min-height:520px;padding:84px clamp(24px,12vw,190px) 70px;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:45px;background:radial-gradient(ellipse at 80% 50%,#e7f0ff 0,transparent 40%),linear-gradient(110deg,#f5f9ff,#fbfdff 60%,#eff5ff)}.hero-copy{max-width:620px}.eyebrow,.section-kicker{font-size:11px;letter-spacing:1.8px;color:#69809d;font-weight:700}.spark{color:#ffad43;margin-right:7px}.hero h1{font-size:clamp(44px,5vw,68px);line-height:1.2;letter-spacing:-2px;margin:22px 0 18px;color:#1b2b45}.hero h1 span{color:#397ff0}.hero-copy>p{max-width:540px;font-size:16px;line-height:1.9;color:#66758a}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{border:1px solid #dfe5ee;background:#fff;border-radius:9px;padding:10px 15px;font-size:13px;font-weight:600;transition:.18s;color:#3d4b61;white-space:nowrap}.btn:hover{border-color:#9dbdf5;color:var(--blue);transform:translateY(-1px)}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 13px #347ff028}.btn.primary:hover{background:#216de0}.btn.outline{color:var(--blue);border-color:#b9d2f7}.btn.large{padding:14px 21px;font-size:14px}.btn.small{padding:7px 10px;font-size:12px}.btn.full{width:100%;padding:12px}.hero-note{margin-top:21px;display:flex;gap:10px;align-items:center;font-size:12px;color:#7d8ca0}.hero-note span{color:#56af79;font-weight:800}.hero-art{height:350px;display:flex;justify-content:center;align-items:center;position:relative}.orbit{position:absolute;border:1px solid #cadcf5;border-radius:50%;width:380px;height:310px;transform:rotate(-20deg)}.orbit-two{width:330px;height:390px;transform:rotate(40deg);border-color:#dbe7f7}.paper-shadow{position:absolute;width:230px;height:290px;background:#c9d9f1;transform:translate(16px,12px) rotate(5deg);border-radius:8px;opacity:.6}.paper-card{position:relative;width:225px;height:292px;background:#fff;border-radius:8px;box-shadow:0 18px 40px #35547c23;padding:26px;transform:rotate(-3deg);border:1px solid #eaf0f7}.paper-head{display:flex;align-items:center;gap:12px}.paper-avatar{width:43px;height:48px;border-radius:5px;background:linear-gradient(145deg,#a5cffc,#e5efff);display:grid;place-items:center;color:#397ff0;font-weight:700}.paper-head b{display:block;font-size:12px}.paper-head small{display:block;color:#8392a6;font-size:8px;margin-top:4px}.paper-mark{margin-left:auto;color:#4085ef}.paper-line{height:5px;background:#eaf0f7;border-radius:5px;margin-top:12px;width:100%}.paper-line.short{width:58%;margin-top:22px}.paper-line.medium{width:74%}.paper-section{font-size:9px;font-weight:700;margin-top:22px;margin-bottom:11px;display:flex;align-items:center;gap:6px}.paper-section i{height:12px;width:3px;background:#397ff0;border-radius:4px}.paper-chips{display:flex;gap:7px;margin-top:18px}.paper-chips i{height:12px;width:40px;background:#edf4ff;border-radius:8px}.float-badge{position:absolute;background:white;box-shadow:0 8px 22px #334a671d;border:1px solid #eef2f8;border-radius:10px;padding:10px 14px;font-size:11px;font-weight:700;color:#4879c4}.badge-a{top:50px;left:10%}.badge-b{bottom:42px;right:5%}.feature-intro{text-align:center;padding:68px 20px 34px}.feature-intro h2,.template-showcase h2{font-size:30px;margin:12px 0 8px}.feature-intro p,.template-showcase p{color:#7d899b;font-size:14px}.feature-grid{max-width:1050px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:0 22px 52px}.feature-card{min-height:230px;position:relative;overflow:hidden;background:#fff;border:1px solid #e6ebf2;border-radius:15px;padding:25px;transition:.22s;cursor:pointer}.feature-card:hover{border-color:#bbd2f5;box-shadow:0 14px 34px #334c7010;transform:translateY(-3px)}.feature-main{background:linear-gradient(135deg,#fff,#f5f9ff)}.feature-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:19px}.feature-icon.blue{background:#e8f1ff;color:#347ff0}.feature-icon.violet{background:#f2edff;color:#8460d8}.feature-icon.amber{background:#fff4df;color:#edaa34}.feature-meta{font-size:9px;letter-spacing:1.5px;color:#9ba8b9;font-weight:700;margin-top:17px}.feature-card h3{font-size:18px;margin:5px 0 8px}.feature-card p{font-size:12px;color:#768499;line-height:1.8;max-width:280px}.text-action,.link-button{border:0;background:none;color:var(--blue);font-size:12px;font-weight:700;padding:5px 0}.mini-paper{position:absolute;right:22px;bottom:-25px;width:95px;height:125px;background:white;border:1px solid #e9edf3;box-shadow:0 4px 14px #36527d14;padding:15px 10px;transform:rotate(7deg)}.mini-paper span,.mini-paper i{display:block;background:#e8eef6;border-radius:4px;height:4px;margin:9px 0}.mini-paper span{width:65%;height:7px;background:#8db8f5}.template-showcase{max-width:1050px;margin:0 auto 50px;border-top:1px solid #e9edf3;padding:42px 22px;display:flex;justify-content:space-between;align-items:center}.template-showcase h2{font-size:23px}.template-showcase p{margin-bottom:0}.template-swatches{display:flex;gap:9px}.swatch{width:28px;height:28px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #d9e0e8}.footer{border-top:1px solid #e9edf3;display:flex;justify-content:space-between;padding:22px clamp(22px,8vw,120px);font-size:11px;color:#8c98a8}
/* editor */
.editor-page{height:calc(100vh - 68px);min-height:620px;background:#f4f6f9}.editor-toolbar{height:57px;background:#fff;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:10px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-left select{border:1px solid #e2e7ef;padding:9px 28px 9px 11px;border-radius:8px;min-width:130px;background:#fff;color:#55647a}.filename{display:flex;height:36px;border:1px solid #e2e7ef;border-radius:8px;overflow:hidden;align-items:center;color:#7c899a;font-size:11px}.filename span{padding:0 10px;border-right:1px solid #e2e7ef;white-space:nowrap}.filename input{border:0;outline:none;padding:0 9px;width:130px;min-width:60px;color:#37465d;font-size:12px}.editor-workspace{display:grid;grid-template-columns:minmax(310px,390px) 1fr;height:calc(100% - 57px)}.form-panel{background:#fff;border-right:1px solid #e8ecf2;overflow:auto;padding:22px 20px 18px}.form-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.form-head h2{font-size:18px;margin:4px 0 0}.section-card{border:1px solid #e7ecf2;border-radius:12px;margin-bottom:11px;overflow:hidden;background:#fff}.section-card-head{display:flex;align-items:center;gap:8px;padding:11px 12px;background:#fbfcfe}.drag-handle{color:#aeb8c6;cursor:grab}.section-toggle{width:15px;height:15px;accent-color:var(--blue)}.section-title{font-size:13px;font-weight:700;border:0;min-width:30px;flex:1;padding:5px;background:transparent;color:#37465b}.section-tools{display:flex;gap:3px}.section-tools button,.item-controls button{background:white;border:1px solid #e7ebf0;border-radius:5px;color:#8491a1;font-size:11px;padding:4px 6px}.section-tools button:hover,.item-controls button:hover{color:var(--blue);border-color:#b8cff2}.section-body{padding:11px 12px 13px}.resume-field-row{display:grid;grid-template-columns:minmax(58px,.8fr) minmax(70px,1.45fr) 64px 19px;gap:7px;margin-bottom:7px;align-items:center}.resume-field-row input,.item-field input,.item-field textarea,.contact-row input,.field-label input,.field-label textarea{width:100%;border:1px solid #e0e6ed;border-radius:7px;padding:8px 9px;color:#3e4b60;font-size:12px;background:#fff}.resume-field-row .field-width{width:62px;padding:8px 5px}.remove-mini{border:0;background:none;color:#a6b1bf;font-size:16px}.add-item{margin-top:5px;border:1px dashed #dce3ed;border-radius:7px;background:#fff;color:#71809a;padding:7px 10px;width:100%;font-size:11px}.add-item:hover{color:var(--blue);border-color:#93b7ec}.item-entry{position:relative;background:#f9fafc;border:1px solid #edf0f4;border-radius:8px;padding:9px;margin-bottom:8px}.item-field{margin-bottom:7px}.item-field:last-of-type{margin-bottom:4px}.item-field input,.item-field textarea{background:#fff}.item-controls{display:flex;gap:6px;justify-content:flex-end}.item-controls button{color:#71809a}.item-controls button.danger{color:#df6c6c}.form-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#9aa5b3;padding:12px 1px}.preview-area{overflow:auto;background:#f1f3f6;min-width:0}.preview-head{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;color:#66758b;font-size:12px}.preview-head b{color:#4d5c72;font-weight:600}.preview-head small{color:#98a3b2;margin-left:5px;font-size:11px}.zoom-controls{display:flex;align-items:center;gap:11px;font-size:11px}.zoom-controls button{border:1px solid #dfe4eb;background:white;border-radius:5px;width:25px;height:24px}.resume-canvas-wrap{padding:12px 28px 50px;display:flex;justify-content:center;align-items:flex-start;overflow:auto;min-height:calc(100% - 48px)}.resume-paper{background:#fff;width:794px;min-height:1123px;box-shadow:0 4px 18px #27384e1b;padding:55px 60px 65px;transform-origin:top center;flex-shrink:0;color:#252d39;font-family:"Noto Sans SC",sans-serif}.resume-paper.theme-blue{--theme:#397ca1;--theme-light:#e9eef0}.resume-paper.theme-green{--theme:#49a286;--theme-light:#e8f3ef}.resume-paper.theme-gray{--theme:#586579;--theme-light:#eceff2}.resume-paper.theme-orange{--theme:#df874b;--theme-light:#fff1e5}.resume-paper.theme-black{--theme:#242a33;--theme-light:#eff0f2}.resume-paper.theme-purple{--theme:#856cb9;--theme-light:#f1edfa}.resume-paper.theme-navy{--theme:#314e77;--theme-light:#edf1f7}.resume-paper.theme-red{--theme:#cb5960;--theme-light:#f9eded}.resume-paper.theme-cyan{--theme:#3d9b9d;--theme-light:#e9f4f4}.resume-paper.theme-pink{--theme:#cc7f9e;--theme-light:#f9eef2}.resume-paper .resume-title{text-align:center;font-size:24px;letter-spacing:5px;color:var(--theme);margin:0 0 25px}.resume-contact{display:grid;grid-template-columns:1fr 100px;gap:16px;border-bottom:3px solid var(--theme);padding-bottom:22px;margin-bottom:18px}.resume-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px;align-content:center}.resume-contact-field{font-size:12px;display:flex;gap:8px}.resume-contact-field b{white-space:nowrap;letter-spacing:2px}.resume-photo{width:90px;height:110px;object-fit:cover;background:#eef3fa;border:1px solid #e0e5ec}.resume-section{margin:17px 0 0}.resume-section h3{font-size:15px;background:var(--theme-light);border-left:4px solid var(--theme);padding:7px 11px;color:var(--theme);margin:0 0 8px}.resume-section-body{font-size:12px;line-height:1.85}.resume-section-body p{margin:0 0 7px;white-space:pre-wrap}.resume-item-head{display:flex;justify-content:space-between;font-weight:700;margin:9px 0 4px}.resume-item p{margin:0 0 5px}.resume-tags{display:flex;gap:6px;flex-wrap:wrap}.resume-tags span{border-radius:4px;padding:2px 8px;background:var(--theme-light);color:var(--theme);font-size:10px}
/* card and photo */
.card-workspace{height:calc(100% - 57px);display:grid;grid-template-columns:minmax(300px,370px) 1fr}.card-form .field-label,.photo-controls .field-label{display:block;font-size:12px;color:#69788d;margin-bottom:14px}.field-label input,.field-label textarea{display:block;margin-top:6px}.card-form{padding:19px 20px}.subhead{border-top:1px solid #eef0f4;padding-top:15px;margin-top:17px;margin-bottom:10px}.subhead h3{margin:0;font-size:14px}.contact-row{display:grid;grid-template-columns:105px 1fr 24px;gap:6px;margin-bottom:8px}.contact-row input{padding:8px 7px}.contact-row button{border:0;background:none;color:#a1acb9}.card-preview-area{display:flex;flex-direction:column}.card-preview-wrap{flex:1;display:grid;place-items:center;padding:35px;overflow:auto}.business-card{width:min(900px,100%);aspect-ratio:90/54;max-height:calc(100vh - 220px);min-height:330px;background:#fff;box-shadow:0 12px 35px #27384e1d;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1px 1.15fr;align-items:center;padding:8% 8%;gap:6%;color:#293746}.card-decoration{position:absolute;border-radius:50%;pointer-events:none}.card-deco-a{width:310px;height:310px;right:-130px;top:-185px;background:#397ca1;opacity:.9}.card-deco-b{width:250px;height:250px;left:-150px;bottom:-170px;border:42px solid #b2d1e6;box-shadow:0 0 0 35px #397ca1}.card-identity,.card-divider,.card-details,.card-qr-box{z-index:1}.card-identity{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}.card-avatar{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:#eaf1f8;color:#397ca1;font-size:32px;overflow:hidden}.card-avatar img{width:100%;height:100%;object-fit:cover}.card-brandline b,.card-brandline small{display:block}.card-brandline b{font-size:17px}.card-brandline small{font-size:12px;color:#8692a1;margin-top:6px}.card-divider{height:75%;background:#d8e0e7}.card-details h2{margin:0;font-size:28px}.card-details>p{color:#7f8b9b;margin:7px 0 19px}.card-contact-line{font-size:13px;color:#526176;margin:10px 0;overflow-wrap:anywhere}.card-contact-line span{color:#397ca1;margin-right:10px}.card-qr-box{position:absolute;bottom:7%;right:7%;display:grid;justify-items:center;color:#8692a1;font-size:8px;letter-spacing:1px}.qr-fake{width:52px;height:52px;background:repeating-conic-gradient(#293746 0 25%,white 0 50%) 0 0/9px 9px;border:4px solid white;outline:1px solid #e0e5eb;position:relative}.qr-fake i{position:absolute;background:white;border:3px solid #293746;width:14px;height:14px;top:1px;left:1px;box-shadow:0 0 0 2px white inset}.qr-fake i:nth-child(2){left:auto;right:1px}.qr-fake i:nth-child(3){top:auto;bottom:1px}.qr-fake b{position:absolute;background:#293746;width:8px;height:8px;right:5px;bottom:5px}.business-card.card-style-2{background:#1f2939;color:#fff}.business-card.card-style-2 .card-deco-a{background:#e7b75b}.business-card.card-style-2 .card-deco-b{border-color:#667aa0;box-shadow:0 0 0 35px #e7b75b}.business-card.card-style-2 .card-brandline small,.business-card.card-style-2 .card-details>p,.business-card.card-style-2 .card-contact-line{color:#c7d0dd}.business-card.card-style-3{background:#f1f7f3}.business-card.card-style-3 .card-deco-a{background:#64a889}.business-card.card-style-3 .card-deco-b{border-color:#bbdfcc;box-shadow:0 0 0 35px #64a889}.business-card.card-style-4{background:#fff9f1}.business-card.card-style-4 .card-deco-a{background:#df854d}.business-card.card-style-4 .card-deco-b{border-color:#f0c39f;box-shadow:0 0 0 35px #df854d}.tool-heading{text-align:center;padding:58px 18px 34px}.tool-heading h1{font-size:32px;margin:12px 0 7px}.tool-heading p{color:#7c899b;font-size:14px}.photo-layout{max-width:1000px;margin:0 auto 60px;padding:0 22px;display:grid;grid-template-columns:330px 1fr;gap:18px}.photo-controls,.photo-preview{background:#fff;border:1px solid #e5eaf1;border-radius:15px;padding:22px}.upload-drop{border:1px dashed #cdd7e4;border-radius:13px;padding:28px 15px;text-align:center;background:#fafcff;margin-bottom:25px}.upload-symbol{width:40px;height:40px;border-radius:12px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:22px;margin:0 auto 10px}.upload-drop h3{font-size:14px;margin:0 0 5px}.upload-drop p{font-size:11px;color:#8a97a7;margin:0 0 15px}.option-row,.color-row{display:flex;gap:8px;margin-top:9px}.choice{border:1px solid #e1e6ee;background:#fff;border-radius:7px;padding:7px 12px;font-size:11px;color:#66758a}.choice.active{background:#edf4ff;color:var(--blue);border-color:#a9c8f5}.color-choice{width:28px;height:28px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d4dce6;background:var(--color);}.color-choice.active{box-shadow:0 0 0 2px var(--blue)}.color-choice[data-color="#1688ed"]{background:#1688ed}.color-choice[data-color="#ffffff"]{background:#fff}.color-choice[data-color="#ea6378"]{background:#ea6378}.color-choice[data-color="#dceafa"]{background:#dceafa}.notice-box{padding:13px;background:#f5f8fc;border-radius:9px;margin:22px 0 16px}.notice-box b{font-size:11px}.notice-box p{font-size:10px;line-height:1.7;color:#748297;margin:5px 0 0}.tip-chip{font-size:10px;color:#6b7d96;background:#f3f6fa;border-radius:20px;padding:6px 10px}.photo-preview{display:flex;flex-direction:column;min-height:490px}.photo-stage{flex:1;display:grid;place-items:center;background:#f7f9fc;border-radius:11px;margin-top:10px}.photo-frame{height:300px;width:214px;background:#1688ed;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 22px #33496222}.photo-frame img{width:100%;height:100%;object-fit:cover}.photo-placeholder{text-align:center;color:#ffffffb0;font-size:10px}.silhouette-head{width:55px;height:64px;background:#ffffff85;border-radius:50%;margin:0 auto 6px}.silhouette-body{width:120px;height:103px;background:#ffffff85;border-radius:60px 60px 0 0;margin:0 auto}.photo-placeholder span{display:block;margin-top:9px}.guide-page{padding:0 22px 60px}.guide-page .tool-heading{max-width:780px;margin:auto}.guide-grid{max-width:950px;margin:12px auto 30px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.guide-grid article{padding:24px;background:#fff;border:1px solid var(--line);border-radius:13px}.guide-grid article>span{font-size:11px;color:var(--blue);font-weight:700}.guide-grid h3{font-size:16px}.guide-grid p{font-size:12px;color:#718096;line-height:1.8}.guide-page>.btn{display:block;margin:auto}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#223149;color:#fff;padding:11px 17px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}.modal-backdrop{position:fixed;inset:0;background:#17243b66;display:grid;place-items:center;z-index:80;padding:20px}.modal{width:min(520px,100%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #17243b40;overflow:hidden}.modal-header{padding:19px 22px;border-bottom:1px solid #edf0f4;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:16px}.modal-close{border:0;background:none;color:#8894a4;font-size:20px}.modal-body{padding:22px}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding:14px 22px;border-top:1px solid #edf0f4}.template-picker{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}.template-option{border:1px solid #e7ebf1;border-radius:9px;padding:9px 6px;background:white;text-align:center;font-size:10px;color:#617087}.template-option.selected{border-color:#78a6ed;background:#f5f9ff}.template-sample{height:55px;border-radius:5px;background:#fff;border-top:4px solid var(--sample);box-shadow:0 2px 5px #26395015;margin-bottom:7px;position:relative}.template-sample:before{content:"";position:absolute;left:7px;right:7px;top:12px;height:5px;background:#e6eaf0;box-shadow:0 10px #e6eaf0,0 20px #eef1f4}.template-option.selected .template-sample{border-color:var(--sample)}.settings-copy{font-size:13px;color:#66758a;line-height:1.8}.settings-copy b{color:#33435a}.settings-copy code{background:#f3f6fa;padding:2px 5px;border-radius:4px}
@media(max-width:950px){.topbar{gap:24px;padding:0 20px}.main-nav{gap:18px}.hero{padding-left:7vw;padding-right:7vw}.editor-workspace{grid-template-columns:minmax(280px,340px) 1fr}.resume-paper{transform:scale(.82);margin-bottom:-200px}.card-workspace{grid-template-columns:minmax(280px,330px) 1fr}.business-card{min-height:270px}.card-qr-box{display:none}}@media(max-width:700px){.topbar{height:auto;min-height:60px;flex-wrap:wrap;gap:0;padding:0 15px}.brand{font-size:20px;height:58px}.top-actions{height:58px}.main-nav{order:3;width:100%;height:42px;justify-content:space-between;gap:8px;overflow:auto}.nav-link{font-size:11px;white-space:nowrap}.page{min-height:calc(100vh - 100px)}.hero{display:block;padding:48px 23px 30px;min-height:auto}.hero h1{font-size:43px}.hero-art{height:280px}.orbit{width:300px;height:250px}.paper-card{transform:scale(.85) rotate(-3deg)}.feature-intro{padding-top:42px}.feature-grid{grid-template-columns:1fr;padding:0 17px 30px}.feature-card{min-height:185px}.template-showcase{display:block;text-align:center;padding:32px 18px}.template-swatches{justify-content:center;margin-top:22px}.footer{flex-direction:column;gap:8px}.editor-page{height:calc(100vh - 100px);min-height:580px}.editor-toolbar{height:auto;min-height:55px;flex-wrap:wrap;padding:8px}.toolbar-left{width:100%;overflow:auto}.toolbar-right{width:100%;justify-content:flex-end;overflow:auto}.toolbar-right .btn{font-size:11px;padding:8px}.filename{flex:1}.filename input{width:90px;flex:1}.editor-workspace{height:calc(100% - 99px);display:block;position:relative}.form-panel{position:absolute;z-index:5;inset:0 auto 0 0;width:min(88vw,380px);box-shadow:10px 0 28px #23384e20;transform:translateX(-105%);transition:.2s}.editor-workspace.form-open .form-panel{transform:translateX(0)}.preview-area{height:100%}.resume-paper{transform:scale(.56);margin-bottom:-480px}.resume-canvas-wrap{justify-content:flex-start;padding:10px 0 40px;min-height:100%;overflow:auto}.zoom-controls{display:none}.mobile-panel-toggle{display:inline-block!important}.card-workspace{height:calc(100% - 99px);display:flex;flex-direction:column}.card-form{position:absolute;z-index:5;inset:0 auto 0 0;width:min(90vw,380px);box-shadow:10px 0 28px #23384e20;transform:translateX(-105%);transition:.2s}.card-workspace.form-open .card-form{transform:translateX(0)}.business-card{min-width:560px;min-height:336px;max-height:none;transform:scale(.72);transform-origin:center}.card-preview-wrap{overflow:auto;padding:15px}.photo-layout{grid-template-columns:1fr}.photo-preview{min-height:390px}.guide-grid{grid-template-columns:1fr}.template-picker{grid-template-columns:repeat(3,1fr)}}@media print{body{background:white}.topbar,.editor-toolbar,.form-panel,.preview-head,.photo-controls,.tool-heading,.card-form,.footer,.toast,.modal-backdrop{display:none!important}.page,.page.active{display:block!important;min-height:0!important}.editor-page{height:auto!important;background:white}.editor-workspace,.card-workspace{display:block!important;height:auto!important}.preview-area{overflow:visible;background:white}.resume-canvas-wrap{padding:0;display:block;overflow:visible;min-height:0}.resume-paper{transform:none!important;box-shadow:none;width:210mm;min-height:297mm;margin:0;padding:14mm 16mm}.resume-section,.resume-item{break-inside:avoid}.resume-section h3{print-color-adjust:exact;-webkit-print-color-adjust:exact}.card-preview-area{display:block}.card-preview-wrap{padding:0;display:block;overflow:visible}.business-card{width:90mm;height:54mm;min-height:0;max-height:none;box-shadow:none;margin:20mm auto;print-color-adjust:exact;-webkit-print-color-adjust:exact}.photo-preview{display:block;border:0}.photo-stage{height:auto;background:white}.photo-frame{width:25mm;height:35mm;box-shadow:none;print-color-adjust:exact;-webkit-print-color-adjust:exact}@page{margin:10mm}}