.kp-drawer{position:fixed;inset:0;z-index:50;visibility:hidden;transition:visibility 0s linear .22s}.kp-drawer[data-open=true]{visibility:visible;transition-delay:0s}.kp-drawer-scrim{position:absolute;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s}.kp-drawer[data-open=true] .kp-drawer-scrim{opacity:1}.kp-drawer-panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,360px);display:flex;flex-direction:column;gap:16px;padding:20px 16px;border-left:1px solid var(--kp-border);background:var(--kp-surface);transform:translateX(100%);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.kp-drawer[data-open=true] .kp-drawer-panel{transform:none}.kp-drawer-top{display:flex;align-items:center;justify-content:space-between;color:var(--kp-muted);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.kp-drawer-close{display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:12px;background:var(--kp-surface-2);color:var(--kp-text)}.kp-drawer ul{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.kp-drawer-item{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border:1px solid var(--kp-border);border-radius:16px;background:var(--kp-surface-2);color:var(--kp-text);text-align:left}.kp-drawer-item[aria-current=true]{border-color:var(--kp-accent-strong);background:rgba(220,38,38,.12)}.kp-drawer-icon{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:var(--kp-bg);color:var(--kp-accent)}.kp-drawer-text{display:flex;flex:1;flex-direction:column;gap:2px}.kp-drawer-text strong{font-size:15px}.kp-drawer-text small{color:var(--kp-muted);font-size:12.5px;line-height:1.35}.kp-foot{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:auto;padding:24px 0 32px;color:var(--kp-muted)}.kp-foot a{text-decoration:underline}.kp-foot-support{padding:8px 16px;border-radius:999px;background:#ffdd22;color:#000;font-size:13px;font-weight:600;text-decoration:none!important}.kp-dec-top{position:sticky;top:0;z-index:10;padding:4px 0 12px;background:linear-gradient(var(--kp-bg) 80%,transparent)}.kp-dec-out{position:relative;min-height:96px;padding:16px 16px 40px;border:1px solid var(--kp-border);border-radius:18px;background:var(--kp-surface);font-size:28px;font-weight:600;line-height:1.25;letter-spacing:-.01em;overflow-wrap:anywhere;white-space:pre-wrap}.kp-dec-hint{color:var(--kp-muted);font-size:16px;font-weight:400;letter-spacing:0}.kp-dec-clear{position:absolute;right:12px;bottom:10px;padding:4px 10px;border:0;border-radius:999px;background:var(--kp-surface-2);color:var(--kp-muted);font-size:12px}.kp-dec-nums{display:grid;grid-template-columns:repeat(10,1fr);gap:6px;margin-bottom:10px}.kp-dec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:8px}.kp-dec-key{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--kp-border);border-radius:12px;background:var(--kp-surface);color:var(--kp-accent);transition:transform 80ms,background 80ms,border-color 80ms}.kp-dec-key:active{transform:scale(.93);border-color:var(--kp-accent);background:var(--kp-surface-2)}.kp-dec-key img{width:58%;height:58%;object-fit:contain}.kp-dec-num{aspect-ratio:auto;height:44px;font-size:18px;font-weight:700}.kp-dec-bar{position:sticky;bottom:0;z-index:10;display:grid;grid-template-columns:1fr 64px 1fr;gap:8px;margin-top:12px;padding:16px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--kp-bg) 30%)}.kp-dec-act{display:flex;align-items:center;justify-content:center;height:54px;border:1px solid var(--kp-border);border-radius:14px;background:var(--kp-surface-2);color:var(--kp-text);font-size:16px;font-weight:600}.kp-dec-act:active{transform:scale(.97)}.kp-dec-copy{border-color:var(--kp-accent-strong);background:var(--kp-accent-strong)}.kp-dec-copy:disabled{opacity:.4}.kp-drop{display:flex;flex-direction:column;align-items:center;gap:8px;padding:28px 20px;border:2px dashed var(--kp-border);border-radius:20px;background:var(--kp-surface);text-align:center;transition:border-color .15s,background .15s}.kp-drop[data-over=true]{border-color:var(--kp-accent);background:var(--kp-surface-2)}.kp-drop-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:var(--kp-bg);color:var(--kp-accent)}.kp-drop h3{margin-top:6px;font-size:18px;font-weight:700}.kp-drop p{color:var(--kp-muted);font-size:14px}.kp-drop .kp-drop-error{color:var(--kp-accent);font-weight:600}.kp-drop-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}.kp-drop-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border:1px solid var(--kp-border);border-radius:14px;background:var(--kp-surface-2);color:var(--kp-text);font-weight:600;cursor:pointer}.kp-drop-btn-main{border-color:var(--kp-accent-strong);background:var(--kp-accent-strong);color:#fff}.kp-drop-tips{margin:14px 0 0;padding:0;list-style:none;color:var(--kp-muted);font-size:13px;line-height:1.6}.kp-load{display:flex;flex-direction:column;gap:12px}.kp-load-photo{position:relative;overflow:hidden;border-radius:16px;border:1px solid var(--kp-border);background:#000}.kp-load-photo img{display:block;width:100%;max-height:55vh;object-fit:contain;opacity:.45}.kp-load-beam{position:absolute;left:0;right:0;top:0;height:3px;background:var(--kp-accent);box-shadow:0 0 18px 6px rgba(255,97,100,.55);animation:kp-load-sweep 1.8s ease-in-out infinite alternate}@keyframes kp-load-sweep{to{top:calc(100% - 3px)}}.kp-load-bar{height:8px;overflow:hidden;border-radius:999px;background:var(--kp-surface-2)}.kp-load-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--kp-accent-strong),var(--kp-accent));transition:width .2s}.kp-load-label{display:flex;justify-content:space-between;color:var(--kp-muted);font-size:14px}.kp-load-label b{color:var(--kp-text);font-variant-numeric:tabular-nums}.kp-load-cancel{align-self:center;min-height:44px;padding:0 20px;border:1px solid var(--kp-border);border-radius:12px;background:transparent;color:var(--kp-text)}@media (prefers-reduced-motion:reduce){.kp-load-beam{animation:none;top:50%}}.kp-photo{position:relative;width:min(100%,calc(60vh * var(--ar)));margin:0 auto;aspect-ratio:var(--ar);border-radius:14px;overflow:hidden;border:1px solid var(--kp-border)}.kp-photo img{display:block;width:100%;height:100%}.kp-photo-box{position:absolute;padding:0;border:1px solid rgba(255,255,255,.35);border-radius:4px;background:transparent}.kp-photo-box[data-state=check]{border:2px dashed #fbbf24;background:rgba(251,191,36,.15)}.kp-photo-box[data-state=selected]{border:2px solid var(--kp-accent);background:rgba(255,97,100,.22);z-index:1}.kp-words{display:flex;flex-direction:column;gap:12px}.kp-words-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;border:1px solid #fbbf24;border-radius:14px;background:rgba(251,191,36,.1);font-size:14px}.kp-words-bar[data-clear=true]{border-color:var(--kp-border);background:var(--kp-surface);color:var(--kp-muted)}.kp-words-bar button{min-height:40px;padding:0 16px;border:0;border-radius:10px;background:#fbbf24;color:#1a1200;font-weight:700}.kp-words-text{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--kp-border);border-radius:16px;background:var(--kp-surface)}.kp-words-text p{display:flex;flex-wrap:wrap;gap:6px}.kp-words-chip{min-height:36px;padding:0 10px;border:1px solid transparent;border-radius:10px;background:var(--kp-surface-2);color:var(--kp-text);font-size:16px}.kp-words-chip[data-state=check]{border:1px dashed #fbbf24;background:rgba(251,191,36,.12)}.kp-words-chip[data-state=selected]{border-color:var(--kp-accent);background:rgba(255,97,100,.2)}.kp-words-actions{display:flex;gap:10px}.kp-words-actions button{flex:1;min-height:48px;border:1px solid var(--kp-border);border-radius:14px;background:var(--kp-surface-2);color:var(--kp-text);font-weight:600}.kp-words-actions .kp-words-main{border-color:var(--kp-accent-strong);background:var(--kp-accent-strong);color:#fff}.kp-edit{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid var(--kp-accent-strong);border-radius:18px;background:var(--kp-surface)}.kp-edit header{display:flex;align-items:center;justify-content:space-between;font-weight:700}.kp-edit header button,.kp-edit-more button{min-height:40px;padding:0 12px;border:0;border-radius:10px;background:transparent;color:var(--kp-muted)}.kp-edit-reason{color:#fbbf24;font-size:14px}.kp-edit-crop{width:100%;max-height:160px;border-radius:12px;border:1px solid var(--kp-border);background-repeat:no-repeat;background-color:#000;margin:0 auto}.kp-edit-field{display:flex;flex-direction:column;gap:6px;color:var(--kp-muted);font-size:13px}.kp-edit-field input{min-height:52px;padding:0 14px;border:1px solid var(--kp-border);border-radius:12px;background:var(--kp-bg);color:var(--kp-text);font-size:22px}.kp-edit-alts,.kp-edit-glyphs>div,.kp-edit-sugg{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.kp-edit-glyphs>span,.kp-edit-sugg>span{color:var(--kp-muted);font-size:13px}.kp-edit-glyphs{display:flex;flex-direction:column;gap:8px}.kp-edit-glyphs button,.kp-edit-sugg button{min-height:44px;padding:6px 12px;border:1px solid var(--kp-border);border-radius:12px;background:var(--kp-surface-2);color:var(--kp-text);font-size:16px}.kp-edit-glyphs button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:52px}.kp-edit-glyphs button[data-open=true]{border-color:var(--kp-accent)}.kp-edit-glyphs img{width:30px;height:30px;object-fit:contain}.kp-edit-glyphs small{color:var(--kp-muted);font-size:12px}.kp-edit-alts{padding:10px;border-radius:12px;background:var(--kp-bg)}.kp-edit-nav{display:flex;gap:8px}.kp-edit-nav button{flex:1;min-height:48px;border:1px solid var(--kp-border);border-radius:14px;background:var(--kp-surface-2);color:var(--kp-text);font-weight:600}.kp-edit-nav button:disabled{opacity:.4}.kp-edit-nav .kp-edit-ok{flex:2;border-color:var(--kp-accent-strong);background:var(--kp-accent-strong);color:#fff}.kp-edit-more{display:flex;justify-content:space-between}.kp-edit-more .kp-edit-danger{color:var(--kp-accent)}.kp-scan{gap:14px}.kp-enc,.kp-scan{display:flex;flex-direction:column}.kp-enc{gap:12px}.kp-enc-input{width:100%;padding:14px 16px;border:1px solid var(--kp-border);border-radius:16px;background:var(--kp-surface);color:var(--kp-text);font:inherit;font-size:16px;resize:none}.kp-enc-input:focus{outline:none;border-color:var(--kp-accent)}.kp-enc-preview{min-height:160px;border:1px solid var(--kp-border);border-radius:16px;background:#000;overflow:hidden}.kp-enc-preview canvas{display:block;width:100%;height:auto}.kp-enc-empty{padding:64px 16px;text-align:center;color:var(--kp-muted)}.kp-enc-bar{display:flex;gap:8px;padding-bottom:12px}.kp-enc-btn{flex:1;height:52px;border:1px solid var(--kp-border);border-radius:14px;background:var(--kp-surface-2);color:var(--kp-text);font-size:16px;font-weight:600}.kp-enc-btn:disabled{opacity:.4}.kp-enc-primary{border-color:var(--kp-accent-strong);background:var(--kp-accent-strong)}.kp-head{padding:0 0 12px}.kp-head-bar{position:sticky;top:0;z-index:10;justify-content:space-between;margin:0 -16px;padding:12px 16px;background:rgba(8,8,10,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--kp-border)}.kp-head-bar,.kp-head-brand{display:flex;align-items:center}.kp-head-brand{gap:10px}.kp-head-brand h1{font-size:20px;font-weight:700;letter-spacing:-.02em;background:linear-gradient(90deg,#ff6164,#e8000f);-webkit-background-clip:text;background-clip:text;color:transparent}.kp-head-burger{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--kp-border);border-radius:14px;background:var(--kp-surface);color:var(--kp-text)}.kp-head-mode{padding-top:18px}.kp-head-mode h2{font-size:22px;font-weight:700;letter-spacing:-.02em}.kp-head-mode p{margin-top:4px;color:var(--kp-muted);font-size:14px;line-height:1.4}