:root{--pastel-edit-bg: #ffe082;--pastel-edit-hover: #ffd54f;--pastel-edit-text: #424242;--pastel-clone-bg: #90caf9;--pastel-clone-hover: #64b5f6;--pastel-clone-text: #424242;--pastel-copy-bg: #a5d6a7;--pastel-copy-hover: #81c784;--pastel-copy-text: #424242;--pastel-preview-bg: #e9d5ff;--pastel-preview-hover: #d8b4fe;--pastel-preview-text: #5b21b6}#bugListSection{background-color:var(--card-bg);border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:var(--spacing-lg);border:1px solid var(--border-color)}main{max-width:1560px}#appDescription{background-color:var(--gray-200);padding:12px 18px;border-radius:var(--border-radius);margin-bottom:var(--spacing-lg);font-style:italic;color:var(--gray-700);border-left:4px solid var(--primary)}.bug-list-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:var(--spacing-lg)}.bug-list-header h2{margin:0}#controls{display:flex;flex-wrap:wrap;gap:8px}#controls button{padding:10px 15px;color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-size:.95em;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}#controls button i{font-size:1em}#addBugBtn{background-color:var(--primary);border-color:var(--primary)}#addBugBtn:hover{background-color:var(--primary-dark)}#exportToPDFBtn{background-color:#17a2b8}#exportToPDFBtn:hover{background-color:#138496}#exportBugsJSONBtn{background-color:#5cb85c}#exportBugsJSONBtn:hover{background-color:#4cae4c}#importBugsJSONBtn{background-color:#f0ad4e}#importBugsJSONBtn:hover{background-color:#eea236}.table-container{overflow-x:auto;background-color:var(--card-bg);border-radius:var(--border-radius);box-shadow:var(--box-shadow-sm)}table{width:100%;border-collapse:collapse;margin-top:0;table-layout:fixed}#bugListSection th:nth-child(1),#bugListSection td:nth-child(1){width:44px}#bugListSection th:nth-child(2),#bugListSection td:nth-child(2){width:280px;word-break:break-word;overflow-wrap:break-word;white-space:normal}#bugListSection th:nth-child(3),#bugListSection td:nth-child(3){width:150px}#bugListSection th:nth-child(4),#bugListSection td:nth-child(4){width:90px}#bugListSection th:nth-child(5),#bugListSection td:nth-child(5){width:110px}#bugListSection th:nth-child(6),#bugListSection td:nth-child(6){width:90px}#bugListSection th:nth-child(7),#bugListSection td:nth-child(7){width:190px}th,td{border:1px solid var(--border-color);padding:12px 15px;text-align:left;vertical-align:middle}th{background:linear-gradient(180deg,var(--gray-100) 0%,var(--gray-200) 100%);font-weight:600;color:var(--gray-800);font-size:.82em;text-transform:uppercase;letter-spacing:.04em}tbody tr:nth-child(2n) td{background-color:#00000005}tbody tr:hover td{background-color:#4361ee0d}tbody tr:hover td:first-child{box-shadow:inset 3px 0 0 var(--primary)}td.actions{white-space:nowrap}td .actions button{margin-right:3px;padding:2px 6px;font-size:.75em;border:none;border-radius:3px;cursor:pointer;display:inline-flex;align-items:center;vertical-align:middle;transition:var(--transition)}td .actions button:last-child{margin-right:0}td .actions button i{font-size:.9em;line-height:1}.edit-btn{background-color:var(--pastel-edit-bg);color:var(--pastel-edit-text)}.edit-btn:hover{background-color:var(--pastel-edit-hover)}.clone-btn{background-color:var(--pastel-clone-bg);color:var(--pastel-clone-text)}.clone-btn:hover{background-color:var(--pastel-clone-hover)}.copy-md-btn{background-color:var(--pastel-copy-bg);color:var(--pastel-copy-text)}.copy-md-btn:hover{background-color:var(--pastel-copy-hover)}.preview-btn{background-color:var(--pastel-preview-bg);color:var(--pastel-preview-text)}.preview-btn:hover{background-color:var(--pastel-preview-hover)}.delete-btn{background-color:var(--danger);color:#fff}.delete-btn:hover{background-color:#d63e60}.sortable-header{cursor:pointer;position:relative;padding-right:25px}.sortable-header:before,.sortable-header:after{content:"";display:block;position:absolute;right:10px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;opacity:.3}.sortable-header:before{bottom:55%;border-bottom:5px solid var(--text-color)}.sortable-header:after{top:55%;border-top:5px solid var(--text-color)}.sortable-header.sort-asc:before{opacity:1}.sortable-header.sort-asc:after{opacity:.3}.sortable-header.sort-desc:after{opacity:1}.sortable-header.sort-desc:before{opacity:.3}.bug-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 8px;border-radius:11px;background-color:var(--primary);color:#fff;font-size:.72rem;font-weight:700;vertical-align:middle;margin-left:8px;letter-spacing:0}.env-badge{display:inline-block;padding:2px 9px;border-radius:10px;font-size:.72rem;font-weight:700;white-space:nowrap}.env-dev{background-color:#dbeafe;color:#1d4ed8}.env-stg{background-color:#fef3c7;color:#92400e}.env-prod{background-color:#fee2e2;color:#b91c1c}.cell-icon{margin-right:4px;opacity:.75}.hidden{display:none!important}#noBugsMessage{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);color:var(--text-muted);background-color:var(--card-bg);border-radius:var(--border-radius);font-size:.95rem;display:flex;flex-direction:column;align-items:center;gap:10px}#noBugsMessage:before{content:"\f188";font-family:"Font Awesome 6 Free";font-weight:900;font-size:2.8rem;color:var(--gray-300);display:block;font-style:normal}dialog{border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow-lg);padding:0;width:90%;max-width:860px;background-color:var(--card-bg);position:fixed;top:5vh;left:50%;transform:translate(-50%);z-index:2000;overflow:hidden;max-height:90vh;color:var(--text-color)}dialog#bugModal[open]{display:flex;flex-direction:column}dialog::backdrop{background-color:#0009;backdrop-filter:blur(3px)}dialog[open]{animation:dialogScaleIn .18s ease-out}@keyframes dialogScaleIn{0%{opacity:0;transform:translate(-50%) scale(.97) translateY(-4px)}to{opacity:1;transform:translate(-50%) scale(1) translateY(0)}}dialog h2,dialog h3{background:linear-gradient(to right,rgba(67,97,238,.1),var(--gray-200) 55%);border-left:4px solid var(--primary);padding:15px 25px 15px 21px;margin:0;font-size:1.3em;color:var(--gray-800);border-bottom:1px solid var(--border-color);flex-shrink:0}dialog h3{font-size:1.2em;padding:12px 20px}#bugModal form{display:flex;flex-direction:column;flex-grow:1;overflow:hidden}.form-scrollable-content{flex-grow:1;overflow-y:auto;padding:20px 25px}#bugModal .form-scrollable-content>div{margin-bottom:18px}#bugModal .form-scrollable-content>div:last-child{margin-bottom:0}#confirmDialog>p,#disclaimerDialog .dialog-content{padding:25px;max-height:70vh;overflow-y:auto}#confirmDialog>p{max-height:none;overflow-y:visible;padding:20px;margin:0}.form-section-divider{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);padding:14px 0 8px;margin-top:4px;border-bottom:1px solid var(--gray-200);margin-bottom:14px;display:flex;align-items:center;gap:6px}.form-section-divider i{font-size:.85rem;opacity:.8}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.form-row-2col>div{margin-bottom:0}#bugModal label{display:block;margin-bottom:6px;font-weight:500;color:var(--gray-700)}#bugModal input[type=text],#bugModal select,#bugModal textarea{width:100%;padding:10px 12px;border:1px solid var(--input-border-color);border-radius:var(--border-radius-sm);box-sizing:border-box;font-size:.95em;background-color:var(--input-bg-color);color:var(--text-color);transition:var(--transition)}#bugModal input[type=text]:focus,#bugModal select:focus,#bugModal textarea:focus{border-color:var(--primary);box-shadow:0 0 0 .2rem #4361ee40;outline:none}#bugModal textarea{resize:vertical;min-height:80px}dialog .modal-actions{text-align:right;padding:15px 25px;border-top:1px solid var(--border-color);background-color:var(--gray-100);flex-shrink:0}#confirmDialog .modal-actions{padding:15px 20px;margin-top:25px}#bugModal .modal-actions{margin-top:0}dialog .modal-actions button{padding:10px 18px;margin-left:10px;border-radius:var(--border-radius-sm);border:none;cursor:pointer;font-size:.95em;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}dialog .modal-actions button i{font-size:1em}#saveBugBtn,#confirmYes{background-color:var(--success);color:#fff}#saveBugBtn:hover,#confirmYes:hover{background-color:#05b386}#cancelBugBtn,#confirmNo{background-color:var(--gray-600);color:#fff}#cancelBugBtn:hover,#confirmNo:hover{background-color:var(--gray-700)}#previewModal[open]{display:flex;flex-direction:column}.preview-meta{display:flex;flex-wrap:wrap;gap:6px 20px;padding:10px 14px;background-color:var(--gray-100);border-radius:var(--border-radius-sm);border:1px solid var(--border-color);margin-bottom:18px;font-size:.88em}.preview-meta-item strong{color:var(--gray-700)}.preview-section{margin-bottom:20px}.preview-section-heading{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--primary);border-bottom:1px solid var(--gray-200);padding-bottom:6px;margin-bottom:10px}.preview-markdown{font-size:.9em;line-height:1.65;color:var(--text-color)}.preview-markdown p{margin-bottom:8px}.preview-markdown ul,.preview-markdown ol{padding-left:20px;margin-bottom:8px}.preview-markdown li{margin-bottom:3px}.preview-markdown strong{font-weight:600}.preview-markdown code{background-color:var(--gray-200);padding:1px 5px;border-radius:3px;font-size:.85em;font-family:monospace}.preview-markdown pre{background-color:var(--gray-100);border:1px solid var(--border-color);padding:12px;border-radius:var(--border-radius-sm);overflow-x:auto;margin-bottom:8px}.preview-markdown pre code{background:none;padding:0}.preview-empty{color:var(--text-muted);font-style:italic}.preview-images img{max-width:100%;height:auto;display:block;margin:8px 0;border:1px solid var(--border-color);border-radius:var(--border-radius-sm)}.image-paste-area-label{font-size:.85em;color:var(--text-muted);margin-bottom:5px;margin-top:10px}.image-paste-container{border:2px dashed var(--border-color);padding:15px;min-height:80px;margin-top:5px;border-radius:var(--border-radius-sm);background-color:var(--input-bg-color);color:var(--text-muted);text-align:left;cursor:text;overflow-y:auto;max-height:200px}.image-paste-container:focus-within{border-color:var(--primary);outline:none;box-shadow:0 0 0 .2rem #4361ee40}.image-paste-container[data-placeholder]:empty:before{content:attr(data-placeholder);color:var(--gray-500);display:block;text-align:center}.image-paste-container img{max-width:400px!important;height:auto!important;display:block;margin-top:8px;margin-bottom:8px;border:1px solid var(--gray-200);padding:3px;border-radius:3px}#pdfExportContainer h1,#pdfExportContainer h2,#pdfExportContainer h3{color:#333;border-bottom:1px solid #eee;padding-bottom:5px;margin-top:20px}#pdfExportContainer h1{font-size:24px}#pdfExportContainer h2{font-size:20px}#pdfExportContainer h3{font-size:16px;font-weight:700;margin-bottom:5px}#pdfExportContainer p{margin:5px 0 10px;line-height:1.5}#pdfExportContainer strong{font-weight:700}#pdfExportContainer ul,#pdfExportContainer ol{margin-left:20px;padding-left:10px}#pdfExportContainer pre{background-color:#f5f5f5;padding:10px;border-radius:4px;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}#pdfExportContainer code{font-family:monospace}#pdfExportContainer img{max-width:100%!important;height:auto!important;margin-top:10px;margin-bottom:10px;border:1px solid #ccc;display:block}.pdf-bug-separator{page-break-after:always;border-top:2px dashed #ccc;margin-top:30px;padding-top:20px}.pdf-bug-separator:last-child{page-break-after:auto;border-top:none}body.dark-theme #appDescription{background-color:var(--gray-200);color:var(--text-muted);border-left-color:var(--primary)}body.dark-theme #bugListSection{background-color:var(--card-bg);border-color:var(--border-color)}body.dark-theme .table-container{background-color:var(--card-bg)}body.dark-theme th{background-color:var(--gray-200);color:var(--gray-800)}body.dark-theme td{border-color:var(--border-color)}body.dark-theme #noBugsMessage{background-color:var(--card-bg);color:var(--text-muted)}body.dark-theme dialog{background-color:var(--card-bg);border-color:var(--border-color);color:var(--text-color)}body.dark-theme dialog h2,body.dark-theme dialog h3{background:linear-gradient(to right,rgba(107,140,255,.12),var(--gray-200) 55%);color:var(--gray-800);border-bottom-color:var(--border-color);border-left-color:var(--primary)}body.dark-theme .form-section-divider{border-bottom-color:var(--gray-300)}body.dark-theme tbody tr:nth-child(2n) td{background-color:#ffffff05}body.dark-theme tbody tr:hover td{background-color:#6b8cff12}body.dark-theme .env-dev{background-color:#1e3a5f;color:#93c5fd}body.dark-theme .env-stg{background-color:#4a3800;color:#fcd34d}body.dark-theme .env-prod{background-color:#4a1818;color:#fca5a5}body.dark-theme dialog .modal-actions{background-color:var(--gray-100);border-top-color:var(--border-color)}body.dark-theme .image-paste-container{background-color:var(--input-bg-color);border-color:var(--border-color);color:var(--text-muted)}body.dark-theme .image-paste-container img{border-color:var(--gray-300)}@media (max-width: 768px){.bug-list-header{flex-direction:column;align-items:stretch}#controls{flex-direction:column;gap:8px}#controls button{width:100%;justify-content:center}th,td{padding:10px 8px;font-size:.9em}td .actions button{font-size:.75em;padding:3px 6px;margin-right:3px}td .actions button i{margin-right:3px}dialog{width:95%;max-height:90vh}.form-row-2col{grid-template-columns:1fr;gap:0}#bugModal .form-scrollable-content,#confirmDialog>p{padding:15px 20px}dialog h2,dialog h3{padding:12px 20px;font-size:1.2em}dialog .modal-actions{padding:12px 20px}dialog .modal-actions button{font-size:.9em;padding:8px 12px}}@media (max-width: 480px){th:nth-child(3),td:nth-child(3),th:nth-child(4),td:nth-child(4){display:none}th:nth-child(6),td:nth-child(6){display:none}td .actions button{font-size:.7em;padding:2px 5px}td .actions button i{margin-right:2px;font-size:.85em}}