.app{padding:40px 32px 100px;min-height:75vh}
.soonbar{border:1px dashed var(--line2);border-radius:8px;padding:13px 16px;color:var(--dim);font-size:14.5px;margin-bottom:24px}
.grid{display:grid;grid-template-columns:1fr 340px;gap:28px;align-items:start}
.f{display:block;font:500 13px var(--mono);color:var(--faint);margin:22px 0 10px}.f:first-child{margin-top:0}
.assets{display:flex;flex-wrap:wrap;gap:6px}
.assets button{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px 0 6px;border-radius:6px;border:1px solid var(--line2);background:var(--panel);font-size:13.5px;font-weight:600;color:var(--dim)}
.assets button img,.assets button i{width:24px;height:24px;border-radius:50%;object-fit:cover;background:#2a2b31;display:grid;place-items:center;font:600 9px var(--mono);font-style:normal;color:var(--ink)}
.assets button.on{border-color:var(--acc);color:var(--ink);background:rgba(154,209,230,.07)}
.custom{display:flex;gap:12px;align-items:center;margin-top:10px}.custom input{flex:1}
input,textarea{background:var(--panel);border:1px solid var(--line2);border-radius:6px;outline:0;color:var(--ink)}
input:focus,textarea:focus{border-color:#4b4d57}
.custom input,.row input{height:44px;padding:0 14px;font:13.5px var(--mono)}
textarea#list{display:block;width:100%;height:340px;padding:14px 16px;font:13px/1.75 var(--mono);resize:vertical}
.tools{display:flex;gap:14px;align-items:center;margin-top:10px}.tools .btn{margin-left:auto}
.ck{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--dim);cursor:pointer}
.amt{height:34px;width:120px;padding:0 10px;font:13px var(--mono)}
.problems{margin-top:12px;font:13px/1.7 var(--mono);color:var(--bad)}
.sum{position:sticky;top:20px;border:1px solid var(--line2);border-radius:10px;background:var(--panel);padding:20px}
.sum .kv{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px}.sum .kv span{color:var(--faint)}.sum .kv b{font-weight:600;text-align:right}
.sum .btn.big{width:100%;margin-top:18px}
.sum .hint{margin-top:14px;font-size:13px}
.steps{margin-top:12px}.steps div{display:flex;justify-content:space-between;font:13px var(--mono);color:var(--dim);padding:6px 0}.steps div b{font-weight:500}.steps .ok b{color:var(--acc)}
.row{display:flex;gap:8px}.row input{flex:1}
.opts{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin-top:18px;font-size:14px;color:var(--dim)}
.opts .n{height:34px;width:96px;padding:0 10px;font:13px var(--mono);margin-left:6px}
.ht{margin-top:24px}.ht td{font:13px var(--mono);padding:10px 12px 10px 0}.ht td:first-child{color:var(--faint);font-weight:400;width:40px}
.ht a:hover{color:var(--ink)}
.tabs a.on{color:var(--ink)}
@media (max-width:900px){.grid{grid-template-columns:1fr}.sum{position:static}.nav.tabs{display:flex;gap:16px}.app{padding:28px 18px 80px}}