/* neutralise same-named classes in the pdfeditkaro site.css (.stat .toast .out) - the tool rules below take over */
#ipl .stat{border:0;border-radius:0;padding:0}
#ipl .toast{position:static;left:auto;bottom:auto;transform:none;opacity:1;pointer-events:none;transition:none;z-index:auto;text-align:left;border-radius:0}
#ipl .toast.out{border:0;border-radius:0}
#ipl{--bg: #f3f6fb; --bg-alt: #e8eef8; --ink: #10244a; --ink-soft: #3a4d70; --ink-faint: #6b7d99; --line: #dde5f0; --accent: #0b72f0; --accent-soft: #e6f0ff; --sage: #12805c; --sage-soft: #d3eee3; --cream: #ffffff; --danger: #d62027; --danger-soft: #fdecea; --gold: #9a5b00; --font-display: "Fraunces", "Cormorant Garamond", Georgia, serif; --font-body: "Inter Tight", -apple-system, BlinkMacSystemFont, sans-serif; --font-mono: "JetBrains Mono", "Courier New", monospace; --radius: 4px; --shadow-soft: 0 2px 12px rgba(16, 36, 74, 0.06); --shadow-hover: 0 8px 28px rgba(16, 36, 74, 0.10);}
#ipl *{box-sizing: border-box; margin: 0; padding: 0;}
#ipl{background: var(--bg); color: var(--ink); font-family: var(--font-body); font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased;}
#ipl main,#ipl header,#ipl footer{position: relative; z-index: 2;}
#ipl a{color: var(--ink); text-decoration: none; transition: color .2s;}
#ipl a:hover{color: var(--accent);}
#ipl h1,#ipl h2,#ipl h3,#ipl h4{font-family: var(--font-display); font-weight: 400; letter-spacing: -0.02em; line-height: 1.1;}
#ipl h1{font-size: clamp(2.5rem, 6vw, 5rem);}
#ipl h2{font-size: clamp(1.8rem, 3.5vw, 2.8rem);}
#ipl h3{font-size: 1.4rem;}
#ipl h4{font-size: 1.1rem;}
#ipl .container{max-width: 1240px; margin: 0 auto; padding: 0 32px;}
#ipl .site-header{border-bottom: 1px solid var(--line); background: var(--bg); position: sticky; top: 0; z-index: 100; backdrop-filter: blur(8px);}
#ipl .header-inner{display: flex; align-items: center; justify-content: space-between; padding: 18px 32px; max-width: 1400px; margin: 0 auto;}
#ipl .logo{font-family: var(--font-display); font-size: 1.6rem; font-weight: 500; letter-spacing: -0.03em; color: var(--ink); display: flex; align-items: baseline; gap: 2px;}
#ipl .logo .dot{color: var(--accent); font-size: 2rem; line-height: 0;}
#ipl .logo .domain{font-family: var(--font-mono); font-size: 0.7rem; color: var(--ink-faint); margin-left: 6px; letter-spacing: 0.05em;}
#ipl .nav-desktop{display: flex; gap: 28px; align-items: center;}
#ipl .nav-desktop a,#ipl .nav-desktop .dropdown-trigger{font-size: 0.82rem; text-transform: uppercase; letter-spacing: 0.12em; color: var(--ink-soft); cursor: pointer; padding: 6px 0; border: none; background: none; font-family: inherit;}
#ipl .nav-desktop a:hover,#ipl .nav-desktop .dropdown-trigger:hover{color: var(--accent);}
#ipl .dropdown{position: relative;}
#ipl .dropdown-menu{display: none; position: absolute; top: 100%; right: 0; background: var(--cream); border: 1px solid var(--line); padding: 24px; min-width: 520px; box-shadow: var(--shadow-hover); z-index: 200; grid-template-columns: 1fr 1fr; gap: 20px;}
#ipl .dropdown:hover .dropdown-menu{display: grid;}
#ipl .dropdown-menu h5{font-family: var(--font-mono); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--accent); margin-bottom: 10px;}
#ipl .dropdown-menu a{display: block; padding: 5px 0; font-size: 0.9rem; text-transform: none; letter-spacing: 0; color: var(--ink);}
#ipl .menu-toggle{display: none; background: none; border: 1px solid var(--ink); padding: 8px 14px; cursor: pointer; font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.1em;}
#ipl .mobile-nav{display: none; background: var(--cream); border-top: 1px solid var(--line); padding: 20px 32px; max-height: 70vh; overflow-y: auto;}
#ipl .mobile-nav.open{display: block;}
#ipl .mobile-nav h5{font-family: var(--font-mono); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--accent); margin: 16px 0 8px;}
#ipl .mobile-nav a{display: block; padding: 7px 0; font-size: 0.95rem; border-bottom: 1px solid var(--line);}
#ipl .hero{padding: 80px 0 60px; border-bottom: 1px solid var(--line); position: relative; overflow: hidden;}
#ipl .hero-grid{display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: center;}
#ipl .hero-title{font-size: clamp(3rem, 7vw, 6rem); line-height: 0.95;}
#ipl .hero-title .italic{font-style: italic; color: var(--accent);}
#ipl .hero-title .line{display: block;}
#ipl .hero-sub{margin-top: 24px; font-size: 1.15rem; color: var(--ink-soft); max-width: 540px; line-height: 1.55;}
#ipl .hero-meta{display: flex; gap: 32px; margin-top: 36px; font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-faint);}
#ipl .hero-meta span strong{display: block; font-size: 1.8rem; font-family: var(--font-display); color: var(--ink); font-weight: 500; letter-spacing: -0.02em; text-transform: none; margin-bottom: 2px;}
#ipl .hero-visual{position: relative; aspect-ratio: 1; max-width: 420px; margin-left: auto;}
#ipl .hero-card{position: absolute; background: var(--cream); border: 1px solid var(--line); box-shadow: var(--shadow-soft); padding: 20px; font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-soft);}
#ipl .hero-card.c1{top: 0; left: 0; width: 55%; aspect-ratio: 3/4; transform: rotate(-4deg); background: var(--accent); color: var(--cream);}
#ipl .hero-card.c2{top: 15%; right: 0; width: 55%; aspect-ratio: 3/4; transform: rotate(3deg); background: var(--sage); color: var(--cream);}
#ipl .hero-card.c3{bottom: 0; left: 20%; width: 55%; aspect-ratio: 3/4; transform: rotate(-2deg); background: var(--bg-alt);}
#ipl .hero-card .big{font-family: var(--font-display); font-size: 2rem; text-transform: none; letter-spacing: -0.02em; margin-top: 10px; color: inherit;}
#ipl .section-intro{padding: 60px 0 40px; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; flex-wrap: wrap; border-bottom: 1px solid var(--line);}
#ipl .section-intro-label{font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.2em; text-transform: uppercase; color: var(--accent); margin-bottom: 12px;}
#ipl .section-intro h2{max-width: 720px;}
#ipl .section-intro p{max-width: 440px; color: var(--ink-soft);}
#ipl .tool-category{padding: 60px 0; border-bottom: 1px solid var(--line);}
#ipl .category-header{display: flex; align-items: baseline; gap: 20px; margin-bottom: 36px;}
#ipl .category-number{font-family: var(--font-mono); font-size: 0.85rem; color: var(--accent); letter-spacing: 0.1em;}
#ipl .category-title{font-family: var(--font-display); font-size: 2rem; font-weight: 400;}
#ipl .category-line{flex: 1; height: 1px; background: var(--line);}
#ipl .tool-grid{display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 2px; background: var(--line); border: 1px solid var(--line);}
#ipl .tool-card{background: var(--cream); padding: 28px 24px; display: block; transition: background .25s, transform .25s; position: relative; min-height: 180px;}
#ipl .tool-card:hover{background: var(--bg-alt);}
#ipl .tool-card .icon{width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--accent); color: var(--cream); font-family: var(--font-display); font-size: 1.3rem; font-style: italic; margin-bottom: 18px; border-radius: 50%;}
#ipl .tool-card h3{font-family: var(--font-display); font-size: 1.25rem; margin-bottom: 8px; color: var(--ink);}
#ipl .tool-card p{font-size: 0.85rem; color: var(--ink-soft); line-height: 1.5;}
#ipl .tool-card .arrow{position: absolute; bottom: 20px; right: 20px; font-family: var(--font-mono); font-size: 0.9rem; color: var(--accent); opacity: 0; transform: translateX(-8px); transition: .3s;}
#ipl .tool-card:hover .arrow{opacity: 1; transform: translateX(0);}
#ipl .tool-grid.cat-organize .tool-card .icon{background: var(--accent);}
#ipl .tool-grid.cat-convert .tool-card .icon{background: var(--sage);}
#ipl .tool-grid.cat-edit .tool-card .icon{background: var(--gold);}
#ipl .tool-grid.cat-security .tool-card .icon{background: #3a4a5a;}
#ipl .tool-grid.cat-image .tool-card .icon{background: var(--accent);}
#ipl .tool-grid.cat-calc .tool-card .icon{background: var(--sage);}
#ipl .tool-grid.cat-misc .tool-card .icon{background: var(--gold);}
#ipl .tool-page{padding: 60px 0 80px;}
#ipl .tool-page-header{max-width: 800px; margin-bottom: 50px;}
#ipl .breadcrumb{font-family: var(--font-mono); font-size: 0.75rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-faint); margin-bottom: 24px;}
#ipl .breadcrumb a{color: var(--ink-faint);}
#ipl .breadcrumb a:hover{color: var(--accent);}
#ipl .tool-title{font-size: clamp(2.5rem, 5vw, 4rem); margin-bottom: 20px;}
#ipl .tool-subtitle{font-size: 1.1rem; color: var(--ink-soft); line-height: 1.6;}
#ipl .tool-workspace{background: var(--cream); border: 1px solid var(--line); padding: 40px; margin-bottom: 40px; box-shadow: var(--shadow-soft);}
#ipl .dropzone{border: 2px dashed var(--line); padding: 60px 30px; text-align: center; cursor: pointer; transition: all .25s; background: var(--bg);}
#ipl .dropzone:hover,#ipl .dropzone.dragover{border-color: var(--accent); background: var(--accent-soft);}
#ipl .dropzone .drop-icon{width: 72px; height: 72px; margin: 0 auto 20px; border: 2px solid var(--ink); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-family: var(--font-display); font-size: 2rem; font-style: italic;}
#ipl .dropzone h3{font-size: 1.5rem; margin-bottom: 8px;}
#ipl .dropzone p{color: var(--ink-soft); font-size: 0.95rem;}
#ipl .dropzone .small{display: inline-block; margin-top: 16px; font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-faint);}
#ipl .btn{display: inline-block; background: var(--ink); color: var(--cream); padding: 14px 32px; font-family: var(--font-mono); font-size: 0.82rem; letter-spacing: 0.15em; text-transform: uppercase; border: none; cursor: pointer; transition: all .2s; font-weight: 500;}
#ipl .btn:hover{background: var(--accent); color: var(--cream); transform: translateY(-1px);}
#ipl .btn:disabled{opacity: 0.4; cursor: not-allowed; transform: none;}
#ipl .btn.secondary{background: transparent; color: var(--ink); border: 1px solid var(--ink);}
#ipl .btn.secondary:hover{background: var(--ink); color: var(--cream);}
#ipl .btn.accent{background: var(--accent); color: var(--cream);}
#ipl .btn.accent:hover{background: var(--ink);}
#ipl .file-list{margin-top: 20px; display: flex; flex-direction: column; gap: 8px;}
#ipl .file-item{display: flex; align-items: center; justify-content: space-between; padding: 12px 16px; background: var(--bg); border: 1px solid var(--line); font-size: 0.9rem;}
#ipl .file-item .name{font-family: var(--font-mono); font-size: 0.82rem; color: var(--ink); flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 12px;}
#ipl .file-item .size{font-family: var(--font-mono); font-size: 0.75rem; color: var(--ink-faint); margin-right: 12px;}
#ipl .file-item .remove{background: none; border: none; color: var(--accent); cursor: pointer; font-size: 1.2rem; padding: 0 8px; font-family: var(--font-mono);}
#ipl .form-row{display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 20px;}
#ipl .form-group{flex: 1; min-width: 200px;}
#ipl .form-group label{display: block; font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.12em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 8px;}
#ipl .form-group input,#ipl .form-group select,#ipl .form-group textarea{width: 100%; padding: 12px 14px; background: var(--bg); border: 1px solid var(--line); font-family: var(--font-body); font-size: 0.95rem; color: var(--ink); transition: border-color .2s;}
#ipl .form-group input:focus,#ipl .form-group select:focus,#ipl .form-group textarea:focus{outline: none; border-color: var(--accent);}
#ipl .action-bar{display: flex; justify-content: space-between; align-items: center; margin-top: 30px; padding-top: 24px; border-top: 1px solid var(--line); flex-wrap: wrap; gap: 16px;}
#ipl .result-box{background: var(--sage-soft); border: 1px solid var(--sage); padding: 24px; margin-top: 20px; display: none;}
#ipl .result-box.show{display: block;}
#ipl .result-box h4{font-size: 1.2rem; margin-bottom: 10px; color: var(--ink);}
#ipl .result-box p{margin-bottom: 14px; color: var(--ink-soft); font-size: 0.95rem;}
#ipl .status-msg{padding: 12px 16px; background: var(--accent-soft); border-left: 3px solid var(--accent); font-size: 0.9rem; margin: 16px 0; font-family: var(--font-mono); font-size: 0.82rem;}
#ipl .tool-info{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; margin-top: 60px;}
#ipl .tool-info h3{margin-bottom: 16px; font-size: 1.6rem;}
#ipl .tool-info p{color: var(--ink-soft); margin-bottom: 12px;}
#ipl .tool-info ul{list-style: none; padding: 0;}
#ipl .tool-info li{padding: 8px 0; padding-left: 24px; position: relative; color: var(--ink-soft); font-size: 0.95rem;}
#ipl .tool-info li::before{content: "→"; position: absolute; left: 0; color: var(--accent); font-family: var(--font-mono);}
#ipl .legal-page{padding: 80px 0;}
#ipl .legal-container{max-width: 780px; margin: 0 auto;}
#ipl .legal-container h1{margin-bottom: 16px;}
#ipl .legal-container .updated{font-family: var(--font-mono); font-size: 0.8rem; color: var(--ink-faint); margin-bottom: 40px; letter-spacing: 0.1em;}
#ipl .legal-container h2{font-size: 1.6rem; margin: 40px 0 12px;}
#ipl .legal-container h3{font-size: 1.2rem; margin: 24px 0 10px;}
#ipl .legal-container p{margin-bottom: 14px; color: var(--ink-soft); line-height: 1.75;}
#ipl .legal-container ul{margin: 14px 0 14px 24px; color: var(--ink-soft);}
#ipl .legal-container li{margin-bottom: 6px; line-height: 1.7;}
#ipl .legal-container a{color: var(--accent); text-decoration: underline; text-underline-offset: 3px;}
#ipl .faq-item{border-bottom: 1px solid var(--line); padding: 20px 0;}
#ipl .faq-q{font-family: var(--font-display); font-size: 1.25rem; cursor: pointer; display: flex; justify-content: space-between; align-items: center;}
#ipl .faq-q::after{content: "+"; color: var(--accent); font-family: var(--font-mono); font-size: 1.5rem; transition: transform .3s;}
#ipl .faq-item.open .faq-q::after{transform: rotate(45deg);}
#ipl .faq-a{max-height: 0; overflow: hidden; transition: max-height .3s; color: var(--ink-soft);}
#ipl .faq-item.open .faq-a{max-height: 500px; margin-top: 14px;}
#ipl .site-footer{background: var(--ink); color: var(--cream); padding: 80px 0 30px; margin-top: 100px;}
#ipl .footer-inner{max-width: 1240px; margin: 0 auto; padding: 0 32px;}
#ipl .footer-top{display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 40px; margin-bottom: 60px;}
#ipl .footer-brand .logo{color: var(--cream);}
#ipl .footer-brand .logo .dot{color: var(--accent);}
#ipl .footer-tagline{margin-top: 20px; color: rgba(255, 255, 255, 0.6); font-size: 0.95rem; line-height: 1.6; max-width: 320px;}
#ipl .footer-col h5{font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--accent); margin-bottom: 20px;}
#ipl .footer-col ul{list-style: none; padding: 0;}
#ipl .footer-col li{margin-bottom: 10px;}
#ipl .footer-col a{color: rgba(255, 255, 255, 0.75); font-size: 0.9rem;}
#ipl .footer-col a:hover{color: var(--accent);}
#ipl .footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.15); padding-top: 24px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 16px; font-size: 0.82rem; color: rgba(255, 255, 255, 0.5); font-family: var(--font-mono); letter-spacing: 0.05em;}
#ipl .calc-grid{display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start;}
#ipl .calc-output{background: var(--ink); color: var(--cream); padding: 36px; min-height: 300px; position: relative;}
#ipl .calc-output .label{font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.15em; text-transform: uppercase; color: rgba(255, 255, 255, 0.5); margin-bottom: 8px;}
#ipl .calc-output .value{font-family: var(--font-display); font-size: 3.5rem; line-height: 1.1; color: var(--accent-soft); margin-bottom: 24px; letter-spacing: -0.03em;}
#ipl .calc-output .row{display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.15); font-size: 0.92rem;}
#ipl .calc-output .row span:last-child{color: var(--accent-soft); font-family: var(--font-mono);}
#ipl .calc-pad{display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line);}
#ipl .calc-pad button{padding: 22px; background: var(--cream); border: none; font-family: var(--font-display); font-size: 1.4rem; cursor: pointer; transition: background .15s;}
#ipl .calc-pad button:hover{background: var(--bg-alt);}
#ipl .calc-pad .op{background: var(--bg-alt); color: var(--accent);}
#ipl .calc-pad .eq{background: var(--accent); color: var(--cream); grid-row: span 2;}
#ipl .calc-pad .eq:hover{background: var(--ink);}
#ipl .typing-area{background: var(--bg); padding: 28px; min-height: 160px; font-family: var(--font-mono); font-size: 1.1rem; line-height: 1.8; border: 1px solid var(--line); margin-bottom: 20px; user-select: none;}
#ipl .typing-area .word{margin-right: 6px;}
#ipl .typing-area .char.correct{color: var(--sage);}
#ipl .typing-area .char.wrong{color: var(--accent); background: var(--accent-soft);}
#ipl .typing-area .char.current{background: var(--ink); color: var(--cream);}
#ipl .typing-input{width: 100%; padding: 14px; font-family: var(--font-mono); font-size: 1rem; background: var(--cream); border: 1px solid var(--line);}
#ipl .typing-stats{display: flex; gap: 28px; margin-bottom: 16px; font-family: var(--font-mono); font-size: 0.85rem;}
#ipl .typing-stats strong{color: var(--accent); font-size: 1.2rem;}
@media (max-width: 900px){#ipl .hero-grid{grid-template-columns: 1fr;}
#ipl .hero-visual{max-width: 320px; margin: 40px auto 0;}
#ipl .footer-top{grid-template-columns: 1fr 1fr;}
#ipl .calc-grid{grid-template-columns: 1fr;}
#ipl .tool-info{grid-template-columns: 1fr; gap: 24px;}}
@media (max-width: 720px){#ipl .container{padding: 0 20px;}
#ipl .header-inner{padding: 14px 20px;}
#ipl .nav-desktop{display: none;}
#ipl .menu-toggle{display: inline-block;}
#ipl .hero{padding: 50px 0 40px;}
#ipl .tool-workspace{padding: 24px 20px;}
#ipl .footer-top{grid-template-columns: 1fr; gap: 32px;}
#ipl .footer-bottom{flex-direction: column; text-align: center;}
#ipl .dropzone{padding: 40px 20px;}}
@keyframes fadeUp{from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); }}
#ipl .fadeUp{animation: fadeUp .8s ease-out backwards;}
#ipl .fadeUp:nth-child(2){animation-delay: .1s;}
#ipl .fadeUp:nth-child(3){animation-delay: .2s;}
#ipl .fadeUp:nth-child(4){animation-delay: .3s;}
#ipl .wp-shell{display: grid; grid-template-columns: 1fr 340px; gap: 30px; align-items: start;}
@media (max-width: 1024px){#ipl .wp-shell{grid-template-columns: 1fr;}}
#ipl .dropzone.compact{padding: 32px 24px;}
#ipl .dropzone.compact h3{font-size: 1.2rem;}
#ipl .dropzone .drop-icon-sm{width: 52px; height: 52px; font-size: 1.4rem; margin: 0 auto 12px; border-width: 1.5px;}
#ipl .current-file{margin-top: 20px; display: flex; align-items: center; gap: 14px; padding: 14px 16px; background: var(--cream); border: 1px solid var(--line);}
#ipl .current-file .ico{width: 40px; height: 50px; background: var(--accent-soft); color: var(--accent); display: flex; align-items: center; justify-content: center; font-family: var(--font-mono); font-size: 0.7rem; font-weight: 600; letter-spacing: 0.05em; flex-shrink: 0;}
#ipl .current-file .info{flex: 1; min-width: 0;}
#ipl .current-file .name{font-weight: 500; font-size: 0.95rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#ipl .current-file .meta{font-family: var(--font-mono); font-size: 0.72rem; color: var(--ink-faint); letter-spacing: 0.04em; margin-top: 2px;}
#ipl .current-file .swap{background: transparent; border: 1px solid var(--line); padding: 8px 14px; cursor: pointer; font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink);}
#ipl .current-file .swap:hover{background: var(--ink); color: var(--cream); border-color: var(--ink);}
#ipl .fidelity-banner{margin-top: 20px; padding: 16px 20px; background: var(--cream); border-left: 3px solid var(--gold, #b8934a); font-size: 0.85rem; line-height: 1.55; color: var(--ink-soft);}
#ipl .fidelity-banner strong{color: var(--ink); display: block; font-family: var(--font-display); font-size: 1rem; font-weight: 500; margin-bottom: 4px;}
#ipl .fidelity-banner details{margin-top: 10px;}
#ipl .fidelity-banner summary{font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--accent); cursor: pointer; outline: none;}
#ipl .fidelity-banner details[open] summary{margin-bottom: 10px;}
#ipl .fidelity-banner .two-col{display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 4px;}
@media (max-width: 600px){#ipl .fidelity-banner .two-col{grid-template-columns: 1fr;}}
#ipl .fidelity-banner .two-col h5{font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 4px; color: var(--ink-soft);}
#ipl .fidelity-banner .two-col ul{margin: 0; padding-left: 18px; font-size: 0.82rem;}
#ipl .fidelity-banner .two-col ul li{margin-bottom: 2px;}
#ipl .fidelity-banner .good h5{color: var(--sage);}
#ipl .fidelity-banner .bad h5{color: var(--accent);}
#ipl .doc-blocked{margin-top: 18px; padding: 20px; background: var(--accent-soft); border: 1px solid var(--accent); font-size: 0.88rem; line-height: 1.55; display: none;}
#ipl .doc-blocked.show{display: block;}
#ipl .doc-blocked strong{font-family: var(--font-display); font-size: 1.05rem; display: block; margin-bottom: 6px; color: var(--ink);}
#ipl .opts-panel{margin-top: 22px; padding: 18px 20px; background: var(--bg-alt); border: 1px solid var(--line); display: none;}
#ipl .opts-panel.show{display: block;}
#ipl .opts-row{display: flex; flex-wrap: wrap; gap: 10px 14px; align-items: end;}
#ipl .opts-group{flex: 1; min-width: 140px;}
#ipl .opts-group label.block{display: block; font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink-soft); margin-bottom: 6px;}
#ipl .opts-group select,#ipl .opts-group input[type="number"],#ipl .opts-group input[type="text"]{width: 100%; padding: 8px 10px; font-family: var(--font-body); font-size: 0.88rem; background: var(--cream); border: 1px solid var(--line);}
#ipl .preview-head{margin-top: 26px; display: flex; align-items: baseline; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 12px;}
#ipl .preview-head h3{font-family: var(--font-display); font-size: 1.4rem; font-weight: 400; letter-spacing: -0.01em;}
#ipl .preview-head .summary{font-family: var(--font-mono); font-size: 0.76rem; color: var(--ink-soft); letter-spacing: 0.03em;}
#ipl .preview-head .summary .n{color: var(--accent); font-weight: 600;}
#ipl .preview-stage{padding: 20px; background: var(--bg-alt); border: 1px solid var(--line); min-height: 240px; display: flex; flex-direction: column; gap: 16px; align-items: center; overflow-x: auto;}
#ipl .preview-stage .placeholder{padding: 60px 20px; text-align: center; color: var(--ink-soft); font-family: var(--font-mono); font-size: 0.85rem; letter-spacing: 0.05em;}
#ipl .preview-stage .loader{width: 28px; height: 28px; border: 3px solid var(--line); border-top-color: var(--accent); border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 14px;}
@keyframes spin{to { transform: rotate(360deg); }}
#ipl .paper{background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,0.12); color: #111; position: relative; flex-shrink: 0; line-height: 1.5; font-family: 'Times New Roman', Times, serif; font-size: 11pt;}
#ipl .paper .page-label{position: absolute; top: 10px; left: 10px; font-family: var(--font-mono); font-size: 0.68rem; background: rgba(26,26,26,0.75); color: var(--cream); padding: 3px 8px; border-radius: 2px; letter-spacing: 0.05em; z-index: 10;}
#ipl .paper-content{box-sizing: border-box; overflow: hidden;}
#ipl .paper-content h1{font-size: 18pt; margin: 12pt 0 6pt; font-weight: 700;}
#ipl .paper-content h2{font-size: 14pt; margin: 10pt 0 5pt; font-weight: 700;}
#ipl .paper-content h3{font-size: 12pt; margin: 8pt 0 4pt; font-weight: 700;}
#ipl .paper-content h4,#ipl .paper-content h5,#ipl .paper-content h6{font-size: 11pt; margin: 7pt 0 3pt; font-weight: 700;}
#ipl .paper-content p{margin: 0 0 8pt;}
#ipl .paper-content ul,#ipl .paper-content ol{margin: 0 0 8pt; padding-left: 28pt;}
#ipl .paper-content li{margin-bottom: 2pt;}
#ipl .paper-content table{border-collapse: collapse; margin: 8pt 0; width: 100%;}
#ipl .paper-content td,#ipl .paper-content th{border: 0.5pt solid #555; padding: 4pt 6pt; vertical-align: top;}
#ipl .paper-content th{background: #f0f0f0; font-weight: 700;}
#ipl .paper-content .hl-yellow{background: #fff066;}
#ipl .paper-content .hl-green{background: #b6e3a7;}
#ipl .paper-content .hl-cyan{background: #a7e3e3;}
#ipl .paper-content .hl-magenta{background: #e3a7dc;}
#ipl .paper-content .hl-blue{background: #a9c8ef;}
#ipl .paper-content .hl-red{background: #ef9c9c;}
#ipl .paper-content .hl-darkblue{background: #1f3864; color: #fff;}
#ipl .paper-content .hl-darkcyan{background: #1f6464; color: #fff;}
#ipl .paper-content .hl-darkgreen{background: #2d5f2d; color: #fff;}
#ipl .paper-content .hl-darkmagenta{background: #6b2d64; color: #fff;}
#ipl .paper-content .hl-darkred{background: #833333; color: #fff;}
#ipl .paper-content .hl-darkyellow{background: #9c7c24;}
#ipl .paper-content .hl-darkgray{background: #666; color: #fff;}
#ipl .paper-content .hl-lightgray{background: #d9d9d9;}
#ipl .paper-content .hl-black{background: #000; color: #fff;}
#ipl .paper-content mark{background: #fff066;}
#ipl .paper-content u{text-decoration: underline;}
#ipl .paper-content h1.title{text-align: center; font-size: 20pt; border-bottom: 0.5pt solid #555; padding-bottom: 4pt; margin: 0 0 10pt;}
#ipl .paper-content h2.subtitle{text-align: center; font-size: 13pt; font-style: italic; color: #555; margin: 0 0 10pt;}
#ipl .paper-content img.circle,#ipl .paper-content img[class*="round"]{border-radius: 50%;}
#ipl .paper-content img{max-width: 100%; height: auto;}
#ipl .paper-content a{color: #1a5490; text-decoration: underline;}
#ipl .paper-content blockquote{margin: 8pt 0 8pt 18pt; padding: 2pt 10pt; border-left: 2pt solid #999; color: #333;}
#ipl .paper-content pre{font-family: 'Courier New', Courier, monospace; font-size: 10pt; background: #f5f5f5; padding: 6pt; margin: 8pt 0; white-space: pre-wrap; word-wrap: break-word;}
#ipl .paper-content code{font-family: 'Courier New', Courier, monospace; background: #f5f5f5; padding: 1pt 3pt; font-size: 10pt;}
#ipl .offscreen-renderer{position: fixed; left: -99999px; top: 0; background: #fff; font-family: 'Times New Roman', Times, serif; font-size: 11pt; color: #111; line-height: 1.5;}
#ipl .side-card{background: var(--cream); border: 1px solid var(--line); padding: 20px; position: sticky; top: 100px;}
#ipl .side-card h3{font-family: var(--font-mono); font-size: 0.72rem; text-transform: uppercase; letter-spacing: 0.15em; color: var(--accent); margin-bottom: 16px;}
#ipl .side-card .form-group{margin-bottom: 14px;}
#ipl .side-card label.block{display: block; margin-bottom: 6px; font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-soft);}
#ipl .side-card input[type="text"]{width: 100%; padding: 9px 10px; font-family: var(--font-body); font-size: 0.9rem; background: var(--bg); border: 1px solid var(--line);}
#ipl .side-stats{padding: 14px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 16px 0;}
#ipl .stat{font-family: var(--font-mono); font-size: 0.72rem; color: var(--ink-faint); letter-spacing: 0.05em;}
#ipl .stat strong{display: block; font-family: var(--font-display); font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; line-height: 1.1;}
#ipl .stat.accent strong{color: var(--accent);}
#ipl .warn-chip{display: inline-block; padding: 3px 8px; background: var(--gold-soft, #e8d8a8); color: #604418; font-family: var(--font-mono); font-size: 0.65rem; letter-spacing: 0.06em; text-transform: uppercase; margin-top: 10px;}
#ipl .primary-btn,#ipl .secondary-btn{width: 100%; padding: 16px; font-family: var(--font-mono); font-size: 0.82rem; letter-spacing: 0.15em; text-transform: uppercase; border: none; cursor: pointer; transition: all .2s; font-weight: 500;}
#ipl .primary-btn{background: var(--accent); color: #fff;}
#ipl .primary-btn:hover:not(:disabled){background: var(--ink);}
#ipl .primary-btn:disabled{background: var(--line); color: var(--ink-faint); cursor: not-allowed;}
#ipl .secondary-btn{background: transparent; color: var(--ink); border: 1px solid var(--ink); margin-top: 10px;}
#ipl .secondary-btn:hover:not(:disabled){background: var(--ink); color: var(--cream);}
#ipl .secondary-btn:disabled{opacity: 0.4; cursor: not-allowed;}
#ipl .progress-wrap{margin-top: 14px; display: none;}
#ipl .progress-wrap.show{display: block;}
#ipl .progress-bar{height: 6px; background: var(--bg-alt); overflow: hidden; border-radius: 3px;}
#ipl .progress-bar-fill{height: 100%; background: var(--accent); transition: width .2s; width: 0;}
#ipl .progress-text{font-family: var(--font-mono); font-size: 0.72rem; color: var(--ink-faint); letter-spacing: 0.05em; margin-top: 6px; text-align: center;}
#ipl .result-panel{display: none; padding: 20px; background: var(--sage-soft); border: 1px solid var(--sage); margin-top: 14px;}
#ipl .result-panel.show{display: block;}
#ipl .result-panel h4{font-family: var(--font-display); font-size: 1.2rem; margin-bottom: 6px;}
#ipl .result-panel p{font-size: 0.85rem; color: var(--ink-soft); margin-bottom: 12px;}
#ipl .result-actions{display: flex; gap: 8px; flex-wrap: wrap;}
#ipl .result-actions button{padding: 10px 14px; font-family: var(--font-mono); font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase; background: var(--ink); color: var(--cream); border: none; cursor: pointer;}
#ipl .result-actions .secondary{background: transparent; color: var(--ink); border: 1px solid var(--ink);}
#ipl .toast-host{position: fixed; bottom: 24px; right: 24px; z-index: 1200; display: flex; flex-direction: column; gap: 8px; pointer-events: none;}
#ipl .toast{background: var(--ink); color: var(--cream); padding: 12px 18px; font-family: var(--font-mono); font-size: 0.8rem; box-shadow: 0 8px 24px rgba(0,0,0,0.2); max-width: 340px; animation: toastIn .3s ease-out; pointer-events: auto;}
#ipl .toast.error{background: var(--danger);}
#ipl .toast.success{background: var(--sage);}
@keyframes toastIn{from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); }}
#ipl .toast.out{animation: toastOut .25s ease-in forwards;}
@keyframes toastOut{to { opacity: 0; transform: translateX(10px); }}
#ipl .privacy-bar{display: flex; gap: 8px; align-items: center; padding: 10px 14px; background: var(--sage-soft); border-left: 3px solid var(--sage); font-family: var(--font-mono); font-size: 0.75rem; color: var(--ink); letter-spacing: 0.03em; margin-bottom: 20px;}
#ipl .privacy-bar svg{width: 16px; height: 16px; flex-shrink: 0; stroke: var(--sage); stroke-width: 2; fill: none;}
#ipl .tips-row{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; margin-top: 40px;}
#ipl .tip-card{padding: 24px; background: var(--cream); border: 1px solid var(--line);}
#ipl .tip-card .tip-num{font-family: var(--font-mono); font-size: 0.75rem; color: var(--accent); letter-spacing: 0.1em; margin-bottom: 10px;}
#ipl .tip-card h4{font-family: var(--font-display); font-size: 1.15rem; margin-bottom: 8px;}
#ipl .tip-card p{font-size: 0.9rem; color: var(--ink-soft); line-height: 1.55;}
@media (max-width: 720px){#ipl .side-card{position: static;}}
#ipl{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}

#ipl .preview-header > div:first-child{flex:1;min-width:0}
#ipl .preview-close{margin-left:auto;flex:none}
#ipl .preview-tip{margin-left:14px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;color:var(--ink-faint);text-transform:uppercase}
#ipl .page-menu{position:fixed;z-index:1300;min-width:210px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(16,36,74,.22);padding:4px}
#ipl .page-menu button{display:block;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:10px 14px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;color:var(--danger)}
#ipl .page-menu button:hover,#ipl .page-menu button:focus{background:var(--danger-soft);outline:none}
@media (max-width:720px){#ipl .preview-tip{display:none!important}}
#ipl .lv{margin-bottom:22px}
#ipl .lv .lv-hint{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;color:var(--ink-faint)}
#ipl .lv-row{display:flex;gap:16px;align-items:flex-start}
#ipl .lv-col{flex:1;min-width:0}
#ipl .lv-cap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.06em;color:var(--ink-soft);text-transform:uppercase}
#ipl .lv-cap button{width:30px;height:30px;border:1px solid var(--line);background:var(--cream);cursor:pointer;font-size:1.1rem;line-height:1;color:var(--ink)}
#ipl .lv-cap button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
#ipl .lv-cap button:disabled{opacity:.4;cursor:default}
#ipl .lv-cap span{min-width:200px;text-align:center}
#ipl .lv-stage{background:var(--bg-alt);border:1px solid var(--line);padding:24px;display:flex;align-items:flex-start;overflow:auto;min-height:260px;max-height:max(480px,86vh);outline:none}
#ipl .lv-stage:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
#ipl .lv-page{position:relative;margin:0 auto;flex:none;box-shadow:0 8px 24px rgba(16,36,74,.16)}
#ipl .lv-margin{position:absolute;border:1px dashed rgba(11,114,240,.4);pointer-events:none}
#ipl .lv-clip{position:absolute;overflow:hidden}
#ipl .lv-img{position:absolute;cursor:grab;touch-action:none;outline:1px solid rgba(16,36,74,.18);user-select:none}
#ipl .lv-img:hover{outline:2px solid rgba(11,114,240,.5)}
#ipl .lv-img.sel{outline:2px solid var(--accent);z-index:2}
#ipl .lv-img:active{cursor:grabbing}
#ipl .lv-img img{pointer-events:none;-webkit-user-drag:none}
#ipl .lv-nudge{width:236px;flex:none;background:var(--cream);border:1px solid var(--line);padding:16px;position:sticky;top:90px;text-align:center}
#ipl .lv-nudge-title{font-weight:600;font-size:.9rem;color:var(--ink);text-align:left;margin-bottom:8px}
#ipl .lv-pad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:2px;justify-content:center;margin:6px 0 12px}
#ipl .lv-btn{border:0;background:var(--accent);cursor:pointer;padding:0;touch-action:none;transition:transform .08s,background .15s}
#ipl .lv-btn:hover{background:#085bc4}
#ipl .lv-btn:active{transform:scale(.9)}
#ipl .lv-btn.up{grid-area:1/2;clip-path:polygon(50% 18%,86% 78%,14% 78%)}
#ipl .lv-btn.left{grid-area:2/1;clip-path:polygon(18% 50%,78% 14%,78% 86%)}
#ipl .lv-btn.right{grid-area:2/3;clip-path:polygon(82% 50%,22% 14%,22% 86%)}
#ipl .lv-btn.down{grid-area:3/2;clip-path:polygon(50% 82%,86% 22%,14% 22%)}
#ipl .lv-ok{grid-area:2/2;border-radius:50%;border:4px solid var(--accent-soft);background:var(--accent);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;padding:0}
#ipl .lv-ok:hover{background:#085bc4}
#ipl .lv-help{font-size:.82rem;line-height:1.45;color:var(--ink-soft);text-align:left;margin:0 0 10px}
#ipl .lv-note{font-size:.74rem;color:var(--ink-faint);margin:10px 0 0}
#ipl .lv-val{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.05em;color:var(--ink-soft);text-align:left;margin-bottom:10px}
#ipl .lv-zoom{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:10px}
#ipl .lv-zoom span{flex:1;text-align:left}
#ipl .lv-zoom b{min-width:44px;text-align:center;color:var(--ink)}
#ipl .lv-zoom button,#ipl .lv-acts button{border:1px solid var(--line);background:var(--bg-alt);cursor:pointer;color:var(--ink);font-family:var(--font-mono)}
#ipl .lv-zoom button{width:30px;height:30px;font-size:1.1rem}
#ipl .lv-acts{display:flex;gap:8px}
#ipl .lv-acts button{flex:1;padding:8px 6px;font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}
#ipl .lv-zoom button:hover,#ipl .lv-acts button:hover{border-color:var(--accent);color:var(--accent)}
#ipl .lv-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:10px;padding:12px;background:var(--bg-alt);border:1px solid var(--line);max-height:320px;overflow:auto;margin-top:12px}
#ipl .lv-thumb{position:relative;height:124px;background:var(--cream);border:2px solid var(--line);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .15s}
#ipl .lv-thumb:hover{border-color:var(--ink-soft)}
#ipl .lv-thumb.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
#ipl .lv-thumb .mini-page{position:relative;box-shadow:0 1px 4px rgba(16,36,74,.2)}
#ipl .lv-pill{position:absolute;top:4px;left:5px;z-index:3;font-family:var(--font-mono);font-size:.68rem;background:rgba(16,36,74,.85);color:#fff;padding:1px 6px}
@media (max-width:760px){#ipl .lv-row{flex-direction:column}#ipl .lv-nudge{width:auto;position:static;align-self:stretch}#ipl .lv-cap span{min-width:0}#ipl .lv .lv-hint{display:none}}

#ipl .lv-stage{justify-content:center}
#ipl .lv-page.checker{background-color:#fff;background-image:linear-gradient(45deg,#e6ecf6 25%,transparent 25%,transparent 75%,#e6ecf6 75%),linear-gradient(45deg,#e6ecf6 25%,transparent 25%,transparent 75%,#e6ecf6 75%);background-size:16px 16px;background-position:0 0,8px 8px}
#ipl .lv-badge{display:inline-block;align-self:flex-start;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;background:var(--accent-soft);color:var(--accent);margin-bottom:10px}
#ipl .lv-badge.off{background:#e8ebf1;color:var(--ink-faint)}
#ipl .lv-nudge{text-align:left}
#ipl .lv-wide{display:block;width:100%;padding:9px 8px;margin-bottom:14px;border:1px solid var(--line);background:var(--bg-alt);cursor:pointer;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
#ipl .lv-wide:hover{border-color:var(--accent);color:var(--accent)}
#ipl .lv-facts{display:grid;gap:6px;margin-bottom:14px;font-size:.82rem}
#ipl .lv-facts div{display:flex;justify-content:space-between;gap:8px;border-bottom:1px dashed var(--line);padding-bottom:5px}
#ipl .lv-facts span{color:var(--ink-faint);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}
#ipl .lv-facts b{font-weight:600;color:var(--ink);text-align:right}
#ipl .lv-acts button:first-child{background:var(--accent);border-color:var(--accent);color:#fff}
#ipl .lv-acts button:first-child:hover{background:#085bc4;color:#fff}
#ipl .page-chip.live-on{outline:3px solid var(--accent);outline-offset:-3px}
#ipl .preview-header{align-items:center}
#ipl .preview-close{margin-left:auto;flex:none}
#ipl .toast.error{background:var(--danger)}

/* ---- Word to PDF ---- */
#ipl .grid-head{margin-top:26px;display:flex;align-items:baseline;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:12px}
#ipl .grid-head h3{font-family:var(--font-display);font-size:1.4rem;font-weight:400;letter-spacing:-.01em}
#ipl .lv .lv-badge{align-self:flex-start}
#ipl .page-chip.live-on{outline:none}
#ipl .opts-group .lbl-like{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:6px}
#ipl .opts-group .chk{display:flex;align-items:center;gap:8px;min-height:40px;font-size:.92rem;color:var(--ink);cursor:pointer}
#ipl .opts-group .chk input{width:18px;height:18px;accent-color:var(--accent)}
#ipl .lv-thumb{flex-direction:column}
#ipl .lv-thumb canvas{display:block;box-shadow:0 1px 4px rgba(16,36,74,.2)}
#ipl .lv-thumb .loader{margin:auto}
#ipl .lv-badge{background:var(--accent-soft);color:var(--accent)}
#ipl .lv-badge.off{background:#e8ebf1;color:var(--ink-faint)}
#ipl .lv-stage{justify-content:center}
#ipl .doc-blocked{border-color:#b9d3fa;background:#eaf2fe;color:#12356b}
#ipl .doc-blocked strong{color:#12356b}
#ipl .fidelity-banner{border-left-color:var(--accent)}
#ipl .toast.error{background:var(--danger)}
#ipl #previewBtn{margin:0 0 10px}
#ipl .fv{position:fixed;inset:0;z-index:1100;background:rgba(16,36,74,.85);display:none}
#ipl .fv.show{display:flex}
#ipl .fv-shell{background:var(--cream);width:100%;height:100vh;display:flex;flex-direction:column}
#ipl .fv-head{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px}
#ipl .fv-ttl{flex:1;min-width:0}
#ipl .fv-title{font-family:var(--font-display);font-size:1.2rem;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#ipl .fv-meta{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;margin-top:2px}
#ipl .fv-close{margin-left:auto;flex:none;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:1.1rem;color:var(--ink)}
#ipl .fv-close:hover{background:var(--ink);color:var(--cream);border-color:var(--ink)}
#ipl .fv-stage{flex:1;overflow:auto;background:var(--bg-alt);padding:24px;display:flex;flex-direction:column;align-items:center;gap:20px;outline:none}
#ipl .fv-page{background:#fff;box-shadow:0 8px 24px rgba(16,36,74,.2);position:relative;flex:none;max-width:none}
#ipl .fv-page canvas{display:block}
#ipl .fv-pg{position:absolute;top:8px;left:8px;z-index:2;font-family:var(--font-mono);font-size:.68rem;background:rgba(16,36,74,.8);color:#fff;padding:2px 7px}
#ipl .fv-foot{padding:12px 20px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#ipl .fv-grp{display:flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--ink-soft);letter-spacing:.05em}
#ipl .fv-grp button{width:34px;height:34px;border:1px solid var(--line);background:transparent;cursor:pointer;color:var(--ink);font-size:1.05rem}
#ipl .fv-grp button:hover:not(:disabled){background:var(--ink);color:var(--cream)}
#ipl .fv-grp button:disabled{opacity:.35;cursor:not-allowed}
#ipl .fv-lbl{min-width:48px;text-align:center}
#ipl .fv-wide{min-width:84px}
#ipl .fv-dl{margin-left:auto;padding:11px 22px;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.15em;text-transform:uppercase;background:var(--accent);color:#fff;border:none;cursor:pointer}
#ipl .fv-dl:hover{background:var(--ink)}
@media (max-width:600px){#ipl .fv-stage{padding:12px}#ipl .fv-foot{gap:8px}#ipl .fv-dl{width:100%;margin-left:0}}

/* ---- Excel to PDF: page icons ---- */
#ipl .mg-ic{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
#ipl .lv-pgacts{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:12px 0}
#ipl .lv-pgacts button{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 4px;border:1px solid var(--line);background:var(--bg-alt);font-family:var(--font-mono);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--ink)}
#ipl .lv-pgacts button.wide{grid-column:1/-1}
#ipl .lv-pgacts button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}
#ipl .lv-pgacts button:disabled{opacity:.4;cursor:not-allowed}
#ipl .lv-thumb{height:152px;padding-bottom:26px}
#ipl .lv-thumb .lv-tb{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:2px;padding:2px;background:rgba(16,36,74,.82)}
#ipl .lv-thumb .lv-tb button{width:26px;height:22px;border:0;background:transparent;color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
#ipl .lv-thumb .lv-tb button:hover{background:rgba(255,255,255,.28)}
#ipl .lv-thumb .lv-tb .mg-ic{width:14px;height:14px}

/* ---- PowerPoint to PDF: slide numbers + doc-blocked ---- */
#ipl .pn-narrow{flex:0 0 112px;min-width:96px}
#ipl .opts-panel.pn-off .pn-sub{display:none}
#ipl .lv-facts b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:600px){#ipl .pn-narrow{flex:1 1 40%}}

/* ---- HTML to PDF: source tabs, paste / URL panels ---- */
#ipl .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#ipl .src-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin:0 0 14px;flex-wrap:wrap}
#ipl .src-tabs button{appearance:none;border:0;border-bottom:3px solid transparent;background:transparent;padding:11px 18px;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);cursor:pointer;margin-bottom:-1px}
#ipl .src-tabs button:hover{color:var(--ink)}
#ipl .src-tabs button.on{color:var(--ink);font-weight:700;border-bottom-color:var(--accent)}
#ipl .src-pan{border:1px solid var(--line);background:var(--bg-alt);padding:14px 16px;margin-bottom:6px}
#ipl .src-pan[hidden],#ipl [hidden]{display:none!important}
#ipl .src-pan textarea{display:block;width:100%;min-height:170px;resize:vertical;font:13px/1.45 Consolas,Menlo,monospace;padding:10px;border:1px solid var(--line);background:#fff;color:var(--ink);box-sizing:border-box}
#ipl .url-row{display:flex;gap:8px;flex-wrap:wrap}
#ipl .url-row input{flex:1 1 260px;min-width:0;padding:11px 12px;border:1px solid var(--line);background:#fff;color:var(--ink);font:15px/1.2 var(--font-body,inherit);box-sizing:border-box}
#ipl .paste-acts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 0}
#ipl .src-pan .mg-btn{padding:9px 16px;border:1px solid var(--ink);background:var(--ink);color:var(--cream,#fff);font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}
#ipl .paste-acts .mg-btn+.mg-btn{background:transparent;color:var(--ink);border-color:var(--line)}
#ipl .src-pan .mg-btn:hover{border-color:var(--accent);color:var(--accent);background:transparent}
#ipl .src-pan .mg-btn:disabled{opacity:.5;cursor:not-allowed}
#ipl .paste-hint{font-size:.78rem;color:var(--ink-soft);margin:10px 0 0;line-height:1.5}
#ipl .paste-acts .paste-hint{margin:0}

/* ---- HTML to PDF: settings dropdown ---- */
#ipl .set-box{border:1px solid var(--line);background:var(--bg-alt)}
#ipl .set-box>summary{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;cursor:pointer;padding:12px 16px;list-style:none}
#ipl .set-box>summary::-webkit-details-marker{display:none}
#ipl .set-box>summary::before{content:'▸';color:var(--accent);font-size:.9rem;transition:transform .15s}
#ipl .set-box[open]>summary::before{transform:rotate(90deg)}
#ipl .set-ttl{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);font-weight:700}
#ipl .set-sum{font-size:.82rem;color:var(--ink-soft)}
#ipl .set-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px 36px;padding:6px 16px 18px;border-top:1px solid var(--line)}
#ipl .set-col h4{margin:20px 0 10px;font-size:1.05rem;font-weight:600;color:var(--ink)}
#ipl .set-col h4:first-child{margin-top:12px}
#ipl .set-col .block{display:block;margin:12px 0 5px;font-size:.8rem;color:var(--ink-soft)}
#ipl .set-col select,#ipl .set-col input[type=number],#ipl .set-col input[type=password]{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:.9rem}
#ipl .set-col input:disabled,#ipl .set-col select:disabled{background:#e9eef6;color:#7a879b}
#ipl .set-col .chk,#ipl .set-col .rad{display:flex;align-items:flex-start;gap:8px;margin:7px 0;font-size:.88rem;line-height:1.35;cursor:pointer}
#ipl .set-col .chk input,#ipl .set-col .rad input{margin-top:2px;flex:none}
#ipl .set-col small{color:var(--ink-soft);font-size:.74rem}
#ipl .set-col .set-gap{margin-top:14px}
#ipl .set-col .two{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
#ipl .set-col #e-zv{margin-top:2px}
#ipl .set-note{font-size:.76rem;color:var(--ink-soft);margin:10px 0 4px;line-height:1.45}
#ipl .pn-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px;margin:2px 0 6px}
#ipl .pn-grid .pn-sub.chk{grid-column:1/-1}
#ipl .opts-panel.pn-off .pn-sub{display:none}
@media (max-width:760px){#ipl .set-grid{grid-template-columns:1fr}#ipl .src-tabs button{padding:10px 12px}}
#ipl .pn-narrow{flex:0 0 112px;min-width:96px}
#ipl .lv-facts b{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}