.biodata-tool-section{max-width:1200px;margin:0 auto;padding:50px 15px;box-sizing:border-box;overflow-x:hidden;overflow-x:clip;overflow-y:visible}.biodata-workspace{display:grid;grid-template-columns:1fr;justify-content:center;gap:15px;max-width:1200px;margin:0 auto;width:100%}.settings-header{display:flex;justify-content:space-between;align-items:center}@media (min-width:992px){.biodata-workspace{grid-template-columns:30% 55%;gap:30px;align-items:start;justify-content:center}.editor-panel{width:100%;position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#fda4af #fff0;-webkit-overflow-scrolling:touch}.editor-panel::-webkit-scrollbar{width:6px}.editor-panel::-webkit-scrollbar-thumb{background-color:#fda4af;border-radius:10px}.preview-panel{position:sticky;top:90px;height:max-content;z-index:10}}.editor-panel{display:flex;flex-direction:column;gap:15px;width:100%;box-sizing:border-box;background:#fff0;padding-right:4px}.settings-card,.editor-card,.setting-group{background:#fff;backdrop-filter:blur(12px);padding:25px 15px;border-radius:5px;border:1px dashed #ff8080;width:100%;transition:transform 0.3s ease;contain:layout}.setting-group{display:flex;align-items:center;justify-content:space-between;padding:12px 15px}.editor-card{display:grid;gap:15px}.btn-reset{flex-shrink:0;background:#ffeeec;color:#b91c1c;border:1px dashed;padding:5px;border-radius:5px;font-size:12px;cursor:pointer;transition:0.2s;margin:0}.btn-reset:hover{background:#fecaca;transform:scale(1.05)}.section-label{display:inline-block;font-size:14px;font-weight:600;color:#be123c;border-bottom:2px solid;margin:15px 0 10px}#create-biodata .input-group{display:flex;flex-direction:column;width:100%;gap:4px;margin:0}#create-biodata .input-label{flex:none;width:auto;background:#fff0;border:none;padding:0 2px;font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.5px}#create-biodata .input-group>.input-val,#create-biodata .input-group>input,#create-biodata .input-modern{flex:none;width:100%;border-radius:8px;border:1px solid #e2e8f0;padding:10px;font-size:14px;background:#fff;transition:all 0.3s cubic-bezier(.4,0,.2,1);resize:vertical}select.input-modern{appearance:auto;cursor:pointer}.custom-file-wrapper{display:flex;align-items:center;gap:12px;padding:6px 10px!important;position:relative;overflow:hidden}.custom-file-wrapper input[type="file"]{position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;cursor:pointer;z-index:2}.custom-file-btn{background:#f1f5f9;border:1px solid #cbd5e1;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;color:#334155;white-space:nowrap;z-index:1;transition:background-color 0.2s}.custom-file-text{font-size:14px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:1}.custom-file-wrapper:hover .custom-file-btn{background:#e2e8f0}.custom-file-wrapper:focus-within{outline:2px solid var(--primary-color);outline-offset:2px}.image-controls-wrapper{width:100%;margin-top:15px;padding:10px;border-radius:5px;border:1px dashed #fda4af;display:flex;flex-direction:column;gap:10px}.carousel-wrapper{position:relative;display:flex;align-items:center;padding:0 20px;max-width:100%;box-sizing:border-box}.bg-carousel{display:flex;overflow-x:auto;gap:10px;padding:10px;scroll-behavior:smooth;scrollbar-width:none;width:100%}.bg-carousel::-webkit-scrollbar{display:none}.bg-thumb-1{background:#7f1d1d;border:1px dashed #d4af37}.bg-thumb-2{background:#e2bfc1;border:1px dashed #FFEB3B}.bg-thumb-3{background:#047857;border:1px dashed #e53a5f}.bg-thumb-4{background:#ffd9a7;border:1px dashed #33d198}.bg-thumb-5{background:#d9b5ff;border:1px dashed #334155}.theme-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;width:100%;padding:0}.icon-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;width:100%;padding:0}.bg-btn,.bg-img-thumb,.icon-btn{cursor:pointer;border-radius:8px;transition:transform 0.3s cubic-bezier(.4,0,.2,1),box-shadow 0.3s cubic-bezier(.4,0,.2,1),border-color 0.3s ease}.bg-btn,.bg-img-thumb{width:35px;height:auto;background-size:contain;background-position:center;border:1px dashed var(--primary-color);padding:0;overflow:hidden}.bg-img-thumb img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}.icon-btn{width:40px;height:40px;border:1px dashed var(--primary-color);font-size:20px;display:flex;align-items:center;justify-content:center;background:#fff}.bg-btn:hover,.bg-img-thumb:hover,.icon-btn:hover{transform:scale(1.08);border-color:#fda4af;box-shadow:0 6px 14px rgb(225 29 72 / .12)}.bg-btn.active,.bg-img-thumb.active,.icon-btn.active{transform:scale(1.15);border-color:var(--primary-color);border-style:solid;z-index:2}.icon-btn img{width:30px;height:30px;object-fit:contain;pointer-events:none}.accordion{margin-bottom:12px;width:100%;overflow:hidden;box-shadow:0 2px 5px rgb(0 0 0 / .02);transition:0.3s}.accordion:hover{border-color:#cbd5e1}.accordion-header{padding:12px 15px;font-weight:600;font-size:15px;color:#334155;cursor:pointer;display:flex;justify-content:space-between;background:#f8fafc;transition:0.2s;border-radius:5px}.accordion.active .accordion-header{background:var(--primary-color);color:#fff}.accordion-body{margin-top:15px;display:none}.accordion.active .accordion-body{display:block}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.data-row{display:flex;align-items:center;flex-direction:row-reverse;gap:10px;background:#fff;border:1px solid #e2e8f0;padding:10px;border-radius:10px;margin-bottom:12px;width:100%;box-sizing:border-box;transition:all 0.3s ease}.data-row.removing{opacity:0;transform:translateX(20px)}.data-row:hover{border-color:#cbd5e1;box-shadow:0 4px 12px rgb(0 0 0 / .03)}.sortable-ghost{opacity:.5;background:#fff1f2;border:2px dashed #fda4af;transform:scale(.98)}.drag-handle{cursor:grab;color:#cbd5e1;font-size:18px;transition:0.2s;touch-action:none}.drag-handle:hover{color:var(--primary-color)}.drag-handle:active{cursor:grabbing;color:var(--primary-color)}.row-content-wrapper{flex:1;min-width:0;display:flex;gap:10px}.row-actions{display:flex;justify-content:flex-end;gap:6px}.btn-action{width:28px;border-radius:6px;border:none;background:#f1f5f9;cursor:pointer;color:#64748b;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:0.2s}.btn-del{background:#fee2e2;color:#ef4444}.btn-del:hover{background:#fecaca;transform:scale(1.1)}.btn-add{width:100%;padding:12px;background:#fff1f2;color:var(--primary-color);border:1px dashed #fda4af;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:0.3s ease}.btn-add:hover{background:#ffe4e6;transform:translateY(-1px);box-shadow:0 4px 10px rgb(225 29 72 / .1)}.sortable-list:focus-within .data-row:not(:focus-within){opacity:.6;filter:grayscale(20%)}.data-row:focus-within{background:#fff;z-index:2;position:relative}.preview-panel{display:flex;flex-direction:column;align-items:center;width:100%;box-sizing:border-box;min-height:600px;contain:paint}#preview-wrapper{position:relative;display:block;overflow:hidden;background:#fff;margin:0 auto;border:1px dashed #ff8080;border-radius:4px;contain:paint;max-width:100%}#a4-content{width:100%;transform-origin:top left;transition:transform 0.2s ease,width 0.2s ease}#a4-content>*:last-child,.doc-table:last-child{margin-bottom:0!important}.header-center-icon{flex:0 0 100px;display:flex;align-items:center;justify-content:center;margin:10px 0 auto;min-height:75px}.a4-paper{width:794px;height:1123px;box-sizing:border-box;transform-origin:top left;position:relative;padding:25px 45px;overflow:hidden;left:0;font-family:'Outfit',sans-serif}.a4-paper.has-bg-img{background-size:100% 100%;background-position:center;background-repeat:no-repeat}.doc-main-title{text-align:center;font-size:24px;font-weight:700;letter-spacing:.5px;margin-bottom:8px}.doc-section-title{font-size:19px;font-weight:600;padding:3px 10px;color:inherit;letter-spacing:1px;break-after:avoid;margin:6px 0 3px}.doc-table{width:100%;border-collapse:collapse;font-size:17px;margin-bottom:15px;table-layout:fixed;text-transform:capitalize}.doc-table td{padding:4px 0;vertical-align:top;line-height:1.4;border:none!important;word-wrap:break-word}.doc-table td.col-label{width:35%;font-weight:600;padding-left:10px}.doc-table td.col-colon{width:4%;text-align:center;font-weight:700}.doc-table td.col-value{width:63%;font-weight:400;color:#334155}.photo-box{width:175px;height:230px;flex-shrink:0;border:2px solid;padding:3px;background:#fff;box-sizing:border-box;margin-top:55px;overflow:hidden;break-inside:avoid}#preview-god-icon{font-size:55px;filter:drop-shadow(0 3px 6px rgb(0 0 0 / .15));line-height:1;display:block}#preview-god-icon img{max-height:75px;width:auto;display:block;image-rendering:-webkit-optimize-contrast;object-fit:contain}.personal-details-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;width:100%;break-inside:avoid}.personal-table-wrapper{padding-left:25px;flex:1}#preview-body-content{opacity:1;visibility:visible;transition:opacity 0.3s ease-in-out,visibility 0.3s ease-in-out;will-change:opacity}.preview-updating{opacity:0!important;visibility:hidden!important;transition:opacity 0.2s ease-in-out}.bg-design-1{background-color:#7f1d1d;color:#fffbeb}.bg-design-1 .doc-main-title{color:#facc15;text-transform:uppercase}.bg-design-1 .photo-box{border:4px double #facc15;background:#991b1b}.bg-design-1 .doc-section-title{background:#facc15;color:#7f1d1d;border-radius:4px;display:block;width:40%;text-align:center}.bg-design-1 td.col-label{color:#facc15}.bg-design-1 td.col-colon{color:#fde047;font-weight:400}.bg-design-1 td.col-value{color:#fffbeb}.bg-design-2{background-color:#fff1f2;color:#831843}.bg-design-2 .doc-main-title{color:#be123c}.bg-design-2 .photo-box{border:3px solid #f43f5e;background:#fff0}.bg-design-2 .doc-section-title{background:#be123c;color:#fff;border-radius:20px;display:inline-block}.bg-design-2 td.col-label{color:#be123c}.bg-design-2 td.col-colon{color:#f43f5e;font-weight:400}.bg-design-2 td.col-value{color:#831843}.bg-design-3{background-color:#fefce8;color:#064e3b}.bg-design-3 .doc-main-title{color:#047857}.bg-design-3 .photo-box{border:3px solid #047857;background:#fff0}.bg-design-3 .doc-section-title{background:#047857;color:#fff;border-left:4px solid #f59e0b;display:block;width:50%;text-align:center}.bg-design-3 td.col-label{color:#047857}.bg-design-3 td.col-colon{color:#f59e0b;font-weight:400}.bg-design-3 td.col-value{color:#064e3b}.bg-design-4{background-color:#ffedd5;color:#500724}.bg-design-4 .doc-main-title{color:#9f1239;text-transform:uppercase;letter-spacing:2px}.bg-design-4 .photo-box{border:3px solid #9f1239;background:#fff0}.bg-design-4 .doc-section-title{color:#9f1239;border-bottom:2px solid #9f1239;display:inline-block}.bg-design-4 td.col-label{color:#9f1239}.bg-design-4 td.col-colon{color:#be123c;font-weight:400}.bg-design-4 td.col-value{color:#500724}.bg-design-5{background-color:#f3e8ff;color:#312e81}.bg-design-5 .doc-main-title{color:#4338ca;text-shadow:1px 1px 0 rgb(67 56 202 / .2)}.bg-design-5 .photo-box{border:3px solid #818cf8;background:#fff0}.bg-design-5 .doc-section-title{background:#4338ca;color:#fff;border-radius:8px 0;display:block;width:50%;text-align:center}.bg-design-5 td.col-label{color:#4338ca}.bg-design-5 td.col-colon{color:#818cf8;font-weight:400}.bg-design-5 td.col-value{color:#312e81}.template-style-6,.template-style-7,.template-style-8,.template-style-9,.template-style-10,.template-style-11,.template-style-12,.template-style-13,.template-style-14,.template-style-15{background-color:#fff0}.template-style-6{color:#3e2723}.template-style-6 .doc-main-title{color:#7f1d1d;text-shadow:1px 1px 2px rgb(127 29 29 / .2);text-transform:uppercase}.template-style-6 .photo-box{border:3px solid #7f1d1d;background:#fff0}.template-style-6 .doc-section-title{background:#7f1d1d;color:#fff;border-radius:4px;display:block;width:50%;text-align:center}.template-style-6 td.col-label{color:#7f1d1d}.template-style-6 td.col-colon{color:brown;font-weight:400}.template-style-6 td.col-value{color:#3e2723}.template-style-7{color:#0f172a}.template-style-7 .doc-main-title{color:#1d4ed8;letter-spacing:2px}.template-style-7 .photo-box{border:2px solid #3b82f6;border-radius:8px;background:#fff0}.template-style-7 .doc-section-title{color:#1d4ed8;border-bottom:3px solid #3b82f6;display:inline-block}.template-style-7 td.col-label{color:#1e3a8a}.template-style-7 td.col-colon{color:#3b82f6;font-weight:400}.template-style-7 td.col-value{color:#0f172a}.template-style-8{color:#27272a}.template-style-8 .doc-main-title{color:#18181b}.template-style-8 .photo-box{border:4px double #3f3f46;background:#fff0}.template-style-8 .doc-section-title{background:rgb(39 39 42 / .85);color:#fff;display:block;width:40%}.template-style-8 td.col-label{color:#18181b}.template-style-8 td.col-colon{color:#52525b;font-weight:400}.template-style-8 td.col-value{color:#27272a}.template-style-9{color:#1e1b4b}.template-style-9 .doc-main-title{color:#4338ca;font-weight:600}.template-style-9 .photo-box{border:2px solid #818cf8;border-radius:12px;background:#fff0}.template-style-9 #preview-profile-img{border-radius:12px}.template-style-9 .doc-section-title{background:linear-gradient(90deg,#e0e7ff,transparent);color:#3730a3;border-left:3px solid #4338ca;display:block}.template-style-9 td.col-label{color:#3730a3}.template-style-9 td.col-colon{color:#818cf8;font-weight:400}.template-style-9 td.col-value{color:#1e1b4b}.template-style-10{color:#3e2723}.template-style-10 .doc-main-title{color:#4e342e;text-transform:uppercase}.template-style-10 .photo-box{border:3px dashed #5d4037;background:#fff0}.template-style-10 .doc-section-title{background:#5d4037;color:#efebe9;display:inline-block}.template-style-10 td.col-label{color:#3e2723}.template-style-10 td.col-colon{color:#795548;font-weight:400}.template-style-10 td.col-value{color:#3e2723}.template-style-11{color:#27272a}.template-style-11 .doc-main-title{color:#7f1d1d;letter-spacing:3px}.template-style-11 .photo-box{border:3px solid #7f1d1d;background:#fff0}.template-style-11 .doc-section-title{color:#7f1d1d;border-bottom:2px dashed #7f1d1d;display:inline-block}.template-style-11 td.col-label{color:#991b1b}.template-style-11 td.col-colon{color:#b91c1c;font-weight:400}.template-style-11 td.col-value{color:#27272a}.template-style-12{color:#450a0a}.template-style-12 .doc-main-title{color:#b91c1c;font-weight:800;text-shadow:2px 2px 0 #facc15}.template-style-12 .photo-box{border:3px solid #b91c1c;background:#fff0}.template-style-12 .doc-section-title{background:#b91c1c;color:#fef08a;display:block;width:40%}.template-style-12 td.col-label{color:#b91c1c}.template-style-12 td.col-colon{color:#eab308;font-weight:400}.template-style-12 td.col-value{color:#450a0a}.template-style-13{color:#0f172a}.template-style-13 .doc-main-title{color:#1e3a8a}.template-style-13 .photo-box{border:2px solid #1e3a8a;background:#fff0}.template-style-13 .doc-section-title{background:#1e3a8a;color:#fde047;display:inline-block}.template-style-13 td.col-label{color:#1e3a8a}.template-style-13 td.col-colon{color:#d97706;font-weight:400}.template-style-13 td.col-value{color:#0f172a}.template-style-14{color:#334155}.template-style-14 .doc-main-title{color:#b45309}.template-style-14 .photo-box{border:1px solid #ca8a04;outline:1px solid #ca8a04;outline-offset:3px;background:#fff0}.template-style-14 .doc-section-title{color:#b45309;border-bottom:1px solid #ca8a04;display:inline-block}.template-style-14 td.col-label{color:#92400e}.template-style-14 td.col-colon{color:#ca8a04;font-weight:400}.template-style-14 td.col-value{color:#334155}.template-style-15{color:#431407}.template-style-15 .doc-main-title{color:#9a3412}.template-style-15 .photo-box{border:2px solid #9a3412;background:#fff0}.template-style-15 .doc-section-title{color:#9a3412;border-top:2px solid #9a3412;border-bottom:2px solid #9a3412;display:block;width:55%;text-align:center}.template-style-15 td.col-label{color:#9a3412}.template-style-15 td.col-colon{color:#fdba74;font-weight:400}.template-style-15 td.col-value{color:#431407}.export-actions{display:flex;gap:12px;width:100%;max-width:100%;margin-top:20px}.export-actions .btn-primary{flex:1;padding:15px;border-radius:10px;color:#fff;text-align:center;position:relative;overflow:hidden}.btn-export-img{background:var(--primary-color)}.btn-export-pdf{background:var(--primary-color)}.btn-spinner{display:inline-block;width:18px;height:18px;border:3px solid rgb(255 255 255 / .3);border-radius:50%;border-top-color:#fff;animation:btn-spin 0.8s cubic-bezier(.4,0,.2,1) infinite;margin:0}.export-btn-content{display:flex;align-items:center;justify-content:center;width:100%;gap:8px}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-primary.is-loading{pointer-events:none;transform:translateY(-2px);box-shadow:0 8px 25px rgb(225 29 72 / .4)}.btn-progress-layer{position:absolute;top:0;left:0;height:100%;width:0;background:rgb(255 255 255 / .3);z-index:1;transition:width 0.3s ease;pointer-events:none}.live-status-badge{display:inline-flex;align-items:center;gap:12px;background:#f0fdf4;color:#166534;padding:10px 18px;border-radius:30px;font-size:14px;font-weight:500;margin-top:15px;border:1px solid #c0dfdc}.dot{height:8px;width:8px;background-color:#22c55e;border-radius:50%;display:inline-block;position:relative}.dot::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#22c55e;border-radius:50%;z-index:1;animation:dot-pulse 2s infinite ease-out}@keyframes dot-pulse{0%{transform:scale(1);opacity:1}100%{transform:scale(3.5);opacity:0}}#live-counter{transition:opacity 0.3s ease;min-width:28px;text-align:center;display:inline-block}#toast-container{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-message{background:#334155;color:#fff;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:600;opacity:0;transform:translateY(20px);transition:all 0.3s cubic-bezier(.4,0,.2,1);text-align:center;white-space:nowrap}.toast-message.show{opacity:1;transform:translateY(0)}.toast-success{background:#10b981}.toast-error{background:#e11d48}@media (max-width:768px){.settings-card,.editor-card{grid-template-columns:1fr;padding:25px 10px}.export-actions{flex-direction:column;gap:10px}#preview-wrapper{width:100%;max-width:100%;overflow:hidden}.biodata-workspace,.preview-panel,.editor-panel{min-width:0;max-width:100%;overflow-x:hidden}#create-biodata .input-val,#create-biodata .input-label,#create-biodata .input-modern{font-size:16px!important}}@media print{body *{visibility:hidden}#preview-wrapper,#preview-wrapper *{visibility:visible}#preview-wrapper{position:absolute;left:0;top:0;width:100%;border:none!important;box-shadow:none!important}#a4-preview{position:relative;transform:none!important;width:100%!important;height:auto!important;page-break-after:avoid;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.mobile-preview-btn,.close-preview-btn,.export-actions{display:none!important}}.mobile-preview-btn{position:fixed;width:100%;bottom:0;left:50%;transform:translateX(-50%) translateY(100px);background:var(--primary-gradient);color:#fff;border:none;padding:10px 15px;font-size:15px;font-weight:500;z-index:1000;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.4s cubic-bezier(.4,0,.2,1)}.mobile-preview-btn:hover{box-shadow:0 12px 30px rgb(225 29 72 / .5)}.mobile-preview-btn.show-fab{transform:translateX(-50%) translateY(0);opacity:1;visibility:visible}@media (min-width:992px){.mobile-preview-btn{display:none!important}}.close-preview-btn{display:none}@media (max-width:992px){body.preview-modal-open{overflow:hidden}body.preview-modal-open .preview-panel{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;background:rgb(255 255 255 / .98);z-index:999999;display:block;padding:30px 15px 120px 15px;overflow-y:auto;-webkit-overflow-scrolling:touch;backdrop-filter:blur(5px);overscroll-behavior:contain;text-align:center}body.preview-modal-open #preview-wrapper{border:1px dashed var(--primary-color)!important;box-shadow:0 10px 40px rgb(0 0 0 / .15);border-radius:4px;margin:0 auto;display:inline-block;text-align:left}.close-preview-btn{position:fixed;top:15px;right:5px;width:35px;height:35px;border-radius:25px;background:#fee2e2;color:var(--primary-color);border:2px solid;font-size:20px;font-weight:600;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:100000;transition:all 0.2s ease}body.preview-modal-open .close-preview-btn{display:flex}}.mobile-theme-selector{display:none;width:100%;text-align:center;margin:15px auto;background:rgb(255 255 255 / .85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:15px 0;border-radius:16px;box-shadow:0 8px 30px rgb(0 0 0 / .08);border:1px solid rgb(255 255 255 / .6)}body.preview-modal-open .mobile-theme-selector{display:block;animation:slideUpModal 0.5s cubic-bezier(.16,1,.3,1)}.mobile-theme-track{display:flex;overflow-x:auto;gap:15px;padding:5px 20px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mobile-theme-track::-webkit-scrollbar{display:none}.mobile-theme-track button{flex-shrink:0;scroll-snap-align:center;transform:scale(.95);transition:transform 0.4s cubic-bezier(.34,1.56,.64,1),box-shadow 0.3s ease}.mobile-theme-track button.active{transform:scale(1.15);box-shadow:0 10px 25px rgb(225 29 72 / .25);border:2px solid var(--primary-color);z-index:2}@keyframes slideUpModal{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}#create-biodata select.input-val,#create-biodata select.input-modern{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px}#create-biodata .input-group>.input-val,#create-biodata .input-group>input,#create-biodata .input-modern{padding:10px}.smooth-input>select.input-val{padding-right:15px!important;background-image:none!important;text-align:center}.custom-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(15 23 42 / .6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000000;animation:modalFadeIn 0.2s ease}.custom-modal{background:#fff;padding:30px;border-radius:20px;width:90%;max-width:400px;text-align:center;box-shadow:0 25px 50px rgb(225 29 72 / .15)}.custom-modal h3{color:#be123c;margin-bottom:12px;font-size:22px}.custom-modal p{color:#64748b;font-size:15px;margin-bottom:25px;line-height:1.5}.custom-modal-actions{display:flex;gap:12px;justify-content:center}.custom-modal-actions button{flex:1;padding:12px 20px;border-radius:10px;border:none;font-size:15px;font-weight:700;cursor:pointer;transition:0.2s}.btn-modal-cancel{background:#f1f5f9;color:#475569}.btn-modal-cancel:hover{background:#e2e8f0;transform:translateY(-2px)}.btn-modal-confirm{background:var(--primary-color);color:#fff}.btn-modal-confirm:hover{background:#9f1239;transform:translateY(-2px);box-shadow:0 4px 12px rgb(225 29 72 / .3)}@keyframes modalFadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.slider-group{display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-size:13px;font-weight:700;color:#e11d48;width:100%;margin-bottom:5px;position:relative}.slider-group input[type="range"]{width:100%;flex:none;cursor:pointer;accent-color:var(--primary-color);height:6px;border-radius:5px}.range-tooltip{position:absolute;top:-22px;left:0;transform:translateX(-50%);background:var(--primary-color);color:#fff;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:800;pointer-events:none;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;z-index:10;box-shadow:0 4px 10px rgb(225 29 72 / .3);white-space:nowrap}.range-tooltip::after{content:'';position:absolute;bottom:-4px;left:50%;transform:translateX(-50%);border-width:4px 4px 0;border-style:solid;border-color:var(--primary-color) #fff0 #fff0 #fff0}.range-tooltip.show{opacity:1;visibility:visible}@media (max-width:992px){body.preview-modal-open #image-controls{margin-bottom:15px;background:rgb(255 255 255 / .85)!important;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgb(255 255 255 / .6)!important;box-shadow:0 8px 30px rgb(0 0 0 / .08);border-radius:16px;width:100%;box-sizing:border-box;animation:slideUpModal 0.5s cubic-bezier(.16,1,.3,1)}}#install-wrapper{display:none}.install-pwa-btn{background:#fdf2f8;color:#be123c;border:1px dashed #fda4af;padding:5px 12px;border-radius:20px;font-weight:700;font-family:inherit;cursor:pointer}.lang-label{font-weight:600;color:#be123c;font-size:15px;margin:0;display:flex;align-items:center;gap:8px}.lang-icon{font-size:20px}.lang-select{width:auto;padding:8px 14px;border-radius:8px;font-weight:700;cursor:pointer;border-color:#cbd5e1;color:#0f172a}.settings-title-group{display:flex;flex-direction:column;gap:4px}.settings-title{margin:0;line-height:1}#save-status{font-size:11px;color:#10b981;opacity:0;transition:opacity 0.3s;font-weight:600;line-height:1}.mobile-theme-label{margin-top:0;margin-bottom:12px;font-size:12px;letter-spacing:1px;text-transform:uppercase}