/* Визуалон: дополнения к базовому стилю */
.view.on{animation:in .3s ease}
.one{display:grid;gap:20px;max-width:720px;margin:0 auto}
.field{display:grid;gap:6px;font-size:14px;color:var(--soft)}
.field input,.field textarea,.field select{border:2px solid var(--line);border-radius:14px;padding:11px 14px;background:var(--field);color:var(--ink);font:inherit;outline:none;width:100%}
.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}
.field textarea{min-height:84px;resize:vertical}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:620px){.grid2{grid-template-columns:1fr}}
.tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 0 16px}
.tabs::-webkit-scrollbar{display:none}
.tabs button{flex:none;border:0;border-radius:999px;padding:9px 15px;font-weight:600;font-size:14px;cursor:pointer;background:var(--tint3);color:var(--ink)}
.tabs button[aria-selected="true"]{background:var(--sel);color:var(--selfg)}
.tabs .badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:999px;background:var(--accent2);color:#fff;font-size:12px}
.list{display:grid;gap:10px}
.item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 16px;border-radius:var(--r-s);background:var(--tint2);cursor:pointer;border:0;text-align:left;width:100%}
.item:hover{background:var(--tint3)}
.item b{display:block;font-weight:700}
.item small{color:var(--soft);font-size:13px}
.item .right{text-align:right;font-size:13px;color:var(--soft);white-space:nowrap}
.empty{color:var(--soft);font-size:15px;padding:18px 0;text-align:center}
.linkbox{display:flex;gap:8px;align-items:center;background:var(--tint2);border-radius:14px;padding:8px 8px 8px 14px;font-size:13px;word-break:break-all}
.linkbox span{flex:1;color:var(--soft)}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(20px);background:var(--sel);color:var(--selfg);padding:12px 18px;border-radius:999px;font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:50;max-width:90vw;text-align:center}
.toast.on{opacity:1;transform:translateX(-50%)}
.back{border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:0;margin:0 0 6px;font-size:15px}
.msg .orig{display:block;margin-top:6px;font-size:12.5px;opacity:.75;border-top:1px dashed currentColor;padding-top:6px}
.msg.pend{outline:2px dashed var(--accent2);outline-offset:2px}
.tag{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--tint3);color:var(--soft);margin-right:6px}
.tag.warn{background:rgba(229,72,77,.14);color:#D93A40}
[data-dark] .tag.warn{color:#FF8C90}
.files{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.file{border-radius:var(--r-s);overflow:hidden;background:var(--tint2);font-size:13px}
.file img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;background:var(--tint3);cursor:zoom-in}
.file .doc{display:grid;place-items:center;aspect-ratio:3/4;font-size:30px;color:var(--soft)}
.file div.n{padding:8px 10px;word-break:break-all}
.file .st{display:block;font-size:12px;color:var(--soft)}
.file .st.bad{color:var(--accent2)}
.zoom{position:fixed;inset:0;background:rgba(5,8,20,.85);display:grid;place-items:center;z-index:60;padding:20px;cursor:zoom-out}
.zoom img{max-width:100%;max-height:100%;border-radius:12px}
.kv{display:grid;gap:10px;font-size:15px;margin:0}
.kv div{display:grid;grid-template-columns:120px 1fr;gap:10px}
.kv dt{color:var(--soft)} .kv dd{margin:0;white-space:pre-wrap}
@media (max-width:420px){.kv div{grid-template-columns:1fr;gap:2px}}
.switch{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer}
.switch input{width:20px;height:20px;accent-color:var(--accent)}
.stagepick{display:flex;gap:6px;flex-wrap:wrap}
.stagepick button{border:0;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:600;cursor:pointer;background:var(--tint3);color:var(--ink)}
.stagepick button[aria-pressed="true"]{background:var(--grad);color:#fff}
.rulebtns{display:flex;flex-wrap:wrap;gap:6px}
.rulebtns button{border:0;border-radius:999px;padding:7px 11px;font-size:12.5px;font-weight:600;cursor:pointer}
.rulebtns .plus{background:color-mix(in srgb,#2FBF8F 16%,transparent);color:#178062}
.rulebtns .minus{background:rgba(229,72,77,.12);color:#D93A40}
[data-dark] .rulebtns .minus{color:#FF8C90}
[data-dark] .rulebtns .plus{color:#7BE0BC}
.login{max-width:380px;margin:20px auto}
.muted{color:var(--soft);font-size:14px}
.spin{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sp .7s linear infinite;vertical-align:-2px}
@keyframes sp{to{transform:rotate(360deg)}}