.acc-generator-wrap{width:100%;max-width:none;margin:0 auto;padding:0 2.5%}.generator-container{background:#111;border:1px solid #222;border-radius:1rem;margin:0 auto;padding:2rem}.mode-switch{border:none;flex-wrap:wrap;gap:1.5rem;margin-bottom:2rem;padding:0;display:flex}.mode-switch legend,.variable-card legend,.settings-group legend{color:#3bad61;padding:0 .5rem 0 0;font-weight:600}.settings-group,.variable-card{border:1px solid #222;border-radius:.75rem;margin:0;padding:1.25rem}.settings-group{margin-bottom:2rem}.pack-filters{border:1px solid #222;border-radius:.75rem;margin-bottom:2.5%;padding:1.25rem}.pack-filters-label{color:#3bad61;margin-bottom:.75rem;font-weight:600;display:block}.variables-grid{grid-template-columns:repeat(3,minmax(0,30%));justify-content:space-between;gap:2.5%;margin-bottom:2rem;display:grid}.variables-grid .variable-card{width:100%}@media (width<=900px){.variables-grid{grid-template-columns:minmax(0,100%)}}.variable-card{flex-direction:column;gap:1rem;min-width:0;display:flex}.variable-card legend,.toggle-label span,.input-row label,.preset-note,.hint{white-space:normal;overflow-wrap:break-word}.input-row{flex-direction:column;gap:.35rem;min-width:0;display:flex}.input-row[hidden],.variable-card [hidden],.settings-group[hidden],.shared-banner[hidden],.filter-popover[hidden],.results-area[hidden]{display:none!important}.input-row label{color:#ccc;font-size:.85rem}.input-field{color:#fff;background-color:#2d2d2d;border:1px solid #333;border-radius:.5rem;max-width:100%;padding:.6rem .8rem;font-family:inherit;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.input-field:focus{border-color:#3bad61;outline:none;box-shadow:0 0 0 2px #3bad6133}.toggle-label{cursor:pointer;align-items:center;gap:.5rem;font-size:.95rem;display:flex}.toggle-label input[type=checkbox]{accent-color:#3bad61;flex:none;width:1.1rem;height:1.1rem}.radio-label{cursor:pointer;border-radius:.5rem;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s;display:flex}.radio-label:hover{background-color:#222}.radio-custom{border:2px solid #3bad61;border-radius:50%;width:20px;height:20px;transition:all .3s;position:relative}.radio-label input[type=radio]{opacity:0;width:0;height:0;position:absolute}.radio-label input[type=radio]:checked+.radio-custom{background-color:#3bad61}.radio-label input[type=radio]:checked+.radio-custom:after{content:"";background-color:#000;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-text{color:#ccc;font-size:.9rem}.radio-label input[type=radio]:checked+.radio-custom+.radio-text{color:#fff}.chip-grid{flex-wrap:wrap;gap:.5rem;display:flex}.chip{cursor:pointer;background:#1b1b1b;border:1px solid #2a2a2a;border-radius:2rem;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.85rem;transition:border-color .3s,background-color .3s;display:inline-flex}.chip:hover{border-color:#3bad61}.chip input[type=checkbox]{accent-color:#3bad61}.filter-popover{z-index:50;background:#161616;border:1px solid #2a2a2a;border-radius:.75rem;flex-direction:column;gap:.6rem;width:min(340px,100vw - 16px);max-height:390px;padding:.9rem;display:flex;position:absolute;box-shadow:0 12px 30px #0009}.filter-popover[hidden]{display:none!important}.filter-popover h4{color:#3bad61;margin:0;font-size:.95rem}.filter-popover-actions{gap:.5rem;display:flex}.filter-popover-list{flex-wrap:wrap;align-content:flex-start;gap:.5rem;display:flex;overflow-y:auto}.filter-popover-item{display:contents}.filter-popover-toggle{cursor:pointer;color:#fff;background:#1b1b1b;border:1px solid #2a2a2a;border-radius:2rem;align-items:center;gap:.4rem;padding:.35rem .85rem;font-family:inherit;font-size:.85rem;transition:border-color .3s,background-color .3s;display:inline-flex}.filter-popover-toggle:hover{border-color:#3bad61}.filter-check{color:#3bad61;flex:none;width:1.1rem;font-size:.85rem}.filter-check-off{visibility:hidden}.filter-item-label{overflow-wrap:break-word;max-width:260px}.preset-note{color:#ccc;background:#1b1b1b;border:1px solid #2a2a2a;border-radius:.5rem;margin:0;padding:.6rem .75rem;font-size:.8rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.4rem;font-family:inherit;font-size:1rem;font-weight:600;transition:background-color .3s,border-color .3s,transform .2s;display:inline-flex}.btn-primary{color:#000;background-color:#3bad61}.btn-primary:hover{background-color:#4ade80;transform:translateY(-1px)}.btn-secondary{color:#3bad61;background-color:#0000;border-color:#3bad61}.btn-secondary:hover{background-color:#3bad611a}.btn-small{padding:.35rem .8rem;font-size:.8rem}.filter-btn{width:100%}.generate-row{justify-content:center;margin-top:.5rem;display:flex}.generate-row .btn-primary{width:100%;max-width:420px;padding:.9rem 1.5rem;font-size:1.1rem}.message-area{border-radius:.5rem;margin-top:1.5rem;padding:.9rem 1.1rem;font-size:.95rem}.message-error{color:#fca5a5;background-color:#dc26261f;border:1px solid #dc2626}.message-warning{color:#fde047;background-color:#eab3081a;border:1px solid #eab308}.shared-banner{background:#3bad611a;border:1px solid #3bad61;border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;display:flex}.results-area{margin:2rem auto 0}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.results-header h2{color:#3bad61}.results-actions{flex-wrap:wrap;gap:.75rem;display:flex}.results-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2.5%;display:grid}.result-card{background:#111;border:1px solid #222;border-radius:.75rem;padding:1.25rem;transition:border-color .3s}.result-card:hover{border-color:#3bad61}.result-card-title{color:#3bad61;margin-bottom:.9rem;font-size:1rem}.result-card dl{grid-template-columns:auto 1fr;gap:.35rem .9rem;margin:0;display:grid}.result-card dt{color:#999;align-self:center;font-size:.8rem}.result-card dd{margin:0;font-size:.9rem}.hint{color:#888;font-size:.8rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.acc-generator-wrap{padding:0 1rem}.generator-container,.result-card{padding:1.25rem}.results-header{flex-direction:column;align-items:flex-start}}