textarea{width:100%;min-height:76px;margin-top:7px;border:1px solid #e1e3e7;background:#f8f9fa;padding:13px;border-radius:12px;font:inherit;resize:vertical}.pattern-tools{display:flex;gap:8px;margin-bottom:12px}.pattern-tools input{margin:0}.pattern-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.pattern-stat{padding:12px;border-radius:14px;background:#fff;border:1px solid var(--line)}.pattern-stat span{display:block;color:var(--muted);font-size:10px}.pattern-stat strong{font-size:19px}.pattern-card{padding:15px;background:#fff;border:1px solid var(--line);border-radius:18px;margin-bottom:12px}.pattern-card-head{display:flex;justify-content:space-between;gap:12px}.pattern-card-head h3{margin:0;font-size:16px}.pattern-card-head p{margin:4px 0;color:var(--muted);font-size:11px}.pattern-visual{display:grid;grid-template-columns:1.3fr 1fr;gap:9px;margin:13px 0}.pattern-chart,.pattern-thumb{width:100%;height:128px;border-radius:12px;background:#f7f8fa;object-fit:cover}.pattern-thumb{cursor:zoom-in}.pattern-chart{display:block}.pattern-tags{display:flex;flex-wrap:wrap;gap:6px}.pattern-tags span{padding:5px 8px;border-radius:99px;background:#eef2f6;color:#59616c;font-size:10px;font-weight:700}.pattern-copy{font-size:12px;color:#626973;line-height:1.6}.pattern-copy b{color:#20242a}.pattern-result{display:flex;gap:6px;margin-top:10px}.pattern-result button{flex:1;border:0;border-radius:9px;padding:8px;background:#f1f2f4;color:#686f78}.pattern-result button.active.hit{background:var(--red-soft);color:var(--red)}.pattern-result button.active.miss{background:var(--green-soft);color:var(--green)}.pattern-result button.active.neutral{background:var(--amber-soft);color:var(--amber)}.image-dialog{width:min(94vw,980px);background:#111;padding:44px 10px 10px}.image-dialog img{display:block;max-width:100%;max-height:82vh;margin:auto}.image-dialog .close-btn{position:absolute;right:10px;top:8px}.empty-pattern{padding:34px 18px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #d9dce1;border-radius:18px}@media(max-width:430px){.pattern-visual{grid-template-columns:1fr}.pattern-chart,.pattern-thumb{height:150px}.bottom-nav button{min-width:48px;font-size:10px}}