.perm-intro{padding-bottom:15px}.perm-controls{display:grid;grid-template-columns:minmax(200px,1fr) auto auto;gap:12px;padding:20px;background:#0a1320;border:1px solid #1a3552}.perm-controls label{display:flex;flex-direction:column;gap:8px;color:#95abc3;font:11px monospace;letter-spacing:.5px}.perm-controls input[type=search],.perm-controls select{width:100%;background:#050b14;color:#edf5ff;border:1px solid #285177;border-radius:3px;padding:13px;font:14px 'Segoe UI',sans-serif;min-height:45px}.perm-filter-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0}.perm-filter-row label{font-size:13px;color:#bfd9f5}.perm-filter-row input{accent-color:#168bff}.perm-filter-row button{background:transparent;border:0;color:#64caff;padding:10px}.perm-note{font-size:12px;max-width:900px;color:#95abc3}.perm-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}.perm-card{position:relative;min-width:0;margin:0;padding:10px;background:linear-gradient(145deg,#101f33,#0b1524);border:1px solid #1a3552;border-radius:4px}.perm-card:hover{border-color:#168bff}.perm-preview{border:0;padding:0;background:#050b14;width:100%;aspect-ratio:1;display:block;overflow:hidden;border-radius:3px}.perm-preview img{width:100%;height:100%;object-fit:contain;transition:transform .2s}.perm-preview:hover img{transform:scale(1.06)}.perm-card h2{font:600 12px/1.5 'Segoe UI',sans-serif;letter-spacing:0;display:block;margin:12px 0 6px;padding-right:14px;min-height:36px}.perm-card h2:before{display:none}.perm-card p{font:10px monospace;margin:0;color:#95abc3;line-height:1.6}.perm-star{position:absolute;right:14px;top:14px;border:1px solid #285177;background:#050b14e8;color:#64caff;border-radius:3px;width:29px;height:29px;font-size:21px;line-height:1}.perm-star[aria-pressed=true]{background:#153b60}.perm-results{display:flex;align-items:center;justify-content:space-between;padding:20px 0;color:#95abc3;font:12px monospace}.perm-results strong{color:#edf5ff;font-family:Orbitron,sans-serif;font-size:16px}.perm-empty{padding:30px;text-align:center;border:1px solid #285177}#perm-more{display:block;margin:25px auto}#perm-dialog{width:min(520px,calc(100% - 30px));max-height:90vh;overflow:auto}#perm-dialog h2{display:block;font:700 18px/1.5 Orbitron,sans-serif;margin:0 32px 20px 0}#perm-dialog h2:before{display:none}#perm-close{position:absolute;right:16px;top:16px;background:transparent;color:#edf5ff;border:1px solid #285177;width:32px;height:32px;padding:0;font-size:22px}#perm-image{display:block;width:min(260px,100%);aspect-ratio:1;object-fit:contain;margin:auto;background:#050b14}#perm-reference{font-size:11px}.perm-actions{display:flex;gap:8px;flex-wrap:wrap}.perm-actions button,.perm-actions a{padding:12px;border:1px solid #285177;background:#0d2035;color:#d7edff;text-decoration:none;font:12px 'Segoe UI',sans-serif}.perm-actions a:hover,.perm-actions button:hover{border-color:#168bff}#perm-status{font-size:12px;color:#64caff;min-height:20px;margin:16px 0 0}#perm-link{font-size:12px}.perm-page input:focus-visible,.perm-page select:focus-visible,.perm-page button:focus-visible{outline:2px solid #64caff;outline-offset:3px}@media(max-width:1000px){.perm-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){.perm-controls{grid-template-columns:1fr 1fr}.perm-controls label:first-child{grid-column:1/-1}.perm-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:420px){.perm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.perm-filter-row{gap:8px}.perm-controls{padding:14px;gap:10px}}

.perm-sku{display:block;font:9px/1.6 monospace;color:#64caff;overflow-wrap:anywhere;margin-top:8px}.perm-actions button:disabled{opacity:.45;cursor:not-allowed}#perm-reference{font:12px/1.7 monospace;color:#64caff;overflow-wrap:anywhere;user-select:all}

#perm-dialog{padding-top:58px}#perm-reference{display:block;font:600 16px/1.8 monospace;color:#64caff;overflow-wrap:anywhere;margin-bottom:24px}#perm-dialog .perm-actions{justify-content:center}

#perm-dialog{padding-top:28px}#perm-title{padding-right:25px}#perm-reference{font-size:11px;margin-top:20px;color:#95abc3}.perm-import-panel{margin:15px 0;padding:15px;border:1px solid #234361;background:#0a1320;font-size:12px;color:#95abc3}.perm-import-panel summary{cursor:pointer;color:#64caff}.perm-import-panel input{display:block;margin-top:10px;max-width:100%}

.perm-controls{grid-template-columns:minmax(180px,1fr) minmax(170px,1fr) auto auto}@media(max-width:850px){.perm-controls{grid-template-columns:1fr 1fr}.perm-controls label:first-child{grid-column:1/-1}}@media(max-width:520px){.perm-controls{grid-template-columns:1fr}.perm-controls label:first-child{grid-column:auto}}