*{margin:0;padding:0;box-sizing:border-box;}body{font-family:'Onest',sans-serif;background:#f5f5f5;color:#333;line-height:1.6;}.ad-container{min-height:90px;margin:20px auto;max-width:1680px;padding:0 20px;display:flex;align-items:center;justify-content:center;width:100%;}.ad-inline{margin:16px 0;min-height:90px;}.ad-sidebar{margin-bottom:24px;min-height:250px;}.ad-wide{margin:24px 0;min-height:90px;}.ad-footer{margin-bottom:0;padding-bottom:20px;}.adsbygoogle{display:block;min-width:250px;width:100%;}.app-container{display:grid;grid-template-columns:340px 1fr 300px;gap:20px;padding:20px;max-width:1680px;margin:0 auto;}.controls-panel{background:#fff;padding:28px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow-y:auto;max-height:calc(100vh - 40px);}.controls-panel h1{font-size:28px;font-weight:700;color:#2d7a4f;margin-bottom:8px;letter-spacing:-0.5px;}.slogan{font-size:14px;color:#666;margin-bottom:24px;line-height:1.5;}.form-group{margin-bottom:18px;}.form-group label{display:block;margin-bottom:7px;font-weight:600;font-size:14px;color:#555;}.char-count{float:right;font-size:12px;font-weight:400;color:#999;}.toggle-section{display:block;margin-top:8px;font-size:13px;font-weight:400;color:#666;cursor:pointer;user-select:none;}.toggle-section input{margin-right:6px;cursor:pointer;}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:'Onest',sans-serif;transition:all 0.25s;background:#fafafa;}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#2d7a4f;background:#fff;box-shadow:0 0 0 3px rgba(45,122,79,0.1);}.form-group textarea{resize:vertical;}.form-group input[type="range"]{padding:0;background:transparent;border:none;}.form-group input[type="range"]::-webkit-slider-runnable-track{width:100%;height:6px;background:#e0e0e0;border-radius:3px;}.form-group input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;background:#2d7a4f;border-radius:50%;cursor:pointer;margin-top:-6px;}.form-group input[type="range"]::-moz-range-track{width:100%;height:6px;background:#e0e0e0;border-radius:3px;}.form-group input[type="range"]::-moz-range-thumb{width:18px;height:18px;background:#2d7a4f;border-radius:50%;cursor:pointer;border:none;}.radio-option{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;padding:6px 12px;border:1.5px solid #e0e0e0;border-radius:4px;background:#fafafa;transition:all 0.25s;}.radio-option:hover{border-color:#2d7a4f;background:#f0f7f3;}.radio-option input{cursor:pointer;}.btn-primary,.btn-secondary{width:100%;padding:13px;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all 0.25s;font-family:'Onest',sans-serif;}.btn-primary{background:#2d7a4f;color:#fff;}.btn-primary:hover{background:#236039;transform:translateY(-1px);box-shadow:0 4px 12px rgba(45,122,79,0.3);}.btn-secondary{background:#e8e8e8;color:#555;}.btn-secondary:hover{background:#d8d8d8;}#clearDataBtn:hover{background:#b91c1c!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,38,38,0.3);}.preview-panel{background:#fff;padding:28px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow-y:auto;max-height:calc(100vh - 40px);}.preview-panel h2{font-size:20px;font-weight:700;color:#2d7a4f;margin-bottom:20px;letter-spacing:-0.3px;}.resume-preview{background:#fff;min-height:700px;box-shadow:0 2px 24px rgba(0,0,0,0.12);position:relative;overflow:hidden;}.resume-preview *{font-family:var(--font-family,'Inter',sans-serif)!important;}.options-panel{background:#fff;padding:28px;border-radius:8px;box-shadow:0 2px 12px rgba(0,0,0,0.08);overflow-y:auto;max-height:calc(100vh - 40px);}.option-section{margin-bottom:28px;}.option-section h3{font-size:18px;font-weight:700;color:#2d7a4f;margin-bottom:14px;letter-spacing:-0.3px;}.template-grid{display:grid;grid-template-columns:1fr;gap:14px;}.template-card{border:2px solid #e8e8e8;border-radius:8px;padding:12px;cursor:pointer;text-align:center;transition:all 0.25s;background:#fafafa;}.template-card:hover{border-color:#2d7a4f;transform:translateY(-2px);box-shadow:0 4px 12px rgba(45,122,79,0.15);}.template-card.active{border-color:#2d7a4f;background:#f0f7f3;box-shadow:0 0 0 3px rgba(45,122,79,0.1);}.template-thumb{width:100%;height:100px;border-radius:6px;margin-bottom:10px;position:relative;overflow:hidden;}.template-modern-thumb{background:linear-gradient(90deg,#1e3a8a 0%,#1e3a8a 30%,#f8fafc 30%,#f8fafc 100%);position:relative;}.template-modern-thumb::after{content:'';position:absolute;top:8px;left:8px;width:20px;height:20px;background:rgba(255,255,255,0.4);border-radius:50%;border:2px solid rgba(255,255,255,0.6);}.template-modern-thumb::before{content:'';position:absolute;top:35px;left:8px;right:35%;height:2px;background:rgba(255,255,255,0.5);}.template-classic-thumb{background:#fff;position:relative;border:1px solid #e0e0e0;}.template-classic-thumb::after{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:16px;height:16px;background:#2d7a4f;border-radius:50%;border:2px solid #fff;}.template-classic-thumb::before{content:'';position:absolute;bottom:10px;left:10px;width:35%;height:45px;background:linear-gradient(135deg,#1a4d2e 0%,#2d7a4f 100%);opacity:0.15;}.template-minimal-thumb{background:#fff;position:relative;border:1px solid #d0d0d0;}.template-minimal-thumb::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:2px;background:#9ca3af;}.template-minimal-thumb::before{content:'';position:absolute;top:15px;left:50%;transform:translateX(-50%);width:12px;height:12px;background:#d0d0d0;border-radius:50%;}.template-executive-thumb{background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 100%);position:relative;}.template-executive-thumb::after{content:'';position:absolute;top:8px;right:8px;width:14px;height:14px;background:rgba(255,255,255,0.4);border-radius:50%;border:2px solid rgba(255,255,255,0.6);}.template-executive-thumb::before{content:'';position:absolute;top:30%;left:8px;right:25%;height:2px;background:rgba(255,255,255,0.7);}.template-card span{display:block;font-size:15px;font-weight:700;color:#333;margin-bottom:2px;}.template-card small{display:block;font-size:12px;color:#777;}.color-picker-group{margin-bottom:14px;}.color-picker-group label{display:block;margin-bottom:7px;font-size:14px;font-weight:600;color:#555;}.color-picker-group input[type="color"]{width:100%;height:44px;border:1.5px solid #e0e0e0;border-radius:6px;cursor:pointer;background:#fafafa;}.preset-colors{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;}.preset-btn{padding:8px;border:1.5px solid #e0e0e0;border-radius:4px;background:#fafafa;cursor:pointer;font-size:12px;font-weight:600;transition:all 0.25s;font-family:'Onest',sans-serif;}.preset-btn:hover{border-color:#2d7a4f;background:#f0f7f3;transform:translateY(-1px);}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px);}.modal-content{background:#fff;padding:28px;border-radius:12px;max-width:640px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.3);}.modal-content h3{margin-bottom:20px;color:#2d7a4f;font-size:22px;font-weight:700;}.crop-modal-content{max-width:800px!important;}.crop-container{width:100%;height:450px;background:#f9f9f9;margin-bottom:20px;border-radius:8px;overflow:hidden;}#cropImage{max-width:100%;display:block;}.modal-actions{display:flex;gap:12px;}.modal-actions button{flex:1;}.info-modal-content{max-width:900px!important;}.info-modal-content h2{font-size:28px;font-weight:700;color:#2d7a4f;margin-bottom:24px;text-align:center;}.info-modal-content h3{font-size:20px;font-weight:700;color:#333;margin-bottom:16px;border-bottom:2px solid #e0e0e0;padding-bottom:8px;}.info-modal-content h4{font-size:16px;font-weight:700;color:#2d7a4f;margin-bottom:8px;}.info-section{margin-bottom:32px;}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:16px;}.comparison-card{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #2d7a4f;}.comparison-card p{margin-bottom:10px;font-size:14px;color:#555;line-height:1.6;}.region-requirements{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;}.region-item{background:#fff;padding:16px;border-radius:6px;border:1px solid #e0e0e0;}.region-item strong{display:block;color:#2d7a4f;margin-bottom:8px;font-size:15px;}.region-item p{font-size:13px;color:#666;line-height:1.6;}.info-footer{margin-top:32px;padding-top:24px;border-top:2px solid #e0e0e0;text-align:center;}.info-footer p{margin-bottom:20px;font-size:14px;color:#555;line-height:1.6;}.info-footer .btn-primary{max-width:300px;margin:0 auto;}.resume-container{max-width:850px;margin:0 auto;background:#fff;color:#333;position:relative;}.page-number{position:absolute;bottom:30px;right:50px;font-size:11px;color:#999;z-index:10;}.template-modern .resume-container{font-family:'Raleway',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#1a1a1a;display:grid;grid-template-columns:240px 1fr;min-height:100vh;padding:0;}.template-modern .resume-sidebar{background:linear-gradient(180deg,var(--accent-color,#2d7a4f) 0%,var(--accent-dark,#1a4d2e) 100%);color:#fff;padding:40px 30px;position:relative;}.template-modern .resume-photo{width:140px;height:140px;border-radius:50%;border:4px solid rgba(255,255,255,0.3);margin:0 auto 30px;display:block;object-fit:cover;}.template-modern .resume-photo.square{border-radius:12px;}.template-modern .resume-sidebar-section{margin-bottom:35px;}.template-modern .resume-sidebar-section h3{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:14px;padding-bottom:8px;border-bottom:2px solid rgba(255,255,255,0.3);}.template-modern .resume-sidebar-section p,.template-modern .resume-sidebar-section li{font-size:13px;line-height:1.7;color:rgba(255,255,255,0.95);}.template-modern .resume-sidebar-section ul{list-style:none;padding:0;}.template-modern .resume-sidebar-section li{margin-bottom:8px;padding-left:14px;position:relative;}.template-modern .resume-sidebar-section li:before{content:"▸";position:absolute;left:0;color:rgba(255,255,255,0.7);}.template-modern .resume-main{padding:60px 45px 50px;}.template-modern .resume-header-main{margin-bottom:40px;}.template-modern .resume-header-main h1{font-size:44px;font-weight:800;letter-spacing:-1px;line-height:1.1;margin-bottom:10px;}.template-modern .resume-header-main .subtitle{font-size:20px;font-weight:500;color:#666;margin-bottom:16px;}.template-modern .resume-contact{font-size:13px;color:#777;line-height:2;}.template-modern .resume-section{margin-bottom:38px;}.template-modern .resume-section h2{font-size:22px;font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px;color:var(--accent-color,#2d7a4f);position:relative;padding-bottom:12px;}.template-modern .resume-section h2:after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--accent-color,#2d7a4f);}.template-modern .item-header{margin-bottom:6px;display:flex;justify-content:space-between;align-items:baseline;}.template-modern .item-title{font-size:17px;font-weight:700;color:#1a1a1a;}.template-modern .item-subtitle{font-size:15px;color:#666;margin-bottom:4px;}.template-modern .item-date{font-size:13px;color:#999;font-style:italic;}.template-modern .resume-section p{line-height:1.8;margin-bottom:14px;color:#333;}.template-modern .resume-section ul{list-style:none;padding:0;margin:12px 0 20px 0;}.template-modern .resume-section li{margin-bottom:8px;padding-left:20px;position:relative;line-height:1.7;color:#444;}.template-modern .resume-section li:before{content:"•";position:absolute;left:0;color:var(--accent-color,#2d7a4f);font-weight:700;font-size:18px;}.template-modern .item-wrapper{margin-bottom:28px;}.template-classic .resume-container{font-family:'Playfair Display',Georgia,serif;color:#2c3e50;padding:50px 60px;}.template-classic .resume-header{text-align:center;margin-bottom:40px;padding-bottom:30px;border-bottom:3px double #2c3e50;}.template-classic .resume-photo{width:120px;height:120px;border-radius:50%;border:3px solid var(--accent-color,#2d7a4f);margin:0 auto 20px;display:block;object-fit:cover;}.template-classic .resume-photo.square{border-radius:8px;}.template-classic .resume-header h1{font-size:42px;font-weight:700;margin-bottom:12px;letter-spacing:2px;text-transform:uppercase;}.template-classic .resume-header .subtitle{font-size:20px;font-style:italic;color:#666;margin-bottom:16px;font-weight:400;}.template-classic .resume-contact{font-size:14px;line-height:2.2;color:#555;}.template-classic .resume-body{display:grid;grid-template-columns:260px 1fr;gap:40px;margin-top:40px;}.template-classic .resume-sidebar .resume-section{margin-bottom:32px;}.template-classic .resume-section{margin-bottom:32px;}.template-classic .resume-section h2{font-size:18px;font-weight:700;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--accent-color,#2d7a4f);color:#2c3e50;text-transform:uppercase;letter-spacing:1px;font-variant:small-caps;}.template-classic .resume-section p{font-size:14px;line-height:1.8;margin-bottom:14px;color:#444;}.template-classic .resume-section ul{list-style:none;padding:0;margin-bottom:18px;}.template-classic .resume-section li{margin-bottom:9px;padding-left:18px;position:relative;line-height:1.7;font-size:14px;color:#444;}.template-classic .resume-section li:before{content:"◆";position:absolute;left:0;color:var(--accent-color,#2d7a4f);font-size:10px;}.template-classic .item-wrapper{margin-bottom:28px;}.template-classic .item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;}.template-classic .item-title{font-size:16px;font-weight:700;color:#2c3e50;}.template-classic .item-subtitle{font-size:15px;font-style:italic;color:#666;margin-bottom:8px;}.template-classic .item-date{font-size:13px;color:#999;font-style:italic;}.template-minimal .resume-container{font-family:'IBM Plex Sans',-apple-system,system-ui,sans-serif;color:#1a1a1a;padding:60px 80px;max-width:780px;}.template-minimal .resume-header{margin-bottom:50px;text-align:center;}.template-minimal .resume-photo{width:110px;height:110px;border:2px solid #d0d0d0;margin:0 auto 25px;display:block;object-fit:cover;border-radius:50%;}.template-minimal .resume-photo.square{border-radius:4px;}.template-minimal .resume-header h1{font-size:38px;font-weight:300;letter-spacing:-0.5px;margin-bottom:8px;color:#1a1a1a;}.template-minimal .resume-header .subtitle{font-size:16px;font-weight:400;color:#666;margin-bottom:18px;text-transform:uppercase;letter-spacing:3px;}.template-minimal .resume-contact{font-size:13px;color:#777;line-height:2.5;}.template-minimal .resume-section{margin-bottom:42px;}.template-minimal .resume-section h2{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:3px;margin-bottom:20px;color:#1a1a1a;padding-bottom:10px;border-bottom:1px solid #d0d0d0;}.template-minimal .item-wrapper{margin-bottom:28px;}.template-minimal .item-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px;}.template-minimal .item-title{font-size:16px;font-weight:600;color:#1a1a1a;}.template-minimal .item-subtitle{font-size:14px;color:#666;margin-bottom:8px;font-weight:400;}.template-minimal .item-date{font-size:13px;color:#999;}.template-minimal .resume-section p{font-size:14px;line-height:1.8;margin-bottom:14px;color:#444;}.template-minimal .resume-section ul{list-style:none;padding:0;margin-bottom:20px;}.template-minimal .resume-section li{margin-bottom:7px;padding-left:16px;position:relative;line-height:1.7;font-size:14px;color:#444;}.template-minimal .resume-section li:before{content:"—";position:absolute;left:0;color:#999;font-weight:400;}.template-executive .resume-container{font-family:'Crimson Pro',Georgia,serif;padding:0;}.executive-header{color:#fff;padding:40px 60px 35px;position:relative;overflow:hidden;}.executive-header::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--accent-color,#2d7a4f) 0%,var(--accent-dark,#1a4d2e) 100%);z-index:0;}.executive-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 320'%3E%3Cpath fill='%23ffffff' fill-opacity='0.05' d='M0,96L48,112C96,128,192,160,288,165.3C384,171,480,149,576,133.3C672,117,768,107,864,122.7C960,139,1056,181,1152,181.3C1248,181,1344,139,1392,117.3L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3Cpath fill='%23ffffff' fill-opacity='0.08' d='M0,224L48,213.3C96,203,192,181,288,181.3C384,181,480,203,576,202.7C672,203,768,181,864,154.7C960,128,1056,96,1152,90.7C1248,85,1344,107,1392,117.3L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3E%3C/path%3E%3C/svg%3E") no-repeat bottom center;background-size:cover;z-index:0;opacity:1;}.executive-header>*{position:relative;z-index:1;}.executive-header .resume-photo{width:90px;height:90px;border-radius:50%;border:3px solid rgba(255,255,255,0.95);position:absolute;top:35px;right:60px;object-fit:cover;box-shadow:0 4px 12px rgba(0,0,0,0.2);}.executive-header .resume-photo.square{border-radius:8px;}.exec-title-block h1{font-size:42px;font-weight:700;margin-bottom:6px;text-shadow:0 2px 8px rgba(0,0,0,0.15);letter-spacing:-0.5px;}.exec-title-block .subtitle{font-size:19px;font-weight:400;opacity:0.95;margin-bottom:16px;letter-spacing:0.5px;}.exec-contact{font-size:13px;opacity:0.9;line-height:1.9;}.template-executive .resume-section{padding:0 60px;margin-bottom:38px;}.template-executive .resume-section:first-of-type{margin-top:35px;}.template-executive .resume-section h2{font-size:19px;font-weight:700;margin-bottom:16px;padding-bottom:9px;border-bottom:2px solid;letter-spacing:0.5px;text-transform:uppercase;}.template-executive .item-wrapper{margin-bottom:30px;}.template-executive .item-header{display:flex;justify-content:space-between;margin-bottom:8px;align-items:baseline;}.template-executive .item-title{font-size:17px;font-weight:700;}.template-executive .item-subtitle{font-size:15px;font-style:italic;color:#666;margin-bottom:10px;}.template-executive .item-date{font-size:14px;color:#999;}.template-executive .resume-section p{line-height:1.8;margin-bottom:14px;}.template-executive .resume-section ul{list-style:none;padding:0;margin:15px 0;}.template-executive .resume-section li{padding-left:20px;position:relative;margin-bottom:10px;line-height:1.7;}.template-executive .resume-section li:before{content:"▪";position:absolute;left:0;font-size:16px;}.template-executive .skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;}.executive-footer{text-align:center;padding:25px 60px;margin-top:40px;border-top:2px solid #e5e7eb;font-size:11px;color:#9ca3af;}@media(max-width:1280px){.app-container{grid-template-columns:1fr;gap:20px;}.controls-panel,.preview-panel,.options-panel{max-height:none;}.comparison-grid,.region-requirements{grid-template-columns:1fr;}}@media print{body{background:#fff;margin:0;padding:0;}.app-container{display:block;padding:0;}.controls-panel,.options-panel,.preview-panel h2{display:none;}.preview-panel{box-shadow:none;padding:0;border-radius:0;}.resume-preview{box-shadow:none;}.page-number{display:block;}.print-hint{display:none;}.template-modern .resume-sidebar{-webkit-print-color-adjust:exact;print-color-adjust:exact;}.executive-header{-webkit-print-color-adjust:exact;print-color-adjust:exact;}}.print-hint{background:#fffbea;padding:14px 20px;margin-bottom:24px;border-left:4px solid #f59e0b;font-size:14px;text-align:center;border-radius:6px;font-weight:500;}