.pr{flex:1;min-width:0;min-height:0;display:flex;position:relative}.pr-main{flex-direction:column;flex:1;min-width:0;display:flex}.pr-seqbar{background:var(--panel);border-bottom:1px solid var(--border);flex:none}.pr-seqhead{align-items:center;gap:10px;min-height:36px;padding:6px 10px 2px;display:flex}.pr-chains{flex-wrap:wrap;gap:4px;max-width:40%;display:flex}.pr-chains button{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:4px;min-width:28px;height:26px;padding:0 8px;font-weight:650}.pr-chains button.on{background:var(--blue);border-color:var(--blue);color:#fff}.pr-seqhint{min-width:0;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:12px;overflow:hidden}.pr-seqhint b{color:var(--text)}.pr-legend{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11px;display:flex}.pr-legend i{border-radius:2px;width:12px;height:4px;margin-left:6px;display:inline-block}.pr-seq{font:600 12.5px/1 var(--font-mono);-webkit-user-select:none;user-select:none;touch-action:pan-x;cursor:text;scrollbar-width:thin;gap:6px;padding:2px 10px 10px;display:flex;position:relative;overflow:auto hidden}.pr-block{flex:none;gap:3px;display:grid}.pr-num{font:500 10px/1 var(--font-ui);color:var(--faint);height:11px}.pr-cells{display:flex}.pr-res{text-align:center;border-radius:3px;width:11px;padding:3px 0 4px;position:relative}.pr-res:after{content:"";border-radius:2px;height:3px;position:absolute;bottom:0;left:1px;right:1px}.pr-res:hover{background:var(--hover)}.pr-res.sel{color:var(--text);background:#ffd60052}.ss-H:after,.pr-legend .ss-H{background:#d6237a}.ss-E:after,.pr-legend .ss-E{background:#e0a800}.ss-C:after,.pr-legend .ss-C{background:#a5abb3}.pr-tip{pointer-events:none;white-space:nowrap;z-index:2;font:600 11px/1 var(--font-ui);background:var(--text);color:var(--panel);border-radius:3px;padding:4px 7px;position:absolute;top:2px;transform:translate(-50%)}.pr-view{background:#fff;flex:1;min-height:0;position:relative;overflow:hidden}.pr-view.bg-light{background:#eef1f4}.pr-view.bg-dark{background:#1b1f24}.pr-view.bg-black{background:#000}.pr-view.bg-transparent{background:repeating-conic-gradient(var(--panel-3) 0 25%, var(--panel) 0 50%) 0 0 / 22px 22px}.pr-canvas{position:absolute;inset:0}.pr-canvas .miew-container,.pr-canvas .miew-canvas{width:100%;height:100%}.pr-status{z-index:4;background:var(--island);box-shadow:var(--shadow-sm);border-radius:6px;align-items:center;gap:10px;max-width:80%;padding:10px 16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pr-status.bad{color:var(--red)}.pr-veil{z-index:3;pointer-events:none;background:#ffffff40;position:absolute;inset:0}.pr-show-seq{z-index:5;background:var(--island);height:30px;box-shadow:var(--shadow-sm);cursor:pointer;border:0;border-radius:4px;align-items:center;gap:6px;padding:0 10px;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.pr-selbar{z-index:5;background:var(--island);box-shadow:var(--shadow);white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:5px 6px 5px 12px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.pr-selbar b{margin-right:4px}.pr-actions{z-index:5;background:var(--island);box-shadow:var(--shadow-sm);border-radius:6px;gap:6px;padding:4px;display:flex;position:absolute;bottom:12px;right:12px}.pr-drop{z-index:6;border:2px dashed var(--blue);background:var(--blue-soft);border-radius:7px;place-items:center;font-weight:650;display:grid;position:absolute;inset:10px}.pr-toast{z-index:8;background:var(--text);color:var(--panel);box-shadow:var(--shadow);border-radius:5px;padding:9px 14px;font-weight:600;position:absolute;bottom:64px;left:50%;transform:translate(-50%)}.pr-toast.bad{background:var(--red);color:#fff}.pr-panel{width:300px}.pr-panel .design-scroll{flex:1;overflow-y:auto}.pr-load{gap:6px;margin-bottom:8px;display:flex}.pr-input{background:var(--input);letter-spacing:.06em;text-transform:uppercase;border:1px solid #0000;border-radius:4px;flex:1;min-width:0;height:32px;padding:0 10px;font-weight:650}.pr-input:focus{border-color:var(--blue);outline:none}.pr-input::placeholder{text-transform:none;letter-spacing:0;color:var(--faint);font-weight:500}.pr-upload{cursor:pointer;justify-content:center;width:100%;margin-bottom:8px}.pr-select{background:var(--input);border:1px solid #0000;border-radius:4px;width:100%;height:30px;padding:0 8px}.pr-selbar .pr-select{width:auto;height:28px}.pr-seg{flex-wrap:wrap;gap:4px;display:flex}.pr-seg button{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:4px;flex:1 0 auto;height:28px;padding:0 8px;font-size:12px;font-weight:600}.pr-seg button.on{background:var(--blue-soft);border-color:var(--blue);color:var(--text)}.pr-recent,.pr-ligands{flex-wrap:wrap;gap:5px;margin:6px 0 4px;display:flex}.pr-chip{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:4px;height:26px;padding:0 9px;font-size:12px;font-weight:650}.pr-chip small{color:var(--muted);font-weight:500}.pr-chip.on,.pr-chip:hover{border-color:var(--blue)}.pr-info{background:var(--panel-2);color:var(--muted);border-radius:5px;gap:3px;margin-top:10px;padding:10px;font-size:12px;display:grid}.pr-info b{color:var(--text);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.pr-info a{color:var(--blue);margin-top:3px;text-decoration:none}.pr-dim{opacity:.55}.pr-layers{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pr-layers li{background:var(--panel-2);border-radius:4px;align-items:center;gap:6px;padding:3px 4px;display:flex}.pr-swatch{border-radius:3px;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px #00000026}.pr-layer-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}.pr-bgs{gap:6px;display:flex}.pr-bg{border:1px solid var(--border);cursor:pointer;border-radius:4px;width:24px;height:24px;padding:0}.pr-bg.bg-transparent{background:repeating-conic-gradient(#d9dce1 0 25%, #fff 0 50%) 0 0 / 10px 10px!important}.pr-bg.on{outline:2px solid var(--blue);outline-offset:2px}.pr-export{gap:6px;margin:8px 0 6px;display:flex}.pr-export .btn{flex:1;justify-content:center}.pr-wide{justify-content:center;width:100%;margin-top:6px}.pr-panel .hint a{color:var(--blue);text-decoration:none}@media (width<=760px){.pr{flex-direction:column}.pr-panel{border-left:0;border-top:1px solid var(--border);width:auto;max-height:45%}.pr-legend{display:none}.pr-selbar{top:auto;bottom:64px}}