.pgn-workspace{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:calc(100vh - 108px)}.pgn-inspector{padding:28px 24px;background:var(--panel);border-right:1px solid var(--line)}.pgn-heading{margin-bottom:28px}.pgn-heading h1{font-size:22px;margin:7px 0 10px}.pgn-section{border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.pgn-section h2{margin-bottom:16px}#dropZone{display:flex;align-items:center;flex-direction:column;gap:5px;padding:22px 12px;border:1px dashed var(--line2);border-radius:8px;text-align:center;cursor:pointer;color:var(--muted);font-size:12px}#dropZone strong{color:var(--text);font-size:14px;font-weight:550}#dropZone small{font-size:10px;margin-top:5px}.drop-symbol{font-size:28px}#dropZone:hover,#dropZone.bg-light{background:var(--hover)!important;border-color:var(--muted)}#fileInput{margin:10px 0;font-size:11px}#fileList{margin:14px 0;gap:7px}.list-group-item{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px!important;padding:10px!important;flex-wrap:wrap;gap:8px}.list-group-item.selected{background:var(--hover)}.file-name{background:none;border:0;color:var(--text);font-size:12px;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.remove-btn{border:0;background:none;color:#e39696;font-size:20px;width:24px;padding:0}.progress{background:var(--line);height:4px;width:100%;flex-basis:100%}.progress-bar.bg-success{background:var(--accent)!important}.pgn-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}#plotOptionsContainer label{display:grid;gap:6px;font-size:12px;color:var(--muted);margin:10px 0}#plotOptionsContainer .pgn-switch{display:flex;align-items:center;justify-content:space-between;margin-top:16px}.form-control,.form-select{background-color:var(--panel2);color:var(--text);border-color:var(--line2);font-size:12px}.form-control:focus,.form-select:focus{background-color:var(--panel2);color:var(--text);border-color:var(--muted);box-shadow:none}.form-control::placeholder{color:var(--muted)}.form-control::file-selector-button{background:var(--hover);color:var(--text)}#plotButton{margin-top:16px;width:100%;display:flex;justify-content:space-between}.pgn-results{padding:36px 32px;min-width:0}.pgn-results-heading h2{font-size:24px;margin-top:6px}#plotContainer{min-height:450px;overflow-x:auto}.pgn-empty{min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);text-align:center}.pgn-empty>span{font-size:54px;margin-bottom:12px}.pgn-empty h3{font-size:18px;color:var(--text)}.pgn-empty p{font-size:13px;max-width:300px}.plot-cell{min-width:280px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--panel)}[data-plot-placeholder]{background:var(--panel)!important;color:var(--muted)!important}.modal-content,.accordion-item,.accordion-button{background:var(--panel);color:var(--text);border-color:var(--line)}.modal-header{border-color:var(--line)}.accordion-button:not(.collapsed){background:var(--hover);color:var(--text)}.modal-body{overflow-x:auto}.table{--bs-table-bg:var(--panel);--bs-table-color:var(--text);--bs-table-striped-bg:var(--panel2);--bs-table-striped-color:var(--text);--bs-table-border-color:var(--line);color:var(--text);border-color:var(--line)}html[data-theme=gray] .btn-close{filter:invert(1)}html[data-theme=gray] .form-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23bcc4ca' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E")}@media(max-width:900px){.pgn-workspace{grid-template-columns:300px minmax(0,1fr)}.pgn-results{padding:28px 20px}}@media(max-width:660px){.pgn-workspace{grid-template-columns:1fr}.pgn-inspector{border-right:0;border-bottom:1px solid var(--line);padding:24px 18px}.pgn-results{padding:28px 18px}}