/* Rokz PDF Free Editor — bundled build */
:root{--bg:#f2f4f9;--panel:#ffffff;--panel-2:#f7f8fb;--border:#e4e8ef;--ink:#18202e;--muted:#647082;--accent:#4f46e5;--accent-soft:#eef0fe;--accent-hover:#4338ca;--on-accent:#ffffff;--danger:#dc2626;--danger-soft:#fee8e8;--hover:#f1f3f8;--ok:#16a34a;--toast-bg:#1e2430;--toast-ink:#ffffff;--scroll:#c2c9d6;--scroll-hover:#aab2c2;--shadow:0 1px 2px rgba(16,24,40,.06),0 1px 3px rgba(16,24,40,.1);--shadow-lg:0 8px 24px rgba(16,24,40,.14);--radius:8px;--topbar-h:52px;color-scheme:light}html[data-theme="dark"]{--bg:#0e1220;--panel:#161b2c;--panel-2:#1b2134;--border:#283047;--ink:#e7eaf3;--muted:#94a0b8;--accent:#6366f1;--accent-soft:rgba(99,102,241,.18);--accent-hover:#7c80f4;--on-accent:#ffffff;--danger:#f87171;--danger-soft:rgba(248,113,113,.14);--hover:#222942;--ok:#4ade80;--toast-bg:#2a3147;--toast-ink:#f1f3fa;--scroll:#3a4360;--scroll-hover:#4a5578;--shadow:0 1px 2px rgba(0,0,0,.35),0 1px 3px rgba(0,0,0,.4);--shadow-lg:0 8px 28px rgba(0,0,0,.55);color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Inter',system-ui,-apple-system,sans-serif;font-size:13.5px;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.hidden{display:none!important}.rb-top{height:var(--topbar-h);background:var(--panel);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 14px;position:sticky;top:0;z-index:40}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);min-width:0}.brand:hover{text-decoration:none}.brand-icon{width:26px;height:26px;color:var(--accent);stroke-width:1.8}.brand-text{display:flex;flex-direction:column;line-height:1.15;min-width:0}.brand-name{font-weight:700;font-size:14px;letter-spacing:-.01em;white-space:nowrap}.brand-free{color:var(--accent)}.brand-sub{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-sub svg{width:10px;height:10px}.rb-top-right{display:flex;align-items:center;gap:4px;flex:none}.top-link{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:var(--radius);font-weight:500;color:var(--ink);white-space:nowrap}.top-link:hover{background:var(--hover);text-decoration:none}.top-link svg{width:16px;height:16px;color:var(--accent)}.tb-icon{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);color:var(--ink)}.tb-icon:hover{background:var(--hover)}.icon-sun{display:none}html[data-theme="dark"] .icon-sun{display:block}html[data-theme="dark"] .icon-moon{display:none}.rb-hero{text-align:center;padding:26px 18px 4px;max-width:720px;margin:0 auto}.rb-hero h1{font-size:clamp(21px,4.5vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:8px}.rb-hero .kw{color:var(--accent)}.rb-hero p{color:var(--muted);font-size:14px;line-height:1.6}.rb-wrap{display:grid;grid-template-columns:minmax(330px,440px) minmax(0,1fr);gap:18px;align-items:start;max-width:1240px;margin:0 auto;padding:18px 14px 30px}.rb-form{display:flex;flex-direction:column;gap:10px;min-width:0}.meter-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:12px 14px}.meter-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.meter-label{display:flex;align-items:center;gap:7px;font-weight:600;font-size:13px}.meter-label svg{width:15px;height:15px;color:var(--accent)}.meter-score{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums}.meter-track{height:8px;border-radius:99px;background:var(--panel-2);border:1px solid var(--border);overflow:hidden}.meter-fill{height:100%;border-radius:99px;width:0;transition:width .35s ease,background .35s}.meter-more{margin-top:9px}.meter-more summary{list-style:none;cursor:pointer;user-select:none;display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:var(--accent);padding:2px 4px;border-radius:6px}.meter-more summary::-webkit-details-marker{display:none}.meter-more summary:hover{background:var(--accent-soft)}.meter-more summary::after{content:"";width:6px;height:6px;margin-left:1px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-1px);transition:transform .15s}.meter-more[open] summary::after{transform:rotate(-135deg) translateY(-1px)}.meter-tips{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:5px}.meter-tips li{font-size:12px;color:var(--muted);line-height:1.5;padding-left:20px;position:relative}.meter-tips li::before{content:"💡";position:absolute;left:0;font-size:11px}.meter-done{margin-top:9px;font-size:12px;font-weight:600;color:var(--ok)}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.card>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:13px 14px;font-weight:600;font-size:13.5px;cursor:pointer;user-select:none}.card>summary::-webkit-details-marker{display:none}.card>summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform .15s}.card[open]>summary::after{transform:rotate(-135deg)}.card>summary:hover{background:var(--hover)}.card>summary svg{width:16px;height:16px;color:var(--accent)}.card>summary em{color:var(--danger);font-style:normal}.opt-tag{font-size:10px;font-weight:600;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);padding:1px 7px;border-radius:99px;margin-left:2px}.card-body{padding:2px 14px 14px;display:flex;flex-direction:column;gap:10px}.frow{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:flex;flex-direction:column;gap:5px;font-size:12px;font-weight:600;color:var(--muted);min-width:0}label em{color:var(--danger);font-style:normal}label.stack{width:100%}input[type="text"],input[type="email"],input[type="tel"],textarea{font:inherit;font-size:13.5px;color:var(--ink);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:9px 11px;width:100%;transition:border-color .12s,box-shadow .12s}input:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea{resize:vertical;min-height:60px;line-height:1.5}input.invalid,select.invalid{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.sug-panel{position:fixed;z-index:120;background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-lg);max-height:224px;overflow-y:auto;padding:4px}.sug-item{display:block;width:100%;text-align:left;padding:7px 10px;border-radius:6px;font-size:13px;color:var(--ink)}.sug-item:hover,.sug-item.hi{background:var(--accent-soft);color:var(--accent)}.hint{font-size:11.5px;color:var(--muted);line-height:1.45}.ph-row{display:flex;align-items:center;gap:14px}.ph-thumb{width:64px;height:64px;border-radius:50%;background:var(--panel-2);border:1.5px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);overflow:hidden;flex:none}.ph-thumb svg{width:26px;height:26px;stroke-width:1.6}.ph-thumb img{width:100%;height:100%;object-fit:cover}.ph-thumb.has{border-style:solid;border-color:var(--accent)}.ph-ctl{display:flex;flex-direction:column;gap:6px}.ph-btns{display:flex;gap:8px}.entry{border:1px solid var(--border);border-radius:10px;background:var(--panel-2);padding:10px 11px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:9px}.entry-head{display:flex;align-items:center;gap:4px}.entry-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-right:auto}.entry-head button{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.entry-head button:hover{background:var(--hover);color:var(--ink)}.entry-head button.del:hover{background:var(--danger-soft);color:var(--danger)}.entry-head button:disabled{opacity:.35;cursor:default}.entry-head button svg{width:14px;height:14px}.srow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.srow input{flex:1;min-width:0}.srow select{font:inherit;color:var(--ink);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);padding:8.5px 6px;flex:none;width:138px}.srow select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.srow .sdel{width:32px;height:32px;border-radius:8px;flex:none;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.srow .sdel:hover{background:var(--danger-soft);color:var(--danger)}.srow .sdel svg{width:15px;height:15px}.opt-check{flex-direction:row;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--muted);cursor:pointer;user-select:none}.opt-check input[type="checkbox"]{width:auto;accent-color:var(--accent);margin:0}.add-btn{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;padding:9px;border:1.5px dashed var(--border);border-radius:10px;color:var(--accent);font-weight:600;transition:background .12s,border-color .12s}.add-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.add-btn svg{width:15px;height:15px}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:var(--on-accent);padding:10px 18px;border-radius:9px;font-weight:600;transition:background .12s}.primary-btn:hover{background:var(--accent-hover)}.primary-btn:disabled{opacity:.6;cursor:wait}.primary-btn.slim{padding:7px 13px;font-size:12.5px}.primary-btn svg{width:16px;height:16px}.ghost-btn{padding:7px 14px;border:1px solid var(--border);border-radius:8px;font-weight:500;background:var(--panel)}.ghost-btn.mini{padding:5px 11px;font-size:12px;color:var(--accent);align-self:flex-start}.ghost-btn.mini:hover{background:var(--accent-soft);border-color:var(--accent)}.ghost-btn.slim{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;font-weight:600;color:var(--accent)}.ghost-btn.slim svg{width:15px;height:15px}.ghost-btn.slim:hover{background:var(--accent-soft);border-color:var(--accent)}.ghost-btn:hover{background:var(--hover)}.ghost-btn.danger{color:var(--danger)}.ghost-btn.danger:hover{background:var(--danger-soft);border-color:var(--danger)}.form-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 2px 0}.rb-preview{position:sticky;top:calc(var(--topbar-h) + 12px);display:flex;flex-direction:column;gap:8px;min-width:0}.pv-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:9px 12px}.pv-label{font-weight:600;font-size:12.5px;color:var(--muted);margin-right:auto}.pv-tpls{display:flex;gap:2px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:2px}.pv-tpls button{padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;color:var(--muted)}.pv-tpls button:hover:not(.active){background:var(--hover)}.pv-tpls button.active{background:var(--accent);color:var(--on-accent)}.pv-accents{display:flex;gap:6px}.pv-accents button{width:22px;height:22px;border-radius:50%;border:2px solid transparent;outline:2px solid transparent;outline-offset:1px;transition:transform .1s}.pv-accents button:hover{transform:scale(1.15)}.pv-accents button.active{outline-color:var(--accent);border-color:var(--panel)}.pv-scroll{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;padding:14px;overflow:auto;max-height:calc(100vh - var(--topbar-h) - 130px)}.pv-holder{overflow:hidden;margin:0 auto}.pv-note{font-size:11px;color:var(--muted);text-align:center}#pvPages{display:flex;flex-direction:column;gap:4px}.pv-page-wrap{text-align:center}.pv-page{display:block;width:100%;height:auto;background:#fff;border-radius:2px;box-shadow:0 2px 14px rgba(16,24,40,.18)}.pv-page-num{font-size:11px;color:var(--muted);margin:6px 0 10px}.pv-loading{padding:40px 12px;text-align:center;color:var(--muted);font-size:12.5px}#letterFields{display:flex;flex-direction:column;gap:10px}#letterFields .ghost-btn{align-self:flex-start}.dl-bar{display:none;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--panel);border-top:1px solid var(--border);box-shadow:0 -4px 16px rgba(16,24,40,.1)}.dl-bar .primary-btn{flex:1;padding:12px;font-size:14.5px}.dl-bar .dl-jpg{flex:none;display:inline-flex;align-items:center;gap:6px;padding:12px 16px;font-size:14px;font-weight:600;color:var(--accent)}.dl-bar .dl-jpg svg{width:16px;height:16px}.modal-back{position:fixed;inset:0;z-index:200;background:rgba(10,14,25,.45);display:flex;align-items:center;justify-content:center;padding:20px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-lg);padding:20px;width:100%;max-width:380px;animation:modal-in .16s ease}@keyframes modal-in{from{opacity:0;transform:translateY(8px) scale(.98)}}.modal h2{font-size:16px;font-weight:700;margin-bottom:8px}.modal p{color:var(--muted);font-size:13px;line-height:1.55;margin-bottom:18px}.modal-foot{display:flex;justify-content:flex-end;gap:8px}.primary-btn.danger{background:var(--danger)}.primary-btn.danger:hover{background:#b91c1c}html[data-theme="dark"] .primary-btn.danger:hover{background:#ef4444}.flatpickr-calendar{font-family:'Inter',system-ui,sans-serif}.flatpickr-monthSelect-month.selected{background:var(--accent);border-color:var(--accent)}html[data-theme="dark"] .flatpickr-calendar{background:var(--panel-2);color:var(--ink);box-shadow:var(--shadow-lg);border:1px solid var(--border)}html[data-theme="dark"] .flatpickr-calendar.arrowTop::after{border-bottom-color:var(--panel-2)}html[data-theme="dark"] .flatpickr-calendar.arrowBottom::after{border-top-color:var(--panel-2)}html[data-theme="dark"] .flatpickr-months .flatpickr-month,html[data-theme="dark"] .flatpickr-current-month input.cur-year,html[data-theme="dark"] .flatpickr-months .flatpickr-prev-month,html[data-theme="dark"] .flatpickr-months .flatpickr-next-month{color:var(--ink);fill:var(--ink)}html[data-theme="dark"] .flatpickr-monthSelect-month{color:var(--ink)}html[data-theme="dark"] .flatpickr-monthSelect-month:hover{background:var(--hover)}html[data-theme="dark"] .flatpickr-monthSelect-month.selected{background:var(--accent);color:var(--on-accent)}.toasts{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:300;pointer-events:none;width:max-content;max-width:calc(100vw - 24px)}.toast{background:var(--toast-bg);color:var(--toast-ink);padding:10px 18px;border-radius:10px;box-shadow:var(--shadow-lg);font-size:13px;font-weight:500;display:flex;align-items:center;gap:9px;max-width:480px;animation:toast-in .22s ease}.toast.ok svg{color:#4ade80}.toast.err svg{color:#f87171}.toast svg{width:16px;height:16px}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}.seo-content{width:100%;max-width:760px;margin:20px auto 0;padding:0 16px 24px;color:var(--ink)}.seo-intro{color:var(--muted);font-size:15px;line-height:1.7;margin-bottom:40px;text-align:center}.seo-intro strong{color:var(--ink)}.seo-content h2{font-size:21px;font-weight:700;letter-spacing:-.01em;text-align:center;margin-bottom:22px}.steps{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:48px}.step{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:var(--shadow);text-align:left}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:99px;background:var(--accent);color:var(--on-accent);font-weight:700;font-size:13px;margin-bottom:10px}.step h3{font-size:14.5px;font-weight:600;margin-bottom:5px}.step p{color:var(--muted);font-size:13px;line-height:1.55}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:48px}.feat{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,border-color .15s}.feat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--accent)}.feat svg{width:20px;height:20px;color:var(--accent);margin-bottom:10px}.feat h3{font-size:14.5px;font-weight:600;margin-bottom:5px}.feat p{color:var(--muted);font-size:13px;line-height:1.5}.faq{max-width:640px;margin:0 auto 40px}.qa{border-bottom:1px solid var(--border);padding:16px 2px}.qa h3{font-size:15px;font-weight:600;margin-bottom:6px}.qa p{color:var(--muted);font-size:13.5px;line-height:1.6}.seo-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:24px 0 8px;color:var(--muted);font-size:12.5px;border-top:1px solid var(--border)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scroll);border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover);background-clip:content-box}@media (max-width:900px){.rb-wrap{grid-template-columns:1fr;padding-bottom:86px}.rb-preview{position:static}.pv-scroll{max-height:none}.brand-sub{display:none}.top-link span{display:none}.frow{grid-template-columns:1fr}.dl-bar{display:flex;gap:10px}.form-foot .primary-btn{display:none}.rb-hero{padding-top:18px}.seo-content{padding-bottom:90px}input[type="text"],input[type="email"],input[type="tel"],textarea,.srow select{font-size:16px}.toasts{bottom:calc(80px + env(safe-area-inset-bottom,0px))}.pv-head .primary-btn,.pv-head .ghost-btn{display:none}}