:root{--app-background-color: hsl(0, 0%, 80%);--panel-background: hsl(0, 0%, 90%);--panel-text: hsl(0, 0%, 0%);--field-background: hsl(0, 0%, 100%);--field-text: hsl(0, 0%, 10%);--text-color: hsl(0, 0%, 0%);--text-muted-color: hsl(0,0%,10%)}.dark-mode{--app-background-color: hsl(0, 1%, 20%);--panel-background: hsl(0, 1%, 40%);--panel-text: hsl(0, 100%, 100%);--field-background: hsl(0, 0%, 80%);--field-text: hsl(0, 0%, 10%);--text-color: hsl(0, 16%, 96%);--text-muted-color: hsl(0,0%,85%)}html,body{height:100%}body{color:orange;min-height:100vh}label{display:block;font-size:.9rem;font-weight:700;color:var(--text-color);margin:.5rem auto}input,select,button{width:100%;border-radius:12px;border:1px solid var(--border);background:#ffffff08;color:var(--text);padding:10px 12px;font-size:.95rem;outline:none}input::placeholder{color:#666}input:focus,select:focus{border-color:var(--brand-color);box-shadow:0 0 0 4px #ff8a1f1f}.app__container{background-color:var(--app-background-color);border-radius:10px;border:1px solid var(--primary-color);width:100%;max-width:1280px;margin:0 auto;padding:1rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--background-color);display:flex;flex-direction:column;gap:16px}.app{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.app__panel{background:var(--app-background-color);padding:1rem;border-radius:10px;border:1px solid var(--accent);color:var(--app-text-color)}.app__input{background:var(--field-background);color:var(--field-text);border:1px solid var(--primary-color)}.app__select{border:1px solid var(--primary-color);background:var(--field-background);color:var(--field-text)}.app__select-option{background:pink;color:var(--text-color)}.app__image-logo{height:100px;width:100px}.app__title{color:#000}.app__message{font-size:1.5rem;margin-top:1rem;margin-bottom:1rem;text-align:center;color:var(--app-text-color)}.panel{width:90%;background:var(--panel-background);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel__header{background:#ffffff05;border-bottom:2px solid var(--text-color);display:flex;align-items:center;justify-content:space-between;gap:10px}.panel__title{color:var(--text-color);font-size:1rem;margin:0;font-weight:650;letter-spacing:.2px}.panel__body{padding:1rem}.panel__grid{display:grid;gap:var(--gap)}.panel__row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.panel__actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1.5rem;margin-bottom:1.5rem}button{cursor:pointer;font-weight:650}.app__btn-primary{background:var(--brand-color);color:var(--primary-color)}.app__btn-primary:focus-visible{background:var(--brand-light);color:var(--primary-color)}.app__btn-primary:hover{background:var(--brand-light);color:var(--primary-color)}.app__btn-primary:disabled{cursor:not-allowed;opacity:.6}.app__btn-secondary{background:var(--brand-color);color:var(--primary-color)}.app__btn-secondary:focus-visible{background:var(--brand-light);color:var(--primary-color)}.app__btn-secondary:hover{background:var(--brand-light);color:var(--primary-color)}.app__btn-add-row{background:var(--app-button-background-color);color:var(--app-button-text-color)}.app__btn-remove-rule{background:#f58484;border-radius:.2;color:var(--primary-color);font-size:1rem;font-weight:700;height:2.5rem;width:2.5rem}.hint{font-size:.85rem;color:var(--text-color)}.panel__status{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.panel__badge{padding:6px 10px;font-size:.82rem;background:var(--panel-background);color:var(--text-color);font-family:var(--mono)}.panel__results{padding:1rem;display:grid;grid-template-rows:auto 1fr;height:100%;min-height:420px}.panel__results{width:90%;background:var(--panel-background);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panel-results__list{padding:10px 0;overflow:auto;max-height:95vh}.panel-results__list ul{list-style:none;padding:0;margin:0}.panel-results__list li{color:var(--text-color);padding:.1rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:10px;align-items:center;font-family:var(--mono);font-size:.95rem}.panel-results__list li small{color:var(--muted);font-family:var(--sans);font-size:.8rem}.panel-results__empty{padding:16px;color:var(--text-color);font-size:.95rem;line-height:1.4}.position-grid{border:1px solid var(--primary-color);border-radius:12px;margin:.5rem auto;overflow:hidden;background:#ffffff05}.position-grid__header{padding:12px 12px 10px;border-bottom:1px solid rgba(255,255,255,.08)}.position-grid__table{padding:10px 12px 12px;display:grid;gap:10px}.position-grid__row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.position-grid__row--head{margin-bottom:-2px}.position-grid__cell--head{color:var(--text-color);font-size:1rem;font-weight:700;padding-left:2px}.position-grid__actions{display:flex;align-items:center;gap:10px}.position-grid__row{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.field-invalid{border-color:#ff5a6ad9!important;box-shadow:0 0 0 4px #ff5a6a26!important}.position-grid__footer{min-height:18px}.subtitle{margin:6px 0 0;color:var();font-size:.95rem}.loading{opacity:.9}.split{display:grid;gap:10px;grid-template-columns:1fr}.tips{margin-left:.5rem;color:var(--text-color)}.badge--good{background-color:1px solid var(--success-color)}.badge--bad{background-color:1px solid var(--danger-color)}@media(max-width:980px){.app{grid-template-columns:1fr}.panel-results__list{max-height:55vh}}