#lsp-ribbon{position:fixed;top:50%;left:0;transform:translateY(-50%);background:#3b82f6;color:#fff;padding:15px 8px;border-radius:0 6px 6px 0;cursor:pointer;z-index:99990;writing-mode:vertical-rl;text-orientation:mixed;font-family:'Inter',sans-serif;font-weight:800;font-size:13px;letter-spacing:1px;box-shadow:2px 0 10px rgba(0,0,0,0.2);transition:left 0.3s ease,background-color 0.2s}
#lsp-ribbon:hover{background:#2563eb}
#lsp-ribbon.hidden{left:-50px}
#lsp-panel{position:fixed;top:50%;left:-350px;transform:translateY(-50%);width:320px;background:#1e293b;border:1px solid #334155;border-radius:0 12px 12px 0;z-index:99999;padding:25px;color:#fff;font-family:'Inter',sans-serif;box-shadow:10px 0 30px rgba(0,0,0,0.5);transition:left .4s cubic-bezier(.19,1,.22,1)}
#lsp-panel.active{left:0}
.lsp-view{display:none}
.lsp-view.active{display:block;animation:fadeIn .3s ease-out}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
.lsp-h{font-size:18px;font-weight:800;margin-bottom:20px;color:#f8fafc;line-height:1.3}
.lsp-close{position:absolute;top:10px;right:10px;cursor:pointer;color:#64748b;font-size:24px;line-height:1;padding:5px}
.lsp-close:hover{color:#fff}
.lsp-option{display:block;width:100%;text-align:left;padding:12px 15px;margin-bottom:8px;background:#0f172a;border:1px solid #334155;color:#e2e8f0;border-radius:8px;cursor:pointer;font-size:13px;transition:.2s;font-weight:500}
.lsp-option:hover{background:#3b82f6;border-color:#3b82f6;color:#fff;transform:translateX(5px)}
.lsp-option.positive:hover{background:#22c55e;border-color:#22c55e}
#lsp-text-view .lsp-h{font-size:16px}
#lsp-text{width:100%;height:90px;background:#0f172a;border:1px solid #334155;color:#fff;border-radius:8px;padding:12px;font-family:inherit;font-size:14px;box-sizing:border-box;margin-top:10px}
#lsp-text:focus{outline:none;border-color:#3b82f6}
.lsp-submit-btn{width:100%;padding:15px;background:#3b82f6;border:1px solid #3b82f6;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;margin-top:10px;transition:all .2s}
.lsp-submit-btn:hover{background:#2563eb}
@media (max-width:600px){
#lsp-panel{width:100%;height:100%;top:0;left:-100%;transform:none;border-radius:0;display:flex;flex-direction:column;justify-content:center}
#lsp-panel.active{left:0}
.lsp-close{font-size:30px;top:15px;right:15px}
.lsp-h{font-size:22px;text-align:center}}