.name-joiner-section{padding:36px 0 50px}.tool-grid{display:grid;grid-template-columns:1fr 320px;gap:20px}.name-joiner-section .card{background:var(--card-color);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;margin-bottom:16px}.name-joiner-section .card:last-child{margin-bottom:0}.name-joiner-section .card__header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.name-joiner-section .card__title{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--primary-text)}.name-joiner-section .card__title i{color:var(--primary-color);font-size:17px}.name-joiner-section .card__body{padding:18px}.name-joiner-section .dropzone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;cursor:pointer;transition:all .25s;background:var(--section-bg);min-height:200px;position:relative}.name-joiner-section .dropzone:hover,.name-joiner-section .dropzone.dragover{border-color:var(--primary-color);background:var(--hover-color);transform:scale(1.005)}[data-theme="dark"] .name-joiner-section .dropzone:hover,[data-theme="dark"] .name-joiner-section .dropzone.dragover{background:#1a1d30}.name-joiner-section .dropzone__icon{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#eef0fd,#e0e3fc);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary-color);animation:float 3s ease-in-out infinite}[data-theme="dark"] .name-joiner-section .dropzone__icon{background:linear-gradient(135deg,#1e2240,#252a50)}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}.name-joiner-section .dropzone__title{font-size:14px;font-weight:600;color:var(--primary-text)}.name-joiner-section .dropzone__sub{font-size:11px;color:var(--gray-text)}.name-joiner-section .dropzone__browse{background:var(--primary-color);color:#fff;border:none;padding:9px 22px;border-radius:10px;font-size:12px;font-weight:600;cursor:pointer;font-family:"Poppins",sans-serif;transition:opacity .2s;display:flex;align-items:center;gap:6px}.name-joiner-section .dropzone__browse:hover{opacity:.88}#fileInput{display:none}.form-group{margin-bottom:16px}.form-label{display:block;font-size:11px;font-weight:600;color:var(--gray-text);text-transform:uppercase;letter-spacing:.5px;margin-bottom:7px}.form-input,.form-select{width:100%;background:var(--input-bg);border:1.5px solid var(--border);border-radius:10px;padding:10px 13px;font-size:13px;color:var(--primary-text);outline:none;transition:border-color .3s;font-family:"Poppins",sans-serif}.form-input:focus,.form-select:focus{border-color:var(--primary-color)}.form-select{cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-info .toggle-name{font-size:12px;font-weight:600;color:var(--primary-text)}.toggle-info .toggle-desc{font-size:10px;color:var(--gray-text);margin-top:2px}.toggle-switch{position:relative;width:38px;height:22px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:22px;transition:.3s}.slider::before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.3s}input:checked+.slider{background:var(--primary-color)}input:checked+.slider::before{transform:translateX(16px)}.color-row{display:flex;align-items:center;gap:10px}.color-swatch{width:38px;height:38px;border-radius:10px;border:1.5px solid var(--border);cursor:pointer;overflow:hidden;flex-shrink:0}.color-swatch input[type="color"]{width:100%;height:100%;border:none;cursor:pointer;padding:0}.color-presets{display:flex;gap:6px;flex-wrap:wrap}.color-preset{width:24px;height:24px;border-radius:6px;cursor:pointer;border:2px solid #fff0;transition:transform .2s,border-color .2s}.color-preset:hover{transform:scale(1.15)}.color-preset.active{border-color:var(--primary-color)}.slider-row{display:flex;align-items:center;gap:10px}.range-input{flex:1;accent-color:var(--primary-color);cursor:pointer}.range-val{min-width:36px;text-align:center;font-size:12px;font-weight:700;color:var(--primary-color);background:var(--hover-color);border-radius:8px;padding:3px 6px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:4px}.image-card{background:var(--section-bg);border:1.5px solid var(--border);border-radius:var(--radius-md);overflow:hidden;position:relative;transition:box-shadow .2s;animation:cardPop .3s ease both}.image-card:hover{box-shadow:0 6px 24px rgb(0 0 0 / .12)}@keyframes cardPop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.image-card__thumb{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.image-card__info{padding:8px 10px}.image-card__name{font-size:10px;font-weight:600;color:var(--primary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.image-card__size{font-size:9px;color:var(--gray-text);margin-top:2px}.image-card__remove{position:absolute;top:6px;right:6px;background:rgb(0 0 0 / .55);color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.image-card:hover .image-card__remove{opacity:1}.preview-canvas-wrap{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.preview-canvas-wrap canvas{width:auto;max-width:100%;height:auto;max-height:420px;display:block;margin:0 auto;border-radius:var(--radius-md)}.progress-bar-wrap{background:var(--input-bg);border-radius:20px;height:6px;overflow:hidden;margin-top:8px}.progress-bar-fill{height:100%;background:var(--liearcolor);border-radius:20px;transition:width .3s}.btn-primary{width:100%;padding:13px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;font-family:"Poppins",sans-serif}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-outline{width:100%;padding:11px;background:#fff0;color:var(--primary-color);border:1.5px solid var(--primary-color);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px;font-family:"Poppins",sans-serif;margin-top:8px}.btn-outline:hover{background:var(--primary-color);color:#fff}.btn-danger{width:100%;padding:11px;background:#fff0;color:var(--danger);border:1.5px solid var(--danger);border-radius:var(--radius-md);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px;font-family:"Poppins",sans-serif;margin-top:8px;margin-bottom:10px}.btn-danger:hover{background:var(--danger);color:#fff}.chip-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:8px;border:1px solid var(--border);background:var(--section-bg);font-size:11px;font-weight:500;color:var(--gray-text);cursor:pointer;transition:all .2s;font-family:"Poppins",sans-serif}.chip-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--hover-color)}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.success{background:#dcfce7;color:#16a34a}.status-badge.warn{background:#fef9c3;color:#854d0e}[data-theme="dark"] .status-badge.success{background:#052e16;color:#4ade80}[data-theme="dark"] .status-badge.warn{background:#1c1400;color:#fbbf24}.empty-state{text-align:center;padding:40px 20px;color:var(--gray-text)}.empty-state.empty-state_up{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.empty-state i{font-size:40px;display:block;margin-bottom:10px;color:var(--border)}.empty-state p{font-size:12px}.result-list{display:flex;flex-direction:column;gap:8px}.result-item{display:flex;align-items:center;gap:10px;background:var(--input-bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;transition:border-color .2s}.result-item:hover{border-color:var(--primary-color)}.result-item__thumb{width:40px;height:40px;object-fit:cover;border-radius:8px;flex-shrink:0}.result-item__info{flex:1;min-width:0}.result-item__name{font-size:11px;font-weight:600;color:var(--primary-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-item__meta{font-size:10px;color:var(--gray-text);margin-top:2px}.result-item__dl{background:var(--primary-color);color:#fff;border:none;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:12px;transition:opacity .2s;flex-shrink:0;display:flex;align-items:center;gap:4px}.result-item__dl:hover{opacity:.85}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(60px);background:#1f2937;color:#fff;padding:11px 22px;border-radius:12px;font-size:13px;font-weight:500;box-shadow:0 8px 30px rgb(0 0 0 / .25);z-index:99999;opacity:0;transition:all .3s cubic-bezier(.22,1,.36,1);white-space:nowrap}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:900px){.tool-grid{grid-template-columns:1fr}.sidebar{display:none}.form-row{grid-template-columns:1fr}.tool-section{padding-bottom:100px}}@media(min-width:901px){.fab-settings{display:none!important}.bs-overlay{display:none!important}.bottom-sheet{display:none!important}}@media(max-width:520px){.hero_section .header__heading h1{font-size:28px}.image-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.desktop__header header{padding:8px 14px}}.fab-settings{position:fixed;bottom:24px;right:20px;z-index:8000;background:var(--primary-color);color:#fff;border:none;border-radius:50px;padding:14px 20px;font-size:13px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 8px 28px rgb(99 102 241 / .45);font-family:"Poppins",sans-serif;transition:transform .2s,box-shadow .2s}.fab-settings:hover{transform:translateY(-2px);box-shadow:0 12px 36px rgb(99 102 241 / .55)}.fab-settings:active{transform:scale(.96)}.fab-settings i{font-size:18px}.fab-badge{background:#fff;color:var(--primary-color);border-radius:20px;font-size:10px;font-weight:800;padding:1px 7px;min-width:18px;text-align:center}.bs-overlay{position:fixed;inset:0;z-index:8500;background:rgb(0 0 0 / .45);opacity:0;pointer-events:none;transition:opacity .35s ease;backdrop-filter:blur(2px)}.bs-overlay.open{opacity:1;pointer-events:all}.bottom-sheet{position:fixed;bottom:0;left:0;right:0;z-index:9000;background:var(--header-bg);border-radius:24px 24px 0 0;box-shadow:0 -8px 40px rgb(0 0 0 / .18);transform:translateY(100%);transition:transform .4s cubic-bezier(.32,1.2,.55,1);max-height:88vh;display:flex;flex-direction:column}.bottom-sheet.open{transform:translateY(0)}.bs-handle-wrap{flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:12px 20px 0;cursor:grab;user-select:none}.bs-handle{width:40px;height:4px;background:var(--border);border-radius:4px}.bs-header{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px 20px 12px;border-bottom:1px solid var(--border)}.bs-title{font-size:15px;font-weight:700;color:var(--primary-text);display:flex;align-items:center;gap:8px}.bs-title i{color:var(--primary-color);font-size:18px}.bs-close{background:var(--section-bg);border:1px solid var(--border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--gray-text);transition:background .2s,color .2s}.bs-close:hover{background:var(--hover-color);color:var(--primary-color)}.bs-tabs{flex-shrink:0;display:flex;gap:6px;padding:10px 16px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.bs-tabs::-webkit-scrollbar{display:none}.bs-tab{flex-shrink:0;padding:7px 16px;border-radius:20px;font-size:11px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--section-bg);color:var(--gray-text);transition:all .2s;font-family:"Poppins",sans-serif;white-space:nowrap;display:flex;align-items:center;gap:5px}.bs-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.bs-body{flex:1;overflow-y:auto;padding:18px 16px 24px;-webkit-overflow-scrolling:touch}.bs-body::-webkit-scrollbar{width:4px}.bs-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.bs-panel{display:none}.bs-panel.active{display:block}.bs-apply-row{flex-shrink:0;padding:12px 16px 20px;border-top:1px solid var(--border);display:flex;gap:8px}.bs-apply-row .btn-primary{flex:2;padding:13px}.bs-apply-row .btn-outline{flex:1;padding:13px;margin:0}.pos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.pos-btn{padding:8px 4px;background:var(--input-bg);border:1.5px solid var(--border);border-radius:8px;font-size:9px;font-weight:600;color:var(--gray-text);cursor:pointer;text-align:center;transition:all .2s;font-family:"Poppins",sans-serif}.pos-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--hover-color)}.pos-btn.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.count-badge{display:inline-flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;font-size:10px;font-weight:700;border-radius:20px;padding:1px 8px;min-width:22px}.sidebar{position:sticky;top:90px;align-self:start}.sb-tabs{display:flex;gap:4px;padding:10px 14px;border-bottom:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;flex-shrink:0}.sb-tabs::-webkit-scrollbar{display:none}.sb-tab{flex:1;padding:6px 8px;border-radius:8px;font-size:10px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--section-bg);color:var(--gray-text);transition:all .2s;font-family:"Poppins",sans-serif;white-space:nowrap;display:flex;align-items:center;justify-content:center;gap:4px}.sb-tab.active{background:var(--primary-color);color:#fff;border-color:var(--primary-color)}.sb-panel{display:none}.sb-panel.active{display:block}.sb-actions{padding:14px 18px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:6px}.sb-actions .btn-primary,.sb-actions .btn-outline,.sb-actions .btn-danger{margin-top:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--input-bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.pnd-how-section{padding:10px 0 80px;background:radial-gradient(circle at top left,rgb(99 102 241 / .10),transparent 34%),linear-gradient(180deg,var(--body-background),var(--section-bg))}.pnd-section-head{text-align:center;max-width:720px;margin:0 auto 26px}.pnd-kicker{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:999px;background:var(--hover-color);color:var(--primary-color);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:12px}[data-theme="dark"] .pnd-kicker{background:#1e2240}.pnd-section-head h2{color:var(--heading-color);font-size:clamp(26px, 4vw, 42px);line-height:1.15;font-weight:800;margin-bottom:10px}.pnd-section-head h2 span{background:var(--liearcolor);-webkit-background-clip:text;background-clip:text;color:#fff0}.pnd-section-head p{color:var(--gray-text);font-size:13px;line-height:1.8}.pnd-how-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:stretch}.pnd-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.pnd-step-card{position:relative;overflow:hidden;background:var(--card-color);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--card-shadow);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pnd-step-card:hover{transform:translateY(-4px);border-color:var(--primary-color);box-shadow:0 18px 50px rgb(99 102 241 / .15)}.pnd-step-card::after{content:"";position:absolute;width:90px;height:90px;right:-36px;top:-36px;border-radius:50%;background:var(--primary-glow)}.pnd-step-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.pnd-step-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--liearcolor);font-size:20px;box-shadow:0 12px 26px rgb(99 102 241 / .25)}.pnd-step-no{color:var(--primary-color);background:var(--hover-color);border:1px solid var(--border);font-size:11px;font-weight:800;padding:4px 10px;border-radius:999px}.pnd-step-card h3{color:var(--primary-text);font-size:15px;font-weight:700;margin-bottom:7px}.pnd-step-card p{color:var(--gray-text);font-size:12px;line-height:1.7}.pnd-demo-card{background:var(--card-color);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden}.pnd-demo-preview{min-height:260px;padding:18px;display:flex;align-items:end;justify-content:center;background:linear-gradient(145deg,rgb(15 23 42 / .10),rgb(99 102 241 / .20)),linear-gradient(135deg,#dbeafe,#eef2ff 45%,#f8fafc)}[data-theme="dark"] .pnd-demo-preview{background:linear-gradient(145deg,rgb(0 0 0 / .24),rgb(99 102 241 / .22)),linear-gradient(135deg,#111827,#172033 55%,#0e1117)}.pnd-photo-mock{width:min(100%, 330px);aspect-ratio:4 / 3;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 22px 60px rgb(0 0 0 / .22);background:linear-gradient(180deg,rgb(255 255 255 / .2),transparent),linear-gradient(135deg,#93c5fd 0%,#c4b5fd 45%,#f0abfc 100%)}.pnd-photo-mock::before{content:"";position:absolute;inset:16px 20px auto auto;width:54px;height:54px;border-radius:50%;background:rgb(255 255 255 / .75)}.pnd-watermark-demo{position:absolute;left:18px;right:18px;bottom:18px;text-align:center;padding:10px 14px;border-radius:999px;color:#fff;background:rgb(0 0 0 / .62);backdrop-filter:blur(8px);font-size:13px;font-weight:700}.pnd-demo-body{padding:18px}.pnd-demo-body h3{color:var(--primary-text);font-size:16px;margin-bottom:8px}.pnd-demo-body p{color:var(--gray-text);font-size:12px;line-height:1.7;margin-bottom:14px}.pnd-mini-list{display:grid;gap:9px}.pnd-mini-list li{list-style:none;display:flex;align-items:center;gap:9px;color:var(--primary-text);font-size:12px;font-weight:500}.pnd-mini-list i{color:var(--success);font-size:16px}.pnd-how-cta{margin-top:22px;display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pnd-cta-btn{border:none;cursor:pointer;border-radius:12px;padding:12px 18px;font-size:13px;font-weight:700;font-family:"Poppins",sans-serif;display:inline-flex;align-items:center;gap:8px;transition:transform .25s ease,opacity .25s ease}.pnd-cta-btn:hover{transform:translateY(-2px);opacity:.92}.pnd-cta-primary{color:#fff;background:var(--primary-color)}.pnd-cta-soft{color:var(--primary-color);background:var(--hover-color);border:1px solid var(--border)}@media(max-width:900px){.pnd-how-grid{grid-template-columns:1fr}}@media(max-width:620px){.pnd-how-section{padding-bottom:60px}.pnd-steps{grid-template-columns:1fr}.pnd-step-card{padding:16px}.pnd-demo-preview{min-height:220px}}.pnd-features-section{padding:10px 0 70px;background:var(--body-background)}.pnd-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pnd-feature-card{background:var(--card-color);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--card-shadow);position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pnd-feature-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 18px 50px rgb(99 102 241 / .14)}.pnd-feature-card::after{content:"";position:absolute;width:96px;height:96px;right:-42px;top:-42px;border-radius:50%;background:var(--primary-glow)}.pnd-feature-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#fff;background:var(--liearcolor);font-size:21px;margin-bottom:16px;box-shadow:0 12px 28px rgb(99 102 241 / .24)}.pnd-feature-card h3{color:var(--primary-text);font-size:15px;font-weight:700;margin-bottom:8px}.pnd-feature-card p{color:var(--gray-text);font-size:12px;line-height:1.75}.pnd-feature-tag{display:inline-flex;margin-top:14px;padding:5px 10px;border-radius:999px;background:var(--hover-color);color:var(--primary-color);font-size:10px;font-weight:700}[data-theme="dark"] .pnd-feature-tag{background:#1e2240}@media(max-width:900px){.pnd-feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pnd-features-section{padding-bottom:55px}.pnd-feature-grid{grid-template-columns:1fr}.pnd-feature-card{padding:18px}}.pnd-content-section{padding:10px 0 75px;background:linear-gradient(180deg,var(--section-bg),var(--body-background))}.pnd-content-wrap{display:grid;grid-template-columns:.95fr 1.05fr;gap:18px;align-items:stretch}.pnd-content-panel{background:var(--card-color);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);padding:22px;overflow:hidden;position:relative}.pnd-content-panel::after{content:"";position:absolute;width:140px;height:140px;right:-70px;top:-70px;border-radius:50%;background:var(--primary-glow)}.pnd-content-panel h2{color:var(--heading-color);font-size:clamp(24px, 4vw, 38px);line-height:1.18;font-weight:800;margin-bottom:12px;position:relative;z-index:1}.pnd-content-panel h2 span{background:var(--liearcolor);-webkit-background-clip:text;background-clip:text;color:#fff0}.pnd-content-panel p{color:var(--gray-text);font-size:13px;line-height:1.85;margin-bottom:12px;position:relative;z-index:1}.pnd-content-highlights{display:grid;gap:12px;position:relative;z-index:1}.pnd-content-item{display:flex;gap:12px;padding:15px;border-radius:var(--radius-md);background:var(--card-color);border:1px solid var(--border);box-shadow:var(--card-shadow);transition:transform .25s ease,border-color .25s ease}.pnd-content-item:hover{transform:translateY(-3px);border-color:var(--primary-color)}.pnd-content-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--liearcolor);font-size:19px;flex-shrink:0}.pnd-content-item h3{color:var(--primary-text);font-size:14px;font-weight:700;margin-bottom:5px}.pnd-content-item p{color:var(--gray-text);font-size:12px;line-height:1.7;margin:0}.pnd-use-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;position:relative;z-index:1}.pnd-use-list span{color:var(--primary-color);background:var(--hover-color);border:1px solid var(--border);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700}[data-theme="dark"] .pnd-use-list span{background:#1e2240}@media(max-width:900px){.pnd-content-wrap{grid-template-columns:1fr}}@media(max-width:560px){.pnd-content-section{padding-bottom:58px}.pnd-content-panel{padding:18px}.pnd-content-item{padding:13px}}.pnd-example-section{padding:10px 0 75px;background:var(--body-background)}.pnd-example-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pnd-example-card{background:var(--card-color);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pnd-example-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 18px 50px rgb(99 102 241 / .14)}.pnd-example-preview{height:190px;padding:16px;display:flex;align-items:end;justify-content:center;position:relative;overflow:hidden}.pnd-example-preview::before{content:"";position:absolute;width:70px;height:70px;top:18px;right:24px;border-radius:50%;background:rgb(255 255 255 / .72)}.pnd-example-preview.event{background:linear-gradient(135deg,#60a5fa,#a78bfa)}.pnd-example-preview.school{background:linear-gradient(135deg,#34d399,#93c5fd)}.pnd-example-preview.office{background:linear-gradient(135deg,#f59e0b,#fb7185)}.pnd-example-preview.travel{background:linear-gradient(135deg,#22c55e,#14b8a6)}.pnd-example-preview.project{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.pnd-example-preview.personal{background:linear-gradient(135deg,#ec4899,#f97316)}.pnd-example-label{width:100%;max-width:260px;text-align:center;color:#fff;background:rgb(0 0 0 / .62);backdrop-filter:blur(8px);border-radius:999px;padding:10px 14px;font-size:12px;font-weight:700;position:relative;z-index:1;box-shadow:0 10px 28px rgb(0 0 0 / .20)}.pnd-example-label.strip{max-width:none;border-radius:10px}.pnd-example-label.corner{max-width:fit-content;margin-right:auto;border-radius:12px}.pnd-example-body{padding:17px}.pnd-example-body h3{color:var(--primary-text);font-size:15px;font-weight:700;margin-bottom:7px}.pnd-example-body p{color:var(--gray-text);font-size:12px;line-height:1.7;margin-bottom:12px}.pnd-example-meta{display:flex;flex-wrap:wrap;gap:7px}.pnd-example-meta span{padding:5px 9px;border-radius:999px;background:var(--hover-color);color:var(--primary-color);border:1px solid var(--border);font-size:10px;font-weight:700}[data-theme="dark"] .pnd-example-meta span{background:#1e2240}@media(max-width:900px){.pnd-example-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pnd-example-section{padding-bottom:58px}.pnd-example-grid{grid-template-columns:1fr}.pnd-example-preview{height:170px}}.pnd-faq-section{padding:10px 0 80px;background:radial-gradient(circle at top right,rgb(99 102 241 / .10),transparent 32%),linear-gradient(180deg,var(--section-bg),var(--body-background))}.pnd-faq-wrap{max-width:880px;margin:0 auto;display:grid;gap:12px}.pnd-faq-item{background:var(--card-color);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);overflow:hidden;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.pnd-faq-item:hover{border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 16px 45px rgb(99 102 241 / .12)}.pnd-faq-question{width:100%;border:none;background:#fff0;color:var(--primary-text);padding:18px 20px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;font-family:"Poppins",sans-serif;font-size:14px;font-weight:700}.pnd-faq-question span{display:flex;align-items:center;gap:10px}.pnd-faq-question span i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:#fff;background:var(--liearcolor);font-size:16px;flex-shrink:0}.pnd-faq-arrow{color:var(--primary-color);font-size:18px;transition:transform .3s ease;flex-shrink:0}.pnd-faq-item.active .pnd-faq-arrow{transform:rotate(180deg)}.pnd-faq-answer{max-height:0;overflow:hidden;transition:max-height .35s ease}.pnd-faq-answer-inner{padding:0 20px 18px 64px;color:var(--gray-text);font-size:12px;line-height:1.8}.pnd-faq-answer-inner strong{color:var(--primary-text)}@media(max-width:560px){.pnd-faq-section{padding-bottom:60px}.pnd-faq-question{padding:15px;font-size:13px}.pnd-faq-question span i{width:32px;height:32px}.pnd-faq-answer-inner{padding:0 15px 16px 57px}}.pnd-related-section{padding:10px 0 85px;background:radial-gradient(circle at top left,rgb(99 102 241 / .10),transparent 34%),linear-gradient(180deg,var(--body-background),var(--section-bg))}.pnd-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pnd-related-card{background:var(--card-color);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--card-shadow);position:relative;overflow:hidden;display:flex;gap:14px;align-items:flex-start;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.pnd-related-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 18px 50px rgb(99 102 241 / .14)}.pnd-related-card::after{content:"";position:absolute;width:88px;height:88px;right:-44px;top:-44px;border-radius:50%;background:var(--primary-glow)}.pnd-related-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--liearcolor);color:#fff;font-size:21px;flex-shrink:0;box-shadow:0 12px 28px rgb(99 102 241 / .24)}.pnd-related-info{position:relative;z-index:1;flex:1;min-width:0}.pnd-related-info h3{color:var(--primary-text);font-size:15px;font-weight:700;margin-bottom:6px}.pnd-related-info p{color:var(--gray-text);font-size:12px;line-height:1.65;margin-bottom:12px}.pnd-related-link{display:inline-flex;align-items:center;gap:6px;color:var(--primary-color);background:var(--hover-color);border:1px solid var(--border);border-radius:999px;padding:7px 11px;font-size:11px;font-weight:700;transition:gap .25s ease,background .25s ease}.pnd-related-link:hover{gap:10px;background:var(--primary-color);color:#fff}[data-theme="dark"] .pnd-related-link{background:#1e2240}[data-theme="dark"] .pnd-related-link:hover{background:var(--primary-color)}@media(max-width:900px){.pnd-related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pnd-related-section{padding-bottom:65px}.pnd-related-grid{grid-template-columns:1fr}.pnd-related-card{padding:16px}}.compare-toggle-row{display:flex;align-items:center;gap:10px;margin-top:12px}.compare-toggle-label{font-size:11px;font-weight:600;color:var(--gray-text)}.compare-wrap{display:none;margin-top:14px}.compare-wrap.active{display:block}.compare-inner{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-md);overflow:hidden;background:var(--section-bg);border:1px solid var(--border);user-select:none;touch-action:none}.compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;pointer-events:none;-webkit-user-drag:none}.compare-img--after{z-index:1}.compare-img--before{z-index:2;clip-path:inset(0 50% 0 0)}.compare-handle{position:absolute;top:0;bottom:0;left:50%;width:0;z-index:3;cursor:ew-resize;transform:translateX(-50%)}.compare-handle__line{position:absolute;top:0;bottom:0;left:50%;width:3px;background:#fff;transform:translateX(-50%);box-shadow:0 0 10px rgb(0 0 0 / .45);pointer-events:none}.compare-handle__knob{position:absolute;top:50%;left:50%;width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);box-shadow:0 4px 14px rgb(0 0 0 / .35);pointer-events:none}.compare-handle__knob i{color:var(--primary-color);font-size:17px}.compare-label{position:absolute;top:10px;z-index:4;background:rgb(0 0 0 / .6);color:#fff;font-size:10px;font-weight:700;padding:4px 10px;border-radius:20px;letter-spacing:.04em;text-transform:uppercase;pointer-events:none}.compare-label--before{left:10px}.compare-label--after{right:10px}#previewCanvas{touch-action:none}